/*--------------------------------------------------------------
--- 1. Базовые утилиты и десктопная анимация подменю        ---
--------------------------------------------------------------*/
.clr { clear: both; visibility: hidden; }

div#maximenuck143 {font-size: 15px;}

div#maximenuck143 ul.maximenuck {
    clear: both; position: relative; z-index: 999; list-style: none; margin: 0 auto;
}

div#maximenuck143 ul.maximenuck:after {
    content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;
}

/* Элементы 1-го уровня (Десктоп) */
div#maximenuck143 ul.maximenuck li.maximenuck.level1 {
    display: inline-block; position: relative; list-style: none; text-align: center; cursor: pointer;
}

div#maximenuck143 ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck143 ul.maximenuck li.maximenuck.level1 > span.separator {
    display: block; float: left; position: relative; text-decoration: none; outline: none; white-space: nowrap;
}

div#maximenuck143.maximenuckh ul.maximenuck li.level1.parent > a,
div#maximenuck143.maximenuckh ul.maximenuck li.level1.parent > span.separator { padding-right: 12px; }

/* Выравнивание элементов справа */
div#maximenuck143 ul.maximenuck li.maximenuck.level1.align_right,
div#maximenuck143 ul.maximenuck li.maximenuck.level1.menu_right,
div#maximenuck143 ul.maximenuck li.align_right,
div#maximenuck143 ul.maximenuck li.menu_right { float: right !important; margin-right: 0px !important; }

div#maximenuck143 ul.maximenuck li.align_right:not(.fullwidth) div.floatck,
div#maximenuck143 ul.maximenuck li:not(.fullwidth) div.floatck.fixRight { left: auto; right: 0px; top: auto; }

div#maximenuck143 ul.maximenuck li div.floatck ul.maximenuck2,
div#maximenuck143 ul.maximenuck2 {
    z-index: 11000; clear: left; text-align: left; background: transparent; margin: 0 !important; padding: 0 !important;
    width: 100%; position: static !important;
}

div#maximenuck143 ul.maximenuck li ul.maximenuck2 li.maximenuck,
div#maximenuck143 ul.maximenuck2 li.maximenuck { text-align: left; z-index: 11001; position: static; list-style: none; display: block; }

div#maximenuck143 ul.maximenuck li.maximenuck a,
div#maximenuck143 ul.maximenuck li.maximenuck span.separator,
div#maximenuck143 ul.maximenuck2 a,
div#maximenuck143 ul.maximenuck2 li.maximenuck span.separator {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
    outline: none;
    white-space: normal;
}

div#maximenuck143 li.maximenuck img { border: none; margin: 3px; }
div#maximenuck143 span.titreck { text-decoration: none; display: inline-block; margin: 0; }

div#maximenuck143 span.descck {
    display: block; text-transform: none; font-size: 10px; text-decoration: none; height: 12px; line-height: 12px; float: left;
}

/* Плавное появление выпадающих списков на десктопе */
@media only screen and (min-width: 992px) {
.homes.top_fixed div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck,
.homes.top_fixed div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {
    color: #222222;
}

.homes  div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck,
.homes  div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {
    color: #ffffff;
}

    div#maximenuck143 div.floatck {
        position: absolute;
        padding: 0;
        margin: 0;
        text-align: left;
        width: auto;
        z-index: 9999;
        cursor: auto;
        top: 100%;
        left: 0 !important;
        display: block !important;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                    visibility 0.25s;
    }

    /* Триггер анимации при наведении */
    div#maximenuck143 ul.maximenuck li.level1:hover > div.floatck {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

.mod_menuck-close-btn {
    display: none;
}
}

div#maximenuck143 ul.maximenuck li.maximenuck div.floatck div.floatck { margin: -30px 0 0 93%; }

