.gallery-grid,.gallery-grid__modal{--gallery-grid-accent: #a07948;--gallery-grid-overlay: 2, 11, 22}.gallery-grid__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:0;padding:0;list-style:none}.gallery-grid__trigger{display:block;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.gallery-grid__image{display:block;width:100%;height:auto;aspect-ratio:400 / 435;object-fit:cover}.gallery-grid__modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background:#000000e6}.gallery-grid__modal[open]{display:flex;align-items:center;justify-content:center}.gallery-grid__modal-content{position:relative;width:min(124.8rem,calc(100vw - 3rem),calc((100vh - 22rem) * 1248 / 834))}.gallery-grid__close{position:absolute;right:0;bottom:calc(100% + 1.5rem);display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#fff;cursor:pointer}.gallery-grid__close .icon-close{width:1.8rem;height:1.8rem}.gallery-grid__modal-media{position:relative;aspect-ratio:1248 / 834;overflow:hidden}.gallery-grid__modal-media:after{content:"";position:absolute;inset:auto 0 0;height:min(37rem,60%);background:linear-gradient(0deg,rgba(var(--gallery-grid-overlay),.9),rgba(var(--gallery-grid-overlay),0) 65.08%);pointer-events:none}.gallery-grid__modal-image{display:block;width:100%;height:100%;object-fit:cover}.gallery-grid__modal-caption{margin-top:3rem}.gallery-grid__modal-title{margin:0 0 .5rem;color:#fff;font-size:2rem;font-feature-settings:"calt" off;text-transform:uppercase}.gallery-grid__modal-products{margin:0;padding:0;list-style:none;color:var(--gallery-grid-accent);font-size:1.8rem}.gallery-grid__modal-product{display:inline}.gallery-grid__modal-product-link{color:var(--gallery-grid-accent);text-decoration:none}.gallery-grid__modal-product-link:hover{text-decoration:underline}@media screen and (min-width:750px){.gallery-grid__modal-content{width:min(124.8rem,calc(100vw - 9.6rem),calc((100vh - 22rem) * 1248 / 834))}.gallery-grid__modal-title{font-size:2.4rem}.gallery-grid__modal-products{font-size:2.2rem}.gallery-grid__close{top:0;bottom:auto;right:auto;left:calc(100% + 1.5rem)}}@media screen and (min-width:990px){.gallery-grid__list{grid-template-columns:repeat(3,1fr);gap:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-gallery-grid.css.map */