/* ============================================================
   МЕНЮ-ХАМЕЛЕОН v8
   - До скролла: фон прозрачный, всё как в блоке Tilda
   - После скролла:
     - Светлое состояние: фон #F4EADE, текст/лого/бургер #332117
     - Тёмное состояние:  фон #332117, текст/лого/бургер #F4EADE
   ============================================================ */


/* ============================================================
   ОБЩЕЕ: плавные переходы
   ============================================================ */

body div#rec3209148801 .t-menu__link-item,
body div#rec4086315401 .t-menu__link-item,
body div#rec3209148801 img,
body div#rec4086315401 img,
body div#rec3209148801 button,
body div#rec4086315401 button,
body div#rec3209148801 [class*="t-menu-base__maincontainer"],
body div#rec4086315401 [class*="t-menu-base__maincontainer"],
body div#rec3209148801 .t-menu,
body div#rec4086315401 .t-menu {
    transition: color 0.4s ease-in-out,
                background-color 0.4s ease-in-out,
                filter 0.4s ease-in-out,
                opacity 0.4s ease-in-out !important;
}


/* ============================================================
   ФОН МЕНЮ — прозрачный, пока не начался скролл
   ============================================================ */

body div#rec3209148801 .t396__artboard,
body div#rec3209148801 [class*="t-menu-base__maincontainer"],
body div#rec3209148801 .t-menu,
body div#rec4086315401 .t396__artboard,
body div#rec4086315401 [class*="t-menu-base__maincontainer"],
body div#rec4086315401 .t-menu {
    transition: background-color 0.4s ease-in-out !important;
}

/* Пока меню НЕ имеет класса chameleon-* — фон прозрачный */
body div#rec3209148801:not(.chameleon-light):not(.chameleon-dark) [class*="t-menu-base__maincontainer"],
body div#rec3209148801:not(.chameleon-light):not(.chameleon-dark) .t-menu,
body div#rec3209148801:not(.chameleon-light):not(.chameleon-dark) .t396__artboard,
body div#rec4086315401:not(.chameleon-light):not(.chameleon-dark) [class*="t-menu-base__maincontainer"],
body div#rec4086315401:not(.chameleon-light):not(.chameleon-dark) .t-menu,
body div#rec4086315401:not(.chameleon-light):not(.chameleon-dark) .t396__artboard {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/* ============================================================
   СВЕТЛОЕ СОСТОЯНИЕ — светлый фон меню, тёмный текст/лого
   ============================================================ */

/* Фон меню */
body div#rec3209148801.chameleon-light [class*="t-menu-base__maincontainer"],
body div#rec3209148801.chameleon-light .t-menu,
body div#rec3209148801.chameleon-light .t396__artboard,
body div#rec4086315401.chameleon-light [class*="t-menu-base__maincontainer"],
body div#rec4086315401.chameleon-light .t-menu,
body div#rec4086315401.chameleon-light .t396__artboard {
    background-color: #F4EADE !important;
    background: #F4EADE !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Текст пунктов меню */
body div#rec3209148801.chameleon-light [class*="t-menu__link-item"],
body div#rec3209148801.chameleon-light [class*="t-menusub"],
body div#rec3209148801.chameleon-light nav a,
body div#rec4086315401.chameleon-light [class*="t-menu__link-item"],
body div#rec4086315401.chameleon-light [class*="t-menusub"],
body div#rec4086315401.chameleon-light nav a {
    color: #332117 !important;
    -webkit-text-fill-color: #332117 !important;
}

/* Логотип */
body div#rec3209148801.chameleon-light img[class*="imglogo"],
body div#rec4086315401.chameleon-light img[class*="imglogo"] {
    filter: brightness(0) saturate(100%) invert(13%) sepia(30%) saturate(1200%) hue-rotate(345deg) brightness(95%) contrast(95%) !important;
}

/* Полоски бургера */
body div#rec3209148801.chameleon-light .t-menu-burger__icon span,
body div#rec3209148801.chameleon-light .t-menuburger span,
body div#rec4086315401.chameleon-light .t-menu-burger__icon span,
body div#rec4086315401.chameleon-light .t-menuburger span {
    background-color: #332117 !important;
}


