@layer components{.product-card{container-type:inline-size;container-name:card;position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;color:var(--color-text);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);isolation:isolate}.product-card:hover,.product-card:focus-within{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.product-card__media{position:relative;aspect-ratio:1 / 1;background:radial-gradient(120% 80% at 50% 30%,#fff,#f5f5f7 70%,#ececef);overflow:hidden;border-bottom:1px solid var(--color-border)}.product-card__media>img,.product-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:var(--space-4);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.product-card__image--placeholder{background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface))}.product-card__media>img:nth-of-type(2),.product-card__image--secondary{opacity:0;pointer-events:none}@media(hover:hover){.product-card:hover .product-card__media>img:nth-of-type(1),.product-card:focus-within .product-card__media>img:nth-of-type(1),.product-card:hover .product-card__image--primary,.product-card:focus-within .product-card__image--primary{opacity:0}.product-card:hover .product-card__media>img:nth-of-type(2),.product-card:focus-within .product-card__media>img:nth-of-type(2),.product-card:hover .product-card__image--secondary,.product-card:focus-within .product-card__image--secondary{opacity:1;transform:scale(1.02)}}@media(hover:none){.product-card[data-flipped=true] .product-card__media>img:nth-of-type(1),.product-card[data-flipped=true] .product-card__image--primary{opacity:0}.product-card[data-flipped=true] .product-card__media>img:nth-of-type(2),.product-card[data-flipped=true] .product-card__image--secondary{opacity:1}}.product-card__ribbons{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);z-index:2;pointer-events:none}.product-card__ribbon{display:inline-flex;align-items:center;height:22px;padding-inline:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-bold);line-height:1;letter-spacing:.02em}.product-card__ribbon--multibuy{background:var(--color-accent);color:var(--color-accent-fg)}.product-card__ribbon--sale{background:var(--color-danger);color:#fff}.product-card__stock-slot{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;pointer-events:none}.stock-badge{display:inline-flex;align-items:center;gap:4px;padding:4px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-semibold);line-height:1;border:1px solid var(--color-border);white-space:nowrap}.stock-badge--ships-today{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}.stock-badge--low{color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}.stock-badge--oos{color:var(--color-text-subtle)}.product-card__quick-add{position:absolute;right:var(--space-3);bottom:var(--space-3);z-index:3;margin:0}.product-card__quick-add-btn{width:var(--tap-target-min);height:var(--tap-target-min);display:inline-flex;align-items:center;justify-content:center;background:var(--color-cta);color:var(--color-cta-fg);border:0;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.product-card__quick-add-btn:hover{background:var(--color-cta-hover);transform:scale(1.05)}.product-card__quick-add-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media(hover:hover)and (min-width:750px){.product-card__quick-add{opacity:0;transform:translateY(8px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.product-card:hover .product-card__quick-add,.product-card:focus-within .product-card__quick-add{opacity:1;transform:translateY(0)}}.product-card__body{display:flex;flex-direction:column;gap:6px;padding:var(--space-3);flex:1}.product-card__brand{font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent)}.product-card__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text);margin:0;display:flex;flex-direction:column;gap:2px;min-height:2.5em}.product-card__title-base{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-text)}.product-card__title-flavor{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-accent);font-weight:var(--font-weight-medium);font-size:.92em;letter-spacing:.01em}.product-card__rating{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.product-card__stars{display:inline-flex;gap:1px;color:var(--color-text-subtle)}.product-card__star.is-on{color:var(--color-warning)}.product-card__strengths{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.product-card__strength-chip{--chip-tone: var(--strength-20);display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--chip-tone) 18%,transparent);color:var(--chip-tone);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;border:1px solid color-mix(in srgb,var(--chip-tone) 30%,transparent);line-height:1}.product-card__strength-chip[data-strength="0"]{--chip-tone: var(--strength-0)}.product-card__strength-chip[data-strength="3"]{--chip-tone: var(--strength-3)}.product-card__strength-chip[data-strength="6"]{--chip-tone: var(--strength-6)}.product-card__strength-chip[data-strength="10"]{--chip-tone: var(--strength-10)}.product-card__strength-chip[data-strength="20"]{--chip-tone: var(--strength-20)}.product-card__strength-chip--more{--chip-tone: var(--color-text-muted)}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:auto 0 0;padding-top:var(--space-1);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text)}.price__from{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-right:2px}.price__amount{color:var(--color-text)}.price--sale{color:var(--color-danger)}.price__compare{color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.price__savings{flex-basis:100%;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-success);letter-spacing:.02em}@container card (min-width: 240px){.product-card__title{font-size:var(--text-base)}.price{font-size:var(--text-lg)}.product-card__body{padding:var(--space-4);gap:var(--space-2)}}@container card (min-width: 320px){.product-card__ribbons{top:var(--space-3);left:var(--space-3)}.product-card__stock-slot{top:var(--space-3);right:var(--space-3)}}@media(prefers-reduced-motion:reduce){.product-card,.product-card__image,.product-card__quick-add,.product-card__quick-add-btn{transition:none;transform:none}}}@layer components{.product-card__rating-count{font-size:var(--text-xs);color:var(--color-text-muted);margin-inline-start:4px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-card.css.map */