.product-card{display:block;color:var(--color-text-strong);text-decoration:none;transition:opacity var(--t-base) var(--ease-out)}.product-card:hover{color:var(--color-text-strong)}.product-card__media{position:relative;overflow:hidden;background-color:var(--color-surface);margin-bottom:var(--sp-md)}.product-card--portrait .product-card__media{aspect-ratio:4 / 5}.product-card--square .product-card__media{aspect-ratio:1 / 1}.product-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--t-slow) var(--ease-out),transform 1.2s var(--ease-out)}.product-card__img--secondary,.product-card:hover .product-card__img--primary{opacity:0}.product-card:hover .product-card__img--secondary{opacity:1}.product-card:not(:has(.product-card__img--secondary)):hover .product-card__img--primary{transform:scale(1.04)}.product-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--color-surface)}.product-card__placeholder-svg{width:60%;height:60%;fill:color-mix(in srgb,var(--color-text) 25%,transparent)}.product-card__badge{position:absolute;top:var(--sp-sm);left:var(--sp-sm);padding:.4rem .7rem;font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);background:var(--color-bg);color:var(--color-text-strong);font-weight:500}.product-card__badge--sale{background:var(--color-accent);color:#fff}.product-card__badge--soldout{background:var(--color-text-strong);color:#fff}.product-card__info{display:flex;flex-direction:column;gap:.35rem}.product-card__vendor{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:color-mix(in srgb,var(--color-text) 70%,transparent)}.product-card__title{font-family:var(--font-heading--family);font-size:1.05rem;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--color-text-strong);margin:0}.product-card__price{display:flex;gap:.6rem;align-items:baseline;font-size:.95rem;color:var(--color-text)}.product-card__price-compare{color:color-mix(in srgb,var(--color-text) 55%,transparent);text-decoration:line-through;font-size:.85em}@media(max-width:749px){.product-card__title{font-size:1rem}.product-card__media{margin-bottom:var(--sp-sm)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-product-card.css.map */