/* ============================================================
   ТЁМНОЕ СОСТОЯНИЕ — тёмный фон меню, светлый текст/лого
   ============================================================ */

/* Фон меню */
body div#rec3209148801.chameleon-dark [class*="t-menu-base__maincontainer"],
body div#rec3209148801.chameleon-dark .t-menu,
body div#rec3209148801.chameleon-dark .t396__artboard,
body div#rec4086315401.chameleon-dark [class*="t-menu-base__maincontainer"],
body div#rec4086315401.chameleon-dark .t-menu,
body div#rec4086315401.chameleon-dark .t396__artboard {
    background-color: #332117 !important;
    background: #332117 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Текст пунктов меню */
body div#rec3209148801.chameleon-dark [class*="t-menu__link-item"],
body div#rec3209148801.chameleon-dark [class*="t-menusub"],
body div#rec3209148801.chameleon-dark nav a,
body div#rec4086315401.chameleon-dark [class*="t-menu__link-item"],
body div#rec4086315401.chameleon-dark [class*="t-menusub"],
body div#rec4086315401.chameleon-dark nav a {
    color: #F4EADE !important;
    -webkit-text-fill-color: #F4EADE !important;
}

/* Логотип */
body div#rec3209148801.chameleon-dark img[class*="imglogo"],
body div#rec4086315401.chameleon-dark img[class*="imglogo"] {
    filter: brightness(0) saturate(100%) invert(92%) sepia(18%) saturate(500%) hue-rotate(330deg) brightness(103%) contrast(95%) !important;
}

/* Полоски бургера */
body div#rec3209148801.chameleon-dark .t-menu-burger__icon span,
body div#rec3209148801.chameleon-dark .t-menuburger span,
body div#rec4086315401.chameleon-dark .t-menu-burger__icon span,
body div#rec4086315401.chameleon-dark .t-menuburger span {
    background-color: #F4EADE !important;
}


/* ============================================================
   КНОПКА "ЗАПИСАТЬСЯ" — не перекрашивается
   ============================================================ */

body div#rec3209148801 .t-btn,
body div#rec4086315401 .t-btn {
    color: #F4EADE !important;
    -webkit-text-fill-color: #F4EADE !important;
    background-color: #6B4A3A !important;
    transition: none !important;
}

body div#rec3209148801 .t-btn *,
body div#rec4086315401 .t-btn * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    background-color: transparent !important;
}


/* ============================================================
   РАСКРЫТОЕ МОБИЛЬНОЕ МЕНЮ — фиксированные цвета
   Специфичность повышена через ID блоков, чтобы перебить chameleon-*
   ============================================================ */

/* Фон выезжающей панели */
body div#rec3209148801 .t-menu-popover__burgermenu,
body div#rec3209148801 .t-menu-popover__sidebar,
body div#rec3209148801 .t-menu-base__burgermenu,
body div#rec3209148801 .t-menu-base__burgermenu_fullscreen,
body div#rec4086315401 .t-menu-popover__burgermenu,
body div#rec4086315401 .t-menu-popover__sidebar,
body div#rec4086315401 .t-menu-base__burgermenu,
body div#rec4086315401 .t-menu-base__burgermenu_fullscreen {
    background-color: #F4EADE !important;
    background: #F4EADE !important;
    color: #332117 !important;
}

/* Затемнение фона страницы за панелью */
body div#rec3209148801 .t-menu-popover__overlay_bg,
body div#rec3209148801 .t-menu-popover__overlay,
body div#rec4086315401 .t-menu-popover__overlay_bg,
body div#rec4086315401 .t-menu-popover__overlay {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