/* Шаблонное оформление десктопной версии */
div#maximenuck143.maximenuckh ul.maximenuck div.maxidrop-main { width: 298px; }
div#maximenuck143.maximenuckh ul.maximenuck { padding: 10px 0; }

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator { padding: 15px; }

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck { color: #222222; font-size: 16px; }



div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck div.floatck {
    padding: 15px 5px; background: #E0E0E0; border-radius: 2px; box-shadow: inset 0px -1px 1px 1px #C9C9C9;
}

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck) { margin: 0 5px; }

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck) > a,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck) > span.separator { padding: 12px 16px; }

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > a span.titreck,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator span.titreck { color: #000; font-size: 16px; }

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover { background: rgba(0,0,0,0.1); border-radius: 4px;}

/* --- Десктопная подсветка активных пунктов (1 уровень и вложенные) --- */
/* Подсветка текста первого уровня, когда мы находимся внутри этой категории */
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1.current > a span.titreck,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > a.active span.titreck {
    color: #4daa1e !important;
    font-weight: bold;
}

/* Подсветка вложенных пунктов меню (уровень 2 и ниже) при активности */
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.active,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.current,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > a.active {
    background: rgba(0, 0, 0, 0.08) !important; /* Легкое выделение плашкой, как при ховере */
    border-radius: 4px;
}

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.active > a span.titreck,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.current > a span.titreck,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > a.active span.titreck {
    color: #292b26 !important;
    font-weight: bold;
}

.mtop div#maximenuck143.maximenuckh li.level1 > div.floatck::before {
    content: " "; display: block; position: absolute; width: 0; height: 0;
    border-right: 10px solid transparent; border-bottom: 10px solid #E0E0E0; border-left: 10px solid transparent;
    top: -10px; margin-left: 25px;
}

