.js-native-slider {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.js-native-slider::-webkit-scrollbar {
    display: none;
}

.js-native-slider .swiper-wrapper {
    display: flex;
    transform: none !important;
}

.js-native-slider .swiper-slide {
    flex-shrink: 0;
}

.js-announcements-slider.swiper {
    overflow: visible;
    touch-action: pan-y;
}

.js-announcements-slider .swiper-wrapper {
    display: flex;
    gap: 20px;
    transform: translate3d(0, 0, 0);
    transition: transform 300ms ease-out;
    will-change: transform;
}

.js-announcements-slider .swiper-wrapper.is-dragging {
    transition: none;
}

.js-announcements-slider .swiper-slide {
    width: 80% !important;
    flex-shrink: 0;
}

.js-environment-slider .swiper-wrapper {
    gap: 16px;
}

.js-environment-slider .swiper-slide {
    width: 85vw !important;
}

.js-playlists-slider {
    touch-action: pan-y;
}

.js-playlists-slider .swiper-wrapper {
    display: flex;
    gap: 24px;
    transform: translate3d(0, 0, 0);
    transition: transform 300ms ease-out;
    will-change: transform;
}

.js-playlists-slider .swiper-wrapper.is-dragging {
    transition: none;
}

.js-playlists-slider .swiper-slide {
    width: 75% !important;
    flex-shrink: 0;
}

.js-info-slider {
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
}

.js-info-slider .swiper-wrapper {
    display: flex;
    gap: 8px;
    transform: translate3d(0, 0, 0);
    transition: transform 200ms ease-out;
    will-change: transform;
}

.js-info-slider .swiper-wrapper.is-dragging {
    cursor: grabbing;
    transition: none;
}

.js-info-slider .swiper-slide {
    width: 90% !important;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .js-environment-slider .swiper-slide {
        width: calc((100% - 16px) / 2) !important;
    }

    .js-playlists-slider .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }
}

@media (min-width: 768px) {
    .js-announcements-slider .swiper-wrapper {
        gap: 24px;
    }

    .js-announcements-slider .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }

    .js-environment-slider .swiper-wrapper {
        gap: 24px;
    }

    .js-info-slider .swiper-wrapper {
        gap: 24px;
    }

    .js-environment-slider .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }

    .js-playlists-slider .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }

    .js-info-slider .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }
}

@media (min-width: 1024px) {
    .js-announcements-slider .swiper-wrapper {
        gap: 16px;
    }

    .js-announcements-slider .swiper-slide {
        width: 100% !important;
    }

    .js-announcements-slider article {
        aspect-ratio: 16 / 5;
    }

    .js-announcements-slider article > header {
        justify-content: flex-start;
        padding: 2rem;
    }

    .js-announcements-slider article > header > div {
        max-width: 50%;
    }

    .js-announcements-slider article > header > a.btn {
        align-self: flex-start;
        margin-top: 1rem;
    }
}

@media (min-width: 1280px) {
    .js-playlists-slider .swiper-slide {
        width: calc((100% - 48px) / 3) !important;
    }
}

.js-coupons-slider .swiper-wrapper {
    gap: 16px;
}

.js-coupons-slider .swiper-slide {
    width: 280px !important;
}

@media (min-width: 768px) {
    .js-coupons-slider .swiper-wrapper {
        gap: 24px;
    }

    .js-coupons-slider .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }
}

.js-chefs-slider .swiper-wrapper {
    gap: 16px;
}

.js-chefs-slider .swiper-slide {
    width: 80% !important;
}

@media (min-width: 768px) {
    .js-chefs-slider .swiper-wrapper {
        gap: 24px;
    }

    .js-chefs-slider .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }
}

@media (min-width: 1024px) {
    .js-chefs-slider .swiper-slide {
        width: calc((100% - 48px) / 3) !important;
    }
}

.js-news-slider .swiper-wrapper {
    gap: 16px;
}

.js-news-slider .swiper-slide {
    width: auto !important;
    height: auto;
}

@media (min-width: 768px) {
    .js-news-slider .swiper-wrapper {
        gap: 40px;
    }

    .js-news-slider .swiper-slide {
        width: 100% !important;
    }
}

@media (min-width: 1024px) {
.js-news-slider .swiper-slide {
    width: calc((100% - 40px) / 2) !important;
}

.js-kits-slider .swiper-wrapper {
    gap: 8px;
}

.js-kits-slider .swiper-slide {
    width: 90% !important;
    height: auto;
}

@media (min-width: 1024px) {
    .js-kits-slider .swiper-wrapper {
        gap: 24px;
    }

    .js-kits-slider .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }
}
}