.media-grid__block-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:5%;padding-bottom:40px}.media-grid__block-item{position:relative;overflow:hidden;border-radius:20px;transition:transform .6s ease,opacity .6s ease}.media-grid__block-item-image{position:relative;overflow:hidden;border-radius:8px}.media-grid__block-item-image img{width:100%;height:auto;display:block}.media-grid__block-item-texts{position:absolute;bottom:0;left:0;padding:20px;color:#fff}.media-grid__block-item-title{font-size:24px;color:var(--text-color)}.media-grid__block-item-desc{font-size:14px;line-height:1.4;color:var(--text-color)}.media-grid__block-item{transform:translateY(100px);opacity:0}.media-grid__block-item:nth-child(1),.media-grid__block-item:nth-child(3){margin-top:-15%;height:fit-content}.media-grid-section.in-view .media-grid__block-item:nth-child(1){animation:slideInUp .8s ease forwards;animation-delay:.1s}.media-grid-section.in-view .media-grid__block-item:nth-child(2){animation:slideInUp .8s ease forwards;animation-delay:.2s}.media-grid-section.in-view .media-grid__block-item:nth-child(3){animation:slideInUp .8s ease forwards;animation-delay:.3s}.media-grid-section.in-view .media-grid__block-item:nth-child(4){animation:slideInUp .8s ease forwards;animation-delay:.4s}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.media-grid__pagination{display:none;width:100%;height:4px;background-color:#0003;border-radius:2px;position:relative;margin:20px 0;overflow:hidden}.media-grid__pagination:before{content:"";position:absolute;top:0;left:0;height:100%;background-color:#000c;border-radius:2px;transition:width .3s ease;width:var(--progress-width, 25%)}.media-grid__pagination-dot{display:none}@media screen and (max-width: 768px){.media-grid-section{padding-left:1.5rem;padding-right:1.5rem}.media-grid__block-list{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0}.media-grid__block-item{flex:0 0 75%;scroll-snap-align:start;margin-top:0}.media-grid__block-item:nth-child(1),.media-grid__block-item:nth-child(3){margin-top:0}.media-grid__block-item-title{font-size:18px}.media-grid__block-item-desc{font-size:12px}.media-grid__pagination{display:block}.media-grid__block-list::-webkit-scrollbar{display:none}.media-grid__block-list{-ms-overflow-style:none;scrollbar-width:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/media-grid-section.css.map */