.product-card{position:relative;min-width:0;overflow:hidden}.product-card__link{display:block;text-decoration:none;color:inherit}.product-card__media{position:relative;overflow:hidden;background-color:var(--color-surface);margin-bottom:var(--space-2);aspect-ratio:3/4}.product-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-slow) var(--ease-out)}.product-card__image--secondary,.product-card__link:hover .product-card__image--primary{opacity:0}.product-card__link:hover .product-card__image--secondary{opacity:1}.product-card__link:hover .product-card__image--primary:only-child{opacity:1;transform:scale(1.03);transition:transform var(--duration-slower) var(--ease-out)}.product-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);color:var(--color-text-secondary)}.product-card__badge{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1}.product-card__info{display:flex;flex-direction:column;gap:4px;min-width:0}.product-card__collection{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-card__price{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.product-card__swatches{display:flex;align-items:center;gap:6px;margin-top:4px}.product-card__swatch{width:12px;height:12px;border-radius:var(--radius-full);border:1px solid var(--color-border);flex-shrink:0}.product-card__swatch-more{font-size:10px;color:var(--color-text-secondary)}@media(max-width:639px){.product-card__media{margin-bottom:var(--space-1)}.product-card__info{gap:2px}.product-card__title,.product-card__price{font-size:var(--font-size-xs)}.product-card__collection{font-size:10px}.product-card__swatches{display:none}}.product-card__placeholder-svg{width:100%;height:100%;fill:var(--color-border)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-product-card.css.map */