/* =============
   ФИКСИРОВАННАЯ СЕКЦИЯ С ВИДЕОФОНОМ
   ============= */
/* 1. Фиксируем первую секцию */
.pralax-section-1-main {
    position: fixed !important;
    top: 0;
    left: 0 !important;
    width: 100vw !important;
    height: 120vh; /* Занимает всю высоту экрана */
    z-index: 0; /* Отправляем на самый задний план */
    pointer-events: none; /* Отключаем все клики на этой секции, чтобы не мешала */
/* ИГНОРИРУЕМ ВСЕ ОТСТУПЫ И ШИРИНЫ, ЗАДАННЫЕ WPBakery/Woodmart */
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;

    /* ПОЛНАЯ ОБХОДКА: используем clip-path для игнорирования любых вычислений ширины */
    clip-path: inset(0) !important;
}

/* 2. Разрешаем клики на видео (если нужно, чтобы пользователь мог его паузить) */
.pralax-section-1-main video {
    pointer-events: auto;
}

/* 3. Добавляем отступ ко ВТОРОЙ секции, чтобы контент не наезжал сразу на видео */
.pralax-section-1-main + .vc_section {
    margin-top: 120vh !important; /* Отступ равен высоте экрана */
    position: relative;
    z-index: 10; /* Убедимся, что она поверх */
}

/* 4. Плавный переход от видео к фону следующей секции */
.pralax-section-1-main::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 110%;
    height: 200px;
    pointer-events: none;
    z-index: 5;
}

/* 5. Адаптация для мобильных устройств */
@media (max-width: 767px) {
    .pralax-section-1-main {
        height: 120dvh; /* Используем динамическую высоту для мобильных */
    }

    .pralax-section-1-main + .vc_section {
        margin-top: 100dvh !important;
    }

    .pralax-section-1-main::after {
        height: 150px; /* Меньший градиент для мобильных */
    }
}

/* Подавляем смещение Woodmart для фиксированного баннера */
@media (min-width: 1025px) {
    .pralax-section-subscription,
    .pralax-section-subscription[data-vc-full-width],
    .pralax-section-subscription.wd-section-stretch {
        left: 0 !important;
        width: 100vw !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* =============
   ФИКСИРОВАННАЯ СЕКЦИЯ СО СЛАЙДЕРОМ — СТРАНИЦА "ЦВЕТОЧНАЯ ПОДПИСКА"
   ============= */

/* 1. Фиксируем секцию */
.the-first-one-is-slider-flower-subscription {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 120vh !important;
    z-index: 0 !important;
    pointer-events: none !important;

    /* Игнорируем все отступы и ширины, заданные WPBakery/Woodmart */
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;

    /* Полная обходка: используем clip-path для игнорирования любых вычислений ширины */
    clip-path: inset(0) !important;
}

/* 2. Разрешаем клики на видео или ссылки внутри */
.the-first-one-is-slider-flower-subscription video,
.the-first-one-is-slider-flower-subscription a {
    pointer-events: auto !important;
}

/* 3. Создаём заполнитель для контента 
.the-first-one-is-slider-flower-subscription::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 120vh !important;
}*/

/* 4. Плавный градиентный переход */
.the-first-one-is-slider-flower-subscription::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 200px !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(248, 246, 241, 1) 100%) !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

/* 5. Адаптация для мобильных устройств */
@media (max-width: 767px) {
    .the-first-one-is-slider-flower-subscription {
        height: 120dvh !important;
    }
    .the-first-one-is-slider-flower-subscription::before {
        height: 120dvh !important;
    }
    .the-first-one-is-slider-flower-subscription::after {
        height: 150px !important;
    }
}

/* 6. Подавляем смещение Woodmart для этой секции */
@media (min-width: 1025px) {
    .the-first-one-is-slider-flower-subscription,
    .the-first-one-is-slider-flower-subscription[data-vc-full-width],
    .the-first-one-is-slider-flower-subscription.wd-section-stretch-content {
        left: 0 !important;
        width: 100vw !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}