@media screen and (min-width:990px){.product-gallery-layout{display:grid;grid-template-columns:1fr 500px;gap:0;width:100%;max-width:100%;padding:0}.product-gallery-layout .product__media-wrapper{max-width:100%;width:100%;padding:0}.product-gallery-layout .product__info-wrapper{max-width:100%;width:100%;padding:0 4rem}.product-gallery-layout .product__info-container--sticky{position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow-y:auto;scrollbar-width:none}.product-gallery-layout .product__info-container--sticky::-webkit-scrollbar{display:none}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.gallery-grid__item{position:relative;overflow:hidden}.gallery-grid__item--full{grid-column:1 / -1}.gallery-grid__item--half{grid-column:span 1}.gallery-grid__image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f5f5f5;border-radius:8px}.gallery-grid__image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px}.gallery-grid-mobile{display:none}}@media screen and (min-width:750px)and (max-width:989px){.product-gallery-layout{display:grid;grid-template-columns:1fr 1fr;gap:0}.product-gallery-layout .product__media-wrapper{max-width:100%;width:100%;padding:0}.product-gallery-layout .product__info-wrapper{max-width:100%;width:100%;padding:0 3rem}.product-gallery-layout .product__info-container--sticky{position:sticky;top:6rem}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.gallery-grid__item--full{grid-column:1 / -1}.gallery-grid__item--half{grid-column:span 1}.gallery-grid__image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f5f5f5;border-radius:8px}.gallery-grid__image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px}.gallery-grid-mobile{display:none}}@media screen and (max-width:749px){.product-gallery-layout{display:block}.gallery-grid{display:none}.gallery-grid-mobile{display:block;position:relative;width:100%;overflow:hidden}.gallery-grid-mobile__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gallery-grid-mobile__track::-webkit-scrollbar{display:none}.gallery-grid-mobile__slide{flex:0 0 100%;scroll-snap-align:start;position:relative}.gallery-grid-mobile__image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f5f5f5;border-radius:8px}.gallery-grid-mobile__image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px}.gallery-grid-mobile__dots{position:absolute;bottom:16px;left:16px;display:flex;gap:6px;z-index:2}.gallery-grid-mobile__dot{width:8px;height:8px;border-radius:50%;background-color:#00000040;border:none;padding:0;cursor:pointer;transition:background-color .2s ease}.gallery-grid-mobile__dot.is-active{background-color:#000}}.gallery-grid__image-wrapper img[loading=lazy],.gallery-grid-mobile__image-wrapper img[loading=lazy]{opacity:0;transition:opacity .4s ease}.gallery-grid__image-wrapper img.loaded,.gallery-grid-mobile__image-wrapper img.loaded,.gallery-grid__image-wrapper img[loading=eager],.gallery-grid-mobile__image-wrapper img[loading=eager]{opacity:1}.product-gallery-layout .product__media-list,.product-gallery-layout .product__media-wrapper slider-component{margin:0;padding:0}.product-gallery-layout.product{gap:0;max-width:100%}@media screen and (min-width:990px){.product-gallery-layout.product--large:not(.product--no-media) .product__media-wrapper,.product-gallery-layout.product--medium:not(.product--no-media) .product__media-wrapper,.product-gallery-layout.product--small:not(.product--no-media) .product__media-wrapper{max-width:100%;width:100%}.product-gallery-layout.product--large:not(.product--no-media) .product__info-wrapper,.product-gallery-layout.product--medium:not(.product--no-media) .product__info-wrapper,.product-gallery-layout.product--small:not(.product--no-media) .product__info-wrapper{max-width:500px;width:500px;padding:0 4rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/product-gallery-grid.css.map */