.top_fixed div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck { color: #222222; }
.top_fixed div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a span.titreck { color: #4daa1e; }
.homes div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck { color: #ffffff; }


/*--------------------------------------------------------------
--- 2. Мобильная адаптация, Бургер-крестик и Темная тема    ---
--------------------------------------------------------------*/
/* Прячем мобильные элементы управления на ПК */
.mmenu, .mod_menuck-overlay { display: none; }

@media only screen and (max-width: 991px) {

.menu-lock .mmenu.pull-right {
    display: none !important;
}
    /* --- Обновленный контейнер бургера с заливкой --- */
    .mmenu.pull-right {
        display: flex !important;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        background-color: #74D145;
        padding: 10px 16px;
        border-radius: 50px;
        box-shadow: 0 4px 12px rgba(116, 209, 69, 0.3);
        transition: background-color 0.3s ease, transform 0.2s ease;
    }

    /* Легкий эффект нажатия на всю кнопку */
    .mmenu.pull-right:active {
        transform: scale(0.96);
    }

    /* Текст "Меню" рядом с бургером */
    .burger-text {
        color: #ffffff !important; /* Белый текст на зеленом фоне */
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.5px;
    }

    /* --- Кнопка бургера (три полоски) --- */
    .burger-trigger {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        height: 20px;
        background: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
    }

    /* Увеличенные линии бургера */
    .burger-line {
        width: 100%;
        height: 3px;
        background-color: #ffffff;
        border-radius: 2px;
        transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
    }

    /* --- АНИМАЦИЯ КРЕСТИКА (корректировка под новые размеры) --- */
    .burger-trigger.active .burger-line:nth-child(1) {
        transform: translateY(8.5px) rotate(45deg);
        background-color: #ffffff; /* Оставляем белым или меняем по вкусу */
    }
    .burger-trigger.active .burger-line:nth-child(2) {
        opacity: 0;
    }
    .burger-trigger.active .burger-line:nth-child(3) {
        transform: translateY(-8.5px) rotate(-45deg);
        background-color: #ffffff;
    }

    /* --- Задний размытый фон (Overlay) --- */
    .mod_menuck-overlay {
        display: block;
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 9998;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        overscroll-behavior: contain !important;
    }
    .mod_menuck-overlay.active {
        opacity: 1;
        visibility: visible;
    }

        /* --- Выезжающая ТЕМНАЯ ТРЕНДОВАЯ панель меню --- */
    .mod_menuck-mobile-panel {
        position: fixed !important;
        top: 0;
        right: 0;
        width: 300px;
        height: 100% !important;
        background: #121214 !important; /* Глубокий ультра-темный графит */
        box-shadow: -5px 0 30px rgba(0, 0, 0, 0.7);
        z-index: 9999 !important;
        padding: 70px 20px 30px 20px !important;
        box-sizing: border-box;
        overflow-y: auto;

        /* Выезд панели справа */
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        overscroll-behavior: contain !important;
    }
    .mod_menuck-mobile-panel.active {
        transform: translateX(0);
    }

div#maximenuck143.maximenuckh ul.maximenuck div.maxidrop-main {
    width: 260px;
}

    /* Отключаем десктопные закругления в мобильной версии */
    .maxiroundedleft, .maxiroundedcenter, .maxiroundedright {
        display: block !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important;
    }

    /* Кнопка закрытия (крестик сверху панели) */
    .mod_menuck-close-btn {
        position: absolute;
        top: 12px;
        right: 25px;
        background: transparent;
        border: none;
        color: #8e8e93;
        font-size: 40px;
        cursor: pointer;
        line-height: 1;
        padding: 0;
        transition: color 0.2s;
    }
    .mod_menuck-close-btn:hover { color: #4daa1e; }

    /* Структура списков в темном стиле */
    .mod_menuck-mobile-panel ul.maximenuck {
        display: flex !important;
        flex-direction: column;
        gap: 8px;
        margin: 0 !important;
        padding: 0 !important;
}

.mod_menuck-mobile-panel li.maximenuck {
display: block !important;
width: 100% !important;
position: relative !important;
text-align: left !important;
}

/* Ссылки и сепараторы */
.mod_menuck-mobile-panel li.maximenuck > a,
.mod_menuck-mobile-panel li.maximenuck > span.separator {
display: flex !important;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 12px 40px 12px 14px !important;
color: #e5e5ea !important;
background: #1c1c1e !important;
border-radius: 8px;
text-decoration: none;
transition: background 0.2s, color 0.2s;
}

.mod_menuck-mobile-panel li.maximenuck > a span.titreck,
.mod_menuck-mobile-panel li.maximenuck > span.separator span.titreck {
color: inherit !important;
font-size: 15px !important;
}

/* Эффект нажатия/активного пункта */
.mod_menuck-mobile-panel li.maximenuck.active > a,
.mod_menuck-mobile-panel li.maximenuck > a:active {
background: #2c2c2e !important;
color: #4daa1e !important;
}

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.active,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.current,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > a.active {
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 4px;
}

/* --- Мобильный Аккордеон (Подменю) --- */
.mod_menuck-mobile-panel div.floatck {
display: none !important;
position: static !important;
width: 100% !important;
padding: 5px 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
box-sizing: border-box;
}

div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.active > a span.titreck,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.current > a span.titreck,
div#maximenuck143.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > a.active span.titreck {
    color: #4daa1e !important;
    font-weight: bold;
}

/* Открытие аккордеона по классу .open (который переключает ваш JS) */
.mod_menuck-mobile-panel li.parent.open > div.floatck {
display: block !important;
}

.mod_menuck-mobile-panel ul.maximenuck2 {
display: flex !important;
flex-direction: column;
gap: 6px;
padding-left: 0 !important;
}

.mod_menuck-mobile-panel ul.maximenuck2 .maximenuck.first.level2 {
    margin-top: 5px !important;
}

.mod_menuck-mobile-panel ul.maximenuck2 li.maximenuck > a {
background: transparent !important;
padding: 8px 12px !important;
color: #a8a8b3 !important;
}

.mod_menuck-mobile-panel ul.maximenuck2 li.maximenuck > a span.titreck {
font-size: 15px !important;
}

/* Мобильная интерактивная стрелочка развертывания */
.maximenuck-toggle {
position: absolute;
right: 8px;
top: 8px;
width: 32px;
height: 32px;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
}

/* Рисуем стрелочку на чистом CSS */
.maximenuck-toggle::after {
content: "";
display: block;
width: 6px;
height: 6px;
border-right: 2px solid #8e8e93;
border-bottom: 2px solid #8e8e93;
transform: rotate(45deg);
transition: transform 0.3s ease, border-color 0.3s ease;
}

/* Поворот стрелочки при разворачивании подменю */
.mod_menuck-mobile-panel li.parent.open > .maximenuck-toggle::after {
transform: rotate(-135deg);
border-color: #4daa1e;
}

.mtop div#maximenuck143.maximenuckh li.level1 > div.floatck::before {
display: none;
}

.mod_menuck-mobile-panel {
    max-height: 100vh !important; /* Ограничиваем панель высотой экрана */
    overflow-y: auto !important;  /* Включаем внутреннюю прокрутку */
    -webkit-overflow-scrolling: touch; /* Плавный скролл на iPhone */
}
.mod_menuck-mobile-panel {
    max-height: 100vh !important; /* Ограничиваем панель высотой экрана */
    overflow-y: auto !important;  /* Включаем внутреннюю прокрутку */
    -webkit-overflow-scrolling: touch; /* Плавный скролл на iPhone */
}

}