.product-grid{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background:var(--background-color)}.product-grid .product-grid-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:.3646vw;width:100%;height:100%;overflow:hidden}.product-grid .product-grid-inner-container{transition:all .5s}.product-grid .product-grid-inner-container img{display:block;width:100%;height:100%;object-fit:cover}.product-grid .product-grid-inner-container.medium{grid-column:span 1}.product-grid .product-grid-inner-container.wide{grid-column:span 2}.product-grid .product-grid-inner-container.small{grid-column:span 1}.product-grid-inner-container.first{transform:translate(-150px);opacity:0}.product-grid-inner-container.secode{transform:translate(-100px);opacity:0}.product-grid-inner-container.third{transform:translate(100px);opacity:0}.product-grid-inner-container.four{transform:translate(-150px);opacity:0}.product-grid-inner-container.five{transform:translate(-100px);opacity:0}.product-grid-inner-container.six{transform:translate(100px);opacity:0}.is-animated .product-grid-inner-container.first,.is-animated .product-grid-inner-container.secode,.is-animated .product-grid-inner-container.third,.is-animated .product-grid-inner-container.four,.is-animated .product-grid-inner-container.five,.is-animated .product-grid-inner-container.six{transform:translate(0);opacity:1}.product-grid .product-grid-inner-container .desktop-only{display:block}.product-grid .product-grid-inner-container .mobile-only{display:none}@media(max-width:768px){.product-grid{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.product-grid .product-grid-inner-container .mobile-only{display:block}.product-grid .product-grid-inner-container .desktop-only{display:none}.product-grid .product-grid-wrapper{gap:6px}.product-grid-inner-container.wide.secode,.product-grid-inner-container.wide.six{grid-column:span 3}.product-grid-inner-container.small.five,.product-grid-inner-container.small.four{grid-column:span 2}.product-grid-inner-container.medium.third{order:4}.product-grid-inner-container.wide.six{order:3}.product-grid-inner-container.small.four{order:5}.product-grid-inner-container.small.five{order:6}.product-grid .product-grid-inner-container img{max-height:140px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-grid.css.map */