.custom-product-display{width:98%;margin:18px auto 0;height:auto}.product-display-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:3rem}.product-display-card{display:block;color:inherit;text-decoration:none}.custom-product-display--animate .product-display-card{opacity:0;transform:translateY(1.6rem)}.custom-product-display--animate.custom-product-display--in-view .product-display-card{animation:product-display-card-fade-in .7s ease forwards;animation-delay:calc(var(--product-card-index, 0) * .16s)}@keyframes product-display-card-fade-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.custom-product-display--animate .product-display-card{opacity:1;transform:none;animation:none}}.product-display-card__media{position:relative;overflow:hidden;aspect-ratio:3 / 4;background:#f3f3f3}.product-display-card__image,.product-display-card__image--placeholder{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .35s ease}.product-display-card:hover .product-display-card__image,.product-display-card:focus-visible .product-display-card__image,.product-display-card:hover .product-display-card__image--placeholder,.product-display-card:focus-visible .product-display-card__image--placeholder{transform:scale(1.06)}.product-display-card__title{display:block;margin-top:1.2rem;color:#000;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.8rem;font-weight:var(--font-body-weight);line-height:1.3}.product-display-card__tag{position:absolute;top:1.2rem;left:1.2rem;z-index:1;display:inline-flex;align-items:center;padding:.6rem 1rem;background:#000;color:#fff;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.2rem;font-weight:var(--font-body-weight);line-height:1}.product-display-card__price{display:block;margin-top:.6rem;color:#a1a1a1;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.6rem;font-weight:var(--font-body-weight);line-height:1.3}.custom-product-display__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:4rem;font-weight:var(--font-heading-weight);line-height:1.3;margin-bottom:18px}@media screen and (max-width:850px){.product-display-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-product-display.css.map */