.card-product{position:relative;display:flex;min-width:0;flex-direction:column;gap:var(--space-5);color:var(--color-text)}.card-product__media{position:relative;overflow:hidden;aspect-ratio:var(--card-media-ratio, 4 / 5);border-radius:0;background:var(--color-surface-muted);border:var(--card-border, 0) solid var(--color-border);box-shadow:var(--card-shadow, none)}.card-product__media-link{display:block;width:100%;height:100%}.card-product__image{width:100%;height:100%;object-fit:cover;transition:opacity calc(var(--duration-normal) * var(--motion-scale)) var(--ease-standard),transform calc(var(--duration-slow) * var(--motion-scale)) var(--ease-emphasized)}.card-product__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.card-product__media:hover .card-product__image--primary{transform:scale(calc(1 + .015 * var(--motion-scale)))}.card-product__media:hover .card-product__image--secondary{opacity:1;transform:scale(calc(1 + .015 * var(--motion-scale)))}.card-product__badges{position:absolute;z-index:1;top:var(--space-4);left:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-product__content{display:grid;gap:var(--space-3)}.card-product__vendor{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.card-product__title{font-family:var(--font-heading-family);font-size:clamp(var(--text-lg),1rem + .25vw,var(--text-xl));line-height:1.3}.card-product__title a{text-decoration:none}.card-product__title a:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.card-product__price{position:relative;z-index:1}.card-product--bordered{--card-border: var(--border-width)}.card-product--raised{--card-shadow: var(--shadow-subtle)}.card-product:hover .card-product__title a{text-decoration:underline;text-decoration-color:color-mix(in srgb,currentcolor 35%,transparent);text-underline-offset:.25em}@media(hover:none){.card-product__image--secondary{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card-product.css.map */