.media-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"item1 item2 item2 item5" "item1 item3 item4 item5";gap:16px;padding-top:32px;padding-bottom:48px}.media-item--1{grid-area:item1}.media-item--2{grid-area:item2}.media-item--3{grid-area:item3}.media-item--4{grid-area:item4}.media-item--5{grid-area:item5}.media-card{position:relative;overflow:hidden;border-radius:8px;display:block}.media-card img{width:100%;height:100%;object-fit:cover;display:block}.media-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#0c0c0d00,#0c0c0dcc)}.media-title{position:absolute;bottom:24px;left:0;right:0;font-family:Poppins;text-align:center;line-height:22px;color:#fff;z-index:2;font-size:20px}@media(max-width:768px){.media-title{top:50%;left:50%;transform:translate(-50%,-50%);bottom:unset;right:unset}}.media-badge{position:absolute;top:16px;left:16px;font-family:Poppins;background:#ff2b2b;color:#fff;font-size:12px;padding:2px 8px;border-radius:9999px;z-index:2}.media-card img{transition:transform .5s ease}.media-card:hover img{transform:scale(1.08)}.media-hover-icon{position:absolute;top:33px;right:16px;transform:translateY(-50%) scale(.8);opacity:0;z-index:3;transition:all .3s ease}.media-hover-icon svg{width:33px;height:33px;stroke:#fff;fill:none;stroke-width:2}.media-card:hover .media-hover-icon{opacity:1;transform:translateY(-50%) scale(1)}@media(max-width:768px){.media-grid{grid-template-columns:1fr 1fr;grid-template-areas:"item1 item2" "item3 item4" "item5 item5";padding:24px 12px 48px;gap:8px}.media-item--5 .media-title{top:60%;left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%)}.media-badge{top:calc(50% - 25px);left:50%;transform:translate(-50%);margin-bottom:8px}.media-title{font-size:18px}.media-badge{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/media-grid.css.map */