.elementor-284 .elementor-element.elementor-element-fd82cfa{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-menu-toggle{margin-right:auto;background-color:#02010100;}.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;}.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--main .elementor-item{color:#16285E;fill:#16285E;padding-left:20px;padding-right:20px;}.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--main .elementor-item:focus{color:#D92128;fill:#D92128;}.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#35A7DF;}.elementor-284 .elementor-element.elementor-element-f3f7e04 .e--pointer-framed .elementor-item:before,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .e--pointer-framed .elementor-item:after{border-color:#35A7DF;}.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--dropdown a, .elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--dropdown a:hover,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--dropdown a:focus,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-menu-toggle:hover,
					.elementor-284 .elementor-element.elementor-element-f3f7e04 .elementor-menu-toggle:focus{color:#D92128;}.elementor-284 .elementor-element.elementor-element-59f022b{--display:flex;}@media(max-width:767px){.elementor-284 .elementor-element.elementor-element-f3f7e04{padding:10px 0px 0px 0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-f3f7e04 *//* =======================================================
   КОНЦЕПЦИЯ 1: MOBILE APP BAR (Нижняя панель E-commerce)
   ФИНАЛ 5.0: Окончательное решение проблемы слоев (Z-Index Fix)
   ======================================================= */
@media (max-width: 767px) {
    
    /* === ОТМЫЧКА ОТ ЛОВУШКИ ELEMENTOR === */
    body .elementor-location-header,
    .elementor-header,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 {
        transform: none !important;
        filter: none !important;
        perspective: none !important;
        contain: none !important;
        backdrop-filter: none !important;
    }

    /* 1. Очищаем верхнюю шапку */
    .elementor-284 .elementor-element.elementor-element-f3f7e04 {
        flex-direction: column !important;
        padding: 10px 15px 15px 15px !important; 
        overflow: visible !important;
    }

    /* === ГЛАВНЫЙ ФИКС СЛОЕВ === */
    /* Поднимаем все внутренности шапки НАД черной панелью */
    .elementor-284 .elementor-element.elementor-element-f3f7e04 > .elementor-container {
        position: relative !important;
        z-index: 99999 !important; /* Уровень контейнера выше, чем панель */
    }

    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-logo {
        order: 1 !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        position: relative !important;
    }

    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-search {
        order: 2 !important;
        width: 100% !important;
        position: relative !important;
        margin-bottom: 0 !important;
    }

    /* 2. РИСУЕМ ТЕМНУЮ ПАНЕЛЬ (Делаем через ::before, чтобы она была в самом низу) */
    .elementor-284 .elementor-element.elementor-element-f3f7e04::before {
        content: "";
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important; 
        height: 60px !important;
        background-color: #111111 !important;
        
        border-top: 3px solid transparent !important;
        border-image: linear-gradient(to right, #35A7DF 33.3%, #16285E 33.3%, #16285E 66.6%, #D92128 66.6%) 1 !important;
        
        z-index: 9990 !important; /* Панель ниже, чем контейнер (99999) */
        pointer-events: none !important; 
    }

    /* 3. ИКОНКИ (ЖЕСТКО ВПРАВО) */
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-icons {
        position: fixed !important;
        bottom: 0 !important;
        top: auto !important;
        right: 15px !important;
        left: auto !important;
        height: 60px !important;
        width: auto !important;
        z-index: 999999 !important; 
        display: flex !important;
        align-items: center !important;
    }

    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-icons .elementor-widget-container {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 20px !important; 
        width: auto !important;
        z-index: 999999 !important;
    }

    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-icons i, 
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-icons svg,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-icons path {
        color: #ffffff !important;
        fill: #ffffff !important;
        font-size: 22px !important;
    }

    /* 4. МЕНЮ (Гамбургер) */
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu {
        position: fixed !important;
        bottom: 0 !important;
        top: auto !important;
        left: 15px !important;
        right: auto !important;
        height: 60px !important;
        width: 60px !important; 
        z-index: 999999 !important; 
        display: flex !important;
        align-items: center !important;
        pointer-events: auto !important;
    }

    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-widget-container {
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        align-items: center !important;
        justify-content: flex-start !important;
        z-index: 999999 !important;
    }

    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-nav-menu--toggle,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-menu-toggle,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .e-n-menu-toggle {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 40px !important; 
        height: 40px !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 999999 !important;
    }
    
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-nav-menu--toggle i,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-nav-menu--toggle svg,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-nav-menu--toggle path,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-menu-toggle i,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-menu-toggle svg,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-menu-toggle path,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .e-n-menu-toggle i,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .e-n-menu-toggle svg,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .e-n-menu-toggle path {
        color: #ffffff !important;
        fill: #ffffff !important;
        stroke: #ffffff !important;
        font-size: 26px !important;
        z-index: 999999 !important;
    }

    /* =======================================================
       5. ВСПЛЫВАЮЩЕЕ МЕНЮ (ИСПРАВЛЕНИЕ ФОНА И ДИЗАЙНА)
       ======================================================= */
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-nav-menu--dropdown,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .e-n-menu-dropdown {
        position: fixed !important;
        top: auto !important;
        bottom: 60px !important; /* Открывается ровно над панелью */
        left: 0 !important;
        width: 100vw !important; 
        
        /* ЖЕСТКИЙ ТЕМНЫЙ ФОН */
        background-color: #111111 !important; 
        
        /* Декоративная голубая полоса сверху */
        border-top: 2px solid #35A7DF !important; 
        
        /* Густая тень, чтобы отделить от фона сайта */
        box-shadow: 0 -15px 30px rgba(0,0,0,0.8) !important; 
        
        z-index: 99999 !important;
        padding: 10px 20px !important;
    }

    /* Стилизуем сами ссылки (текст меню) */
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-nav-menu--dropdown a,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .e-n-menu-dropdown a {
        color: #ffffff !important; /* Белый текст */
        font-size: 16px !important;
        font-weight: 500 !important;
        padding: 15px 0 !important; /* Отступы для удобного нажатия пальцем */
        text-align: center !important; /* Выравнивание по центру */
        border-bottom: 1px solid #222222 !important; /* Тонкие разделители между пунктами */
        background: transparent !important;
    }
    
    /* Убираем линию под самым последним пунктом */
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .elementor-nav-menu--dropdown li:last-child a,
    .elementor-284 .elementor-element.elementor-element-f3f7e04 .m-menu .e-n-menu-dropdown li:last-child a {
        border-bottom: none !important;
    }
}/* End custom CSS */