.masonry{--gutter: .5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);width:100%;position:relative;z-index:0}.masonry img{background:#f8f8f6;width:100%;height:100%;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:pointer;object-fit:cover}.masonry img:hover{transform:scale(1.02);box-shadow:0 8px 20px #0003}.masonry-item{display:block;height:100%;min-height:200px}.masonry-item .product__media{height:100%}.grid-span-1x1{grid-column:span 1;grid-row:span 1;min-height:200px}.grid-span-2x1{grid-column:span 2;grid-row:span 1;min-height:200px}.grid-span-3x1{grid-column:span 3;grid-row:span 1;min-height:200px}.grid-span-4x1{grid-column:span 4;grid-row:span 1;min-height:200px}.grid-span-1x2{grid-column:span 1;grid-row:span 2}.grid-span-2x2{grid-column:span 2;grid-row:span 2}.grid-span-3x2{grid-column:span 3;grid-row:span 2}.grid-span-4x2{grid-column:span 4;grid-row:span 2}.grid-span-1x3{grid-column:span 1;grid-row:span 3}.grid-span-2x3{grid-column:span 2;grid-row:span 3}.grid-span-3x3{grid-column:span 3;grid-row:span 3}.grid-span-4x3{grid-column:span 4;grid-row:span 3}@media (max-width: 769px){.mobile-grid-span-1x1,.mobile-grid-span-2x1,.mobile-grid-span-3x1,.mobile-grid-span-4x1,.mobile-grid-span-1x2,.mobile-grid-span-2x2,.mobile-grid-span-3x2,.mobile-grid-span-4x2,.mobile-grid-span-1x3,.mobile-grid-span-2x3,.mobile-grid-span-3x3,.mobile-grid-span-4x3{display:none!important}}@media (max-width: 768px){.masonry{grid-template-columns:repeat(4,1fr);--gutter: .25rem}.masonry img{border-radius:4px}.grid-span-1x1,.grid-span-2x1,.grid-span-3x1,.grid-span-4x1,.grid-span-1x2,.grid-span-2x2,.grid-span-3x2,.grid-span-4x2,.grid-span-1x3,.grid-span-2x3,.grid-span-3x3,.grid-span-4x3{display:none!important}.mobile-grid-span-1x1,.mobile-grid-span-2x1,.mobile-grid-span-3x1,.mobile-grid-span-4x1,.mobile-grid-span-1x2,.mobile-grid-span-2x2,.mobile-grid-span-3x2,.mobile-grid-span-4x2,.mobile-grid-span-1x3,.mobile-grid-span-2x3,.mobile-grid-span-3x3,.mobile-grid-span-4x3{display:block!important}.mobile-grid-span-1x1{grid-column:span 1;grid-row:span 1;min-height:200px}.mobile-grid-span-2x1{grid-column:span 2;grid-row:span 1;min-height:200px}.mobile-grid-span-3x1{grid-column:span 3;grid-row:span 1;min-height:200px}.mobile-grid-span-4x1{grid-column:span 4;grid-row:span 1;min-height:200px}.mobile-grid-span-1x2{grid-column:span 1;grid-row:span 2;min-height:400px}.mobile-grid-span-2x2{grid-column:span 2;grid-row:span 2;min-height:400px}.mobile-grid-span-3x2{grid-column:span 3;grid-row:span 2;min-height:400px}.mobile-grid-span-4x2{grid-column:span 4;grid-row:span 2;min-height:400px}.mobile-grid-span-1x3{grid-column:span 1;grid-row:span 3;min-height:600px}.mobile-grid-span-2x3{grid-column:span 2;grid-row:span 3;min-height:600px}.mobile-grid-span-3x3{grid-column:span 3;grid-row:span 3;min-height:600px}.mobile-grid-span-4x3{grid-column:span 4;grid-row:span 3;min-height:600px}}@media (min-width: 769px){.masonry{transform:scaleY(.67);transform-origin:top;top:0rem}}.masonry+.lg\:hidden{position:relative;z-index:10}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-masonry-grid.css.map */