.card-product{position:relative;display:flex;flex-direction:column;height:100%;padding:10px;background:var(--white);color:var(--ink);border-radius:20px;box-shadow:var(--sh-1);transition:box-shadow .2s,transform .2s var(--ease)}
@media(min-width:750px){.card-product{padding:12px;border-radius:var(--r-card)}.card-product:hover{box-shadow:var(--sh-2)}}
.card-product__media{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--stone)}
.card-product__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.card-product:hover .card-product__media img{transform:scale(1.03)}
.card-product--soldout .card-product__media img{opacity:.55}
.card-product__badges{position:absolute;left:8px;top:8px;display:flex;gap:4px;flex-wrap:wrap}
.card-product__rank{position:absolute;right:8px;top:8px;display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:16px;background:var(--cream);color:var(--olive);font:500 13px/1 var(--font)}
.card-product__fab{position:absolute;right:8px;bottom:8px}
.card-product__fab .icon-btn{width:44px;height:44px;box-shadow:var(--sh-1)}
.card-product__body{display:flex;flex-direction:column;flex:1;gap:6px;padding:12px 2px 2px}
@media(min-width:750px){.card-product__body{padding:12px 4px 4px}}
.card-product__delivery{font-size:12px;line-height:16px;color:var(--muted);min-height:16px}
.card-product__rating{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;min-height:16px;color:var(--ink)}
.card-product__rating .icon{width:14px;height:14px;color:var(--olive);fill:currentColor}
.card-product__title{font:400 14px/20px var(--font);height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card-product__title a{color:var(--ink)}
.card-product__title a::after{content:'';position:absolute;inset:0;z-index:1}
.price{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-height:24px;white-space:nowrap;font-variant-numeric:tabular-nums}
.price__now{font:500 15px/1.2 var(--font)}
.price__was{font-size:12px;color:var(--muted);text-decoration:line-through}
.price__off{font:500 10px/1 var(--font);color:var(--olive);border:1.5px solid var(--olive);border-radius:var(--r-pill);padding:2px 6px}
.card-product__atc{display:inline-flex;width:100%;position:relative;z-index:2;margin-top:auto;min-height:44px;padding:0 12px;font-size:13px;background:var(--white);color:var(--olive);border-color:var(--olive)}
.card-product__atc:hover{background:var(--olive);color:var(--cream)}
.card-product__price{margin-bottom:6px}
.card-product__fab{display:none}
@media(min-width:750px){
  .price__now{font-size:16px}
  .price__was{font-size:13px}
  .price__off{font-size:11px;padding:3px 8px}
  .card-product__atc{padding:0 28px;font-size:14px}
}
.card-product__tag{position:absolute;right:8px;top:8px;padding:3px 12px;border-radius:var(--r-pill);background:var(--stone);color:var(--olive);font:500 11px/1.4 var(--font);text-transform:uppercase;letter-spacing:.04em}
.card-product--compact .card-product__title{order:1}
.card-product--compact .card-product__rating{order:2}
.card-product--compact .card-product__price{order:3}
.card-product--compact .card-product__atc{order:4}