.product-card{display:grid;gap:var(--space-4)}.product-card__link{display:grid;gap:var(--space-4);text-decoration:none;transition:transform var(--duration-slow) var(--ease-out-soft)}.product-card__media{border-radius:var(--radius-l)}.media--empty{background:var(--color-linen)}.media__alt{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:0;transition:opacity var(--duration-slow) var(--ease-out-soft)}.product-card__body{display:grid;gap:var(--space-1)}.product-card__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:400;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.product-card__features{color:var(--color-stone);font-size:var(--text-body-s)}.product-card__box{margin-top:var(--space-1)}.product-card__box-list{margin-top:var(--space-2);padding-left:1.25em;color:var(--color-stone);font-size:var(--text-body-s)}.product-card__media>img:first-child{transition:opacity var(--duration-slow) var(--ease-out-soft)}.product-card__footer{transition:border-color var(--duration-base) var(--ease-out-soft);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);padding-top:var(--space-3);border-top:var(--border-hairline)}.product-card__price{margin-right:auto;font-size:var(--text-body-l)}.product-card__meta,.product-card__status{color:var(--color-stone);font-size:var(--text-body-s)}@media(hover:hover)and (pointer:fine){.product-card__link:hover{transform:translate3d(0,-4px,0)}.product-card__link:hover .media__alt{opacity:1}.product-card__link:hover>.product-card__media:has(.media__alt)>img:first-child{opacity:0}.product-card:hover .product-card__footer{border-color:var(--color-ink)}.product-card__title{text-decoration:underline 1px transparent;text-underline-offset:5px;transition:text-decoration-color var(--duration-base) var(--ease-out-soft)}.product-card__link:hover .product-card__title{text-decoration-color:currentColor}}@media(prefers-reduced-motion:reduce){.product-card__link:hover{transform:none}}@media(hover:none){.product-card__link{transition:opacity var(--duration-instant) linear}.product-card__link:active{opacity:.8}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-card.css.map */