.masonry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.masonry-item{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1 / 1}.masonry-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border-radius:12px;transition:transform .3s ease}.masonry-image:hover{transform:scale(1.03)}.hover-text{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;color:#fff;width:100%;height:100%;text-align:center;padding:20px;opacity:0;transition:opacity .3s ease;flex-direction:column;justify-content:center;align-items:center;gap:12px}.masonry-image:hover .hover-text{opacity:1}.masonry-item:nth-child(1){grid-column:1 / 3;grid-row:1 / 3;aspect-ratio:auto}.masonry-item:nth-child(2){grid-column:3 / 4;grid-row:1 / 2}.masonry-item:nth-child(3){grid-column:4 / 5;grid-row:1 / 2}.masonry-item:nth-child(4){grid-column:3 / 4;grid-row:2 / 3}.masonry-item:nth-child(5){grid-column:4 / 5;grid-row:2 / 3}.masonry-item:nth-child(6){grid-column:5 / 7;grid-row:1 / 3;aspect-ratio:auto}.masonry-item:nth-child(7){grid-column:1 / 2;grid-row:3 / 4}.masonry-item:nth-child(8){grid-column:2 / 3;grid-row:3 / 4}.masonry-item:nth-child(9){grid-column:3 / 5;grid-row:3 / 5;aspect-ratio:auto}.masonry-item:nth-child(10){grid-column:5 / 6;grid-row:3 / 4}.masonry-item:nth-child(11){grid-column:6 / 7;grid-row:3 / 4}.masonry-item:nth-child(12){grid-column:1 / 2;grid-row:4 / 5}.masonry-item:nth-child(13){grid-column:2 / 3;grid-row:4 / 5}.masonry-item:nth-child(14){grid-column:5 / 6;grid-row:4 / 5}.masonry-item:nth-child(15){grid-column:6 / 7;grid-row:4 / 5}.masonry-item:nth-child(n+16){display:none}@media screen and (max-width:991px){.masonry-grid{grid-template-columns:repeat(4,1fr);gap:10px}.masonry-item{aspect-ratio:1 / 1!important;grid-column:auto!important;grid-row:auto!important}.masonry-item:nth-child(1),.masonry-item:nth-child(6),.masonry-item:nth-child(9){grid-column:span 2!important;grid-row:span 2!important}}@media screen and (max-width:768px){.masonry-grid{grid-template-columns:repeat(2,1fr);gap:8px}.masonry-item{aspect-ratio:1 / 1!important;grid-column:auto!important;grid-row:auto!important}.masonry-item:nth-child(1),.masonry-item:nth-child(6),.masonry-item:nth-child(9){grid-column:span 2!important;grid-row:span 2!important}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/masonry-grid-section.css.map */