/* Текст пунктов меню — перебиваем chameleon-* через ID блока */
body div#rec3209148801 .t-menu-popover__burgermenu a,
body div#rec3209148801 .t-menu-popover__burgermenu .t-menu__link-item,
body div#rec3209148801 .t-menu-popover__burgermenu .t-menusub__target-link,
body div#rec3209148801 .t-menu-popover__burgermenu span,
body div#rec3209148801 .t-menu-popover__sidebar a,
body div#rec3209148801 .t-menu-popover__sidebar .t-menu__link-item,
body div#rec3209148801 .t-menu-popover__sidebar span,
body div#rec3209148801 .t-menu-base__burgermenu a,
body div#rec3209148801 .t-menu-base__burgermenu .t-menu__link-item,
body div#rec3209148801 .t-menu-base__burgermenu span,
body div#rec3209148801 .t-menu-base__burgermenu_fullscreen a,
body div#rec3209148801 .t-menu-base__burgermenu_fullscreen .t-menu__link-item,
body div#rec3209148801 .t-menu-base__burgermenu_fullscreen span,
body div#rec4086315401 .t-menu-popover__burgermenu a,
body div#rec4086315401 .t-menu-popover__burgermenu .t-menu__link-item,
body div#rec4086315401 .t-menu-popover__burgermenu .t-menusub__target-link,
body div#rec4086315401 .t-menu-popover__burgermenu span,
body div#rec4086315401 .t-menu-popover__sidebar a,
body div#rec4086315401 .t-menu-popover__sidebar .t-menu__link-item,
body div#rec4086315401 .t-menu-popover__sidebar span,
body div#rec4086315401 .t-menu-base__burgermenu a,
body div#rec4086315401 .t-menu-base__burgermenu .t-menu__link-item,
body div#rec4086315401 .t-menu-base__burgermenu span,
body div#rec4086315401 .t-menu-base__burgermenu_fullscreen a,
body div#rec4086315401 .t-menu-base__burgermenu_fullscreen .t-menu__link-item,
body div#rec4086315401 .t-menu-base__burgermenu_fullscreen span {
    color: #332117 !important;
    -webkit-text-fill-color: #332117 !important;
}

/* Крестик закрытия */
body div#rec3209148801 .t-menu-popover__close,
body div#rec3209148801 .t-menu-popover__close *,
body div#rec3209148801 .t-menu-base__burgermenu_close-button,
body div#rec3209148801 .t-menu-base__burgermenu_close-button *,
body div#rec4086315401 .t-menu-popover__close,
body div#rec4086315401 .t-menu-popover__close *,
body div#rec4086315401 .t-menu-base__burgermenu_close-button,
body div#rec4086315401 .t-menu-base__burgermenu_close-button * {
    color: #332117 !important;
    fill: #332117 !important;
    stroke: #332117 !important;
}

/* Стрелочки подменю */
body div#rec3209148801 .t-menu-popover__burgermenu svg,
body div#rec3209148801 .t-menu-popover__burgermenu svg *,
body div#rec3209148801 .t-menu-popover__sidebar svg,
body div#rec3209148801 .t-menu-popover__sidebar svg *,
body div#rec4086315401 .t-menu-popover__burgermenu svg,
body div#rec4086315401 .t-menu-popover__burgermenu svg *,
body div#rec4086315401 .t-menu-popover__sidebar svg,
body div#rec4086315401 .t-menu-popover__sidebar svg * {
    fill: #332117 !important;
    stroke: #332117 !important;
}

/* Адрес и прочий текст внизу панели */
body div#rec3209148801 .t-menu-popover__burgermenu .t-descr,
body div#rec3209148801 .t-menu-popover__burgermenu .t-text,
body div#rec4086315401 .t-menu-popover__burgermenu .t-descr,
body div#rec4086315401 .t-menu-popover__burgermenu .t-text {
    color: #332117 !important;
    -webkit-text-fill-color: #332117 !important;
}

/* Кнопка "Записаться" внутри панели — своя */
body div#rec3209148801 .t-menu-popover__burgermenu .t-btn,
body div#rec3209148801 .t-menu-popover__burgermenu .t-btn *,
body div#rec3209148801 .t-menu-popover__sidebar .t-btn,
body div#rec3209148801 .t-menu-popover__sidebar .t-btn *,
body div#rec4086315401 .t-menu-popover__burgermenu .t-btn,
body div#rec4086315401 .t-menu-popover__burgermenu .t-btn *,
body div#rec4086315401 .t-menu-popover__sidebar .t-btn,
body div#rec4086315401 .t-menu-popover__sidebar .t-btn * {
    color: #F4EADE !important;
    -webkit-text-fill-color: #F4EADE !important;
    background-color: #6B4A3A !important;
}

