/*
 * Custom Vertical Carousel
 * Класс .is-custom-vertical-yes вешается на .elementor-widget-n-carousel
 */

/* запрет горизонтального панорамирования/свайпа внутри карусели */
.elementor-widget-n-carousel.is-custom-vertical-yes .e-n-carousel,
.elementor-widget-n-carousel.is-custom-vertical-yes .swiper {
  touch-action: pan-y !important; /* только вертикаль */
}

/* Внешний swiper */
.elementor-widget-n-carousel.is-custom-vertical-yes .e-n-carousel,
.elementor-widget-n-carousel.is-custom-vertical-yes .swiper {
    overflow: hidden !important;
}

/* .swiper-wrapper — скроллящийся контейнер */
.elementor-widget-n-carousel.is-custom-vertical-yes .swiper-wrapper {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    height: 100% !important;
    position: relative !important;
    display: flex !important;
    box-sizing: border-box;
}

.elementor-widget-n-carousel.is-custom-vertical-yes .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

/* .swiper-slide */
.elementor-widget-n-carousel.is-custom-vertical-yes .swiper-slide {
    width: 100% !important;
    min-height: 100% !important;
    flex-shrink: 0 !important;
    box-sizing: border-box;
}

/* Pagination — Elementor ставит elementor-pagination-position-outside и left:0
   Переопределяем, чтобы точки были горизонтально по центру снизу (как в Figma) */
.elementor-widget-n-carousel.is-custom-vertical-yes .swiper-pagination {
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    z-index: 10;
}

.elementor-widget-n-carousel.is-custom-vertical-yes .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: block !important;
}


/* Разрешаем прокидку скролла на страницу, когда wrapper упёрся в край */
.elementor-widget-n-carousel.is-custom-vertical-yes .swiper-wrapper {
  overscroll-behavior: auto !important; /* или unset */
}