/*
|--------------------------------------------------------------------------
| Pattern: Hero Carousel
|--------------------------------------------------------------------------
*/

.block-heroCarousel .js-hero-carousel.swiper {
    width: 100%;
    min-width: 0;
}

.block-heroCarousel .js-hero-carousel .swiper-wrapper {
    align-items: flex-end;
}

.block-heroCarousel .js-hero-carousel .swiper-slide {
    width: auto;
    height: auto;
    box-sizing: border-box;
    flex-shrink: 0;
}

.block-heroCarousel .common-scrollbar--product-card {
    gap: 20px;
}

.block-heroCarousel .common-scrollbar--product-card .common-scrollbar__controls {
    gap: 24px;
}

@media (min-width: 1280px) {
    .block-heroCarousel .common-scrollbar--product-card {
        gap: 32px;
    }

}