/* Иконки соцсетей — оставляем их собственный цвет */
body div#rec3209148801 .t-menu-popover__burgermenu .t-sociallinks svg,
body div#rec3209148801 .t-menu-popover__burgermenu .t-sociallinks svg *,
body div#rec4086315401 .t-menu-popover__burgermenu .t-sociallinks svg,
body div#rec4086315401 .t-menu-popover__burgermenu .t-sociallinks svg * {
    fill: #6B4A3A !important;
    color: #6B4A3A !important;
}
/* Убираем отступ сверху у фиксированного меню ME100 на десктопе */
@media screen and (min-width: 961px) {
    body #rec3209148801 .t-menu-base,
    body #rec4086315401 .t-menu-base {
        margin-top: 0 !important;
        top: 0 !important;
    }
}
/* ============================================================
   ПОДМЕНЮ — базовое состояние (до скролла)
   Всегда 100% непрозрачное, светлое.
   После скролла — переключается через chameleon-dark.
   ============================================================ */

/* Базовый светлый вид (по умолчанию) */
body div#rec3209148801 .t-menusub__menu,
body div#rec4086315401 .t-menusub__menu {
    background-color: #F4EADE !important;
    background: #F4EADE !important;
    border: 1px solid #332117 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.15) !important;
    opacity: 1 !important;
}

body div#rec3209148801 .t-menusub__link-item,
body div#rec3209148801 .t-menusub__innermenu-link,
body div#rec3209148801 .t-menusub__menu a,
body div#rec3209148801 .t-menusub__menu span,
body div#rec4086315401 .t-menusub__link-item,
body div#rec4086315401 .t-menusub__innermenu-link,
body div#rec4086315401 .t-menusub__menu a,
body div#rec4086315401 .t-menusub__menu span {
    color: #332117 !important;
    -webkit-text-fill-color: #332117 !important;
}

/* Базовые переменные Tilda — на случай, если она сама управляет цветом */
body div#rec3209148801,
body div#rec4086315401 {
    --menusub-bg: #F4EADE !important;
    --menusub-border: 1px solid #332117 !important;
    --menusub-text-color: #332117 !important;
    --menusub-radius: 10px !important;
    --menusub-hover-bg: #e8dcc8 !important;
}


/* ============================================================
   ПОДМЕНЮ — тёмное состояние (после скролла, на тёмном фоне)
   ============================================================ */

body div#rec3209148801.chameleon-dark .t-menusub__menu,
body div#rec4086315401.chameleon-dark .t-menusub__menu {
    background-color: #332117 !important;
    background: #332117 !important;
    border: 1px solid #F4EADE !important;
    box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.5) !important;
}

body div#rec3209148801.chameleon-dark .t-menusub__link-item,
body div#rec3209148801.chameleon-dark .t-menusub__innermenu-link,
body div#rec3209148801.chameleon-dark .t-menusub__menu a,
body div#rec3209148801.chameleon-dark .t-menusub__menu span,
body div#rec4086315401.chameleon-dark .t-menusub__link-item,
body div#rec4086315401.chameleon-dark .t-menusub__innermenu-link,
body div#rec4086315401.chameleon-dark .t-menusub__menu a,
body div#rec4086315401.chameleon-dark .t-menusub__menu span {
    color: #F4EADE !important;
    -webkit-text-fill-color: #F4EADE !important;
}

body div#rec3209148801.chameleon-dark,
body div#rec4086315401.chameleon-dark {
    --menusub-bg: #332117 !important;
    --menusub-border: 1px solid #F4EADE !important;
    --menusub-text-color: #F4EADE !important;
    --menusub-hover-bg: #4A3428 !important;
}
body div#rec3209148801 .t-menusub__innermenu-content,
body div#rec4086315401 .t-menusub__innermenu-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}