.acc{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e6e6e6;border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.acc:hover{box-shadow:0 10px 28px rgba(0,0,0,.08);transform:translateY(-2px)}
.acc__img{position:relative;display:flex;align-items:center;justify-content:center;background:#f4f4f4;aspect-ratio:1/1;padding:18px}
.acc__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s}
.acc:hover .acc__img img{transform:scale(1.04)}
.acc__corner{position:absolute;top:0;left:0;z-index:1;background:#fed900;color:#000;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:6px 12px;border-radius:14px 0 12px 0;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc__dots{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:3px;background:#fff;border-radius:20px;padding:4px 8px;font-size:11px;color:#000}
.acc__dots i{width:10px;height:10px;border-radius:50%;display:inline-block}
.acc__so{position:absolute;right:10px;top:10px;background:#000;color:#fff;font-size:11px;padding:3px 8px;border-radius:20px}
.acc.is-soldout .acc__img img{opacity:.55}
.acc__b{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.acc__t{color:#000;text-decoration:none;font-weight:600;font-size:16px;line-height:1.3}
.acc__s{font-size:13px;color:#666;line-height:1.4;margin:4px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.acc__spec{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:12.5px}
.acc__spec>div{padding:8px 0;line-height:1.3}
.acc__spec>div:first-child{padding-right:10px;border-right:1px solid #eee}
.acc__spec>div:last-child{padding-left:10px}
.acc__spec b{display:block;font-weight:400;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#888;margin-bottom:1px}
.acc__spec--one{grid-template-columns:1fr}.acc__spec--one>div{border:0!important;padding-left:0!important}
.acc__f{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:14px}
.acc__pr{font-weight:600;font-size:16px;line-height:1.2}
.acc__pr s{display:block;font-weight:400;font-size:12px;color:#999}
.acc__pr small{display:block;font-weight:400;font-size:11px;color:#777;margin-top:2px}
.acc__go{flex:0 0 auto;background:#000;color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:9px 16px;border-radius:30px;transition:background .2s,color .2s}
.acc__go:hover{background:#fed900;color:#000}
@media(max-width:749px){.acc__b{padding:12px}.acc__t{font-size:14px}.acc__s{font-size:12px}.acc__spec{font-size:11.5px}.acc__f{flex-direction:column;align-items:stretch}.acc__go{text-align:center}.acc__corner{font-size:10px;padding:5px 9px}}
