.hn-product-grid{background-color:#fff}.hn-product-grid__header{text-align:center;margin-bottom:4rem}.hn-product-grid__grid{display:grid;gap:1.2rem;grid-template-columns:1fr}.hn-product-grid__cell{position:relative;display:block;overflow:hidden;border-radius:var(--hn-radius-lg);text-decoration:none;aspect-ratio:16 / 10;min-height:18rem}@media screen and (min-width:750px){.hn-product-grid__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}.hn-product-grid__cell{aspect-ratio:4 / 5;min-height:0}}@media screen and (min-width:990px){.hn-product-grid__grid{grid-template-columns:repeat(4,1fr);gap:1.6rem}.hn-product-grid__cell{aspect-ratio:4 / 5}}.hn-product-grid__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hn-product-grid__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#e5e5e5;display:flex;align-items:center;justify-content:center}.hn-product-grid__placeholder-svg{width:60%;height:auto;opacity:.4}.hn-product-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%);transition:opacity .3s ease;z-index:1}.hn-product-grid__content{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:2}.hn-product-grid__title{font-size:2rem;font-weight:400;color:#fff;margin:0 0 .4rem}@media screen and (min-width:750px){.hn-product-grid__title{font-size:2.8rem}}.hn-product-grid__link-text{font-size:var(--hn-micro);font-weight:var(--hn-semibold);color:#fff;opacity:.85;transition:opacity .3s ease}.hn-product-grid__cell:hover .hn-product-grid__image{transform:scale(1.05)}.hn-product-grid__cell:hover .hn-product-grid__overlay{background:linear-gradient(to top,#000000d9,#0000001a 70%)}.hn-product-grid__cell:hover .hn-product-grid__link-text{opacity:1}.hn-product-grid__cell:focus-visible{outline:2px solid var(--hn-red);outline-offset:2px}@media(prefers-reduced-motion:reduce){.hn-product-grid__image,.hn-product-grid__overlay,.hn-product-grid__link-text{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hn-product-grid.css.map */