.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}@media(min-width:750px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:990px){.product-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.product-grid>li{display:flex;min-width:0}.product-card{position:relative;display:flex;flex-direction:column;gap:14px;width:100%;min-height:100%;color:var(--c-ink)}.product-card__top{display:flex;align-items:baseline;gap:10px;min-width:0}.product-card__index{flex:none}.product-card__heading{min-width:0}.product-card__title{font-weight:var(--font-sans-weight)}.product-card__text{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-card__link:focus-visible{outline:none}.product-card:has(.product-card__link:focus-visible){outline:2px solid var(--c-ink);outline-offset:2px}.product-card__media{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2.4vw,40px) clamp(0px,3.2vw,52px)}.product-card__frame{width:100%;aspect-ratio:4 / 5;background:var(--c-tint-strong)}.product-card__frame .img{transition:opacity var(--dur-slow) var(--ease),transform 1.2s var(--ease)}.no-js .product-card__img--secondary{display:none}.product-card__bottom{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.product-card__cta{position:relative;padding-bottom:3px;white-space:nowrap}.product-card__cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}.product-card__price{white-space:nowrap}.product-card--sold-out .product-card__cta{color:var(--c-ink-soft)}@media(hover:hover){.product-card:hover .product-card__cta:after{transform:scaleX(1)}.product-card:hover .product-card__frame .img{transform:scale(1.035)}.product-card__frame .product-card__img--secondary.is-loaded{opacity:0}.product-card:hover .product-card__frame .product-card__img--secondary.is-loaded{opacity:1}}@media(hover:none){.product-card__img--secondary{display:none}}@media(max-width:749px){.product-card{padding:12px;gap:10px}.product-card__top{flex-direction:column;gap:2px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-card.css.map */