/* rd-hdr-clear.css — прозрачная шапка (правка Анны 06.10.2026, п.12; решение 17.09: «прозрачная шапка закреплена при пролистывании»).
   Подложки, линии и блюра нет ни в начале, ни при прокрутке. Знак и надпись логотипа меняют цвет по фону под ними
   (rd-hdr-tone.js ставит data-hdr-tone="dark|light" на шапку: dark — фон тёмный, знак белый; light — фон светлый, знак чёрный).
   Кнопки RU и МЕНЮ — свои плашки, читаются на любом фоне. Подключать последним. */
html body #nav,html body #nav.solid,html body #rd-hdr{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:0!important;box-shadow:none!important}
html body #nav,html body #rd-hdr{transition:background-color .3s ease}
/* прокрутка: под шапкой уже не первый экран — лёгкая подложка как у меню, текст чёрный (rd-hdr-tone.js ставит data-hdr-plate) */
html body #nav[data-hdr-plate="1"],html body #rd-hdr[data-hdr-plate="1"]{background:rgba(228,228,226,var(--rd-plate-alpha,.70))!important}
html body #nav .hl-nm,html body #rd-hdr .hl-nm{color:#141311;text-shadow:0 0 3px rgba(255,255,255,.6),0 0 10px rgba(255,255,255,.6);transition:color .3s,text-shadow .3s}
html body #nav .nav-logo-mark img,html body #rd-hdr .rdh-logo img{transition:filter .3s;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}
html body #nav[data-hdr-tone="dark"]:not([data-hdr-plate="1"]) .hl-nm,html body #rd-hdr[data-hdr-tone="dark"]:not([data-hdr-plate="1"]) .hl-nm{color:#fff;text-shadow:0 0 2px rgba(0,0,0,.7),0 0 6px rgba(0,0,0,.6),0 1px 12px rgba(0,0,0,.8)}
html body #nav[data-hdr-tone="dark"]:not([data-hdr-plate="1"]) .nav-logo-mark img,html body #rd-hdr[data-hdr-tone="dark"]:not([data-hdr-plate="1"]) .rdh-logo img{filter:invert(1) drop-shadow(0 0 5px rgba(0,0,0,.5))}
/* плашки: МЕНЮ — чёрная с белым текстом (как было), RU — светлая плашка с чёрным текстом */
html body #nav .lang-cur,html body #rd-hdr button.rdh-langbtn{background:rgba(244,244,243,.94)!important;color:#141311!important;border:1px solid #141311!important}
html body #nav .lang-cur *{color:#141311!important;-webkit-text-fill-color:#141311!important}
html body #nav #langCurTxt,html body #nav .lang-caret{color:#141311!important;-webkit-text-fill-color:#141311!important}
html body #nav .nav-menu-btn,html body #rd-hdr button.rdh-menu{background:#141311!important;color:#fff!important;border:1px solid #141311!important}
html body #nav .nav-menu-btn *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #nav .nav-menu-btn .mb-lines span{background:#fff!important}
@media(prefers-reduced-motion:reduce){html body #nav .hl-nm,html body #rd-hdr .hl-nm,html body #nav .nav-logo-mark img,html body #rd-hdr .rdh-logo img{transition:none}}
/* телефон: шапка главной была в потоке и уезжала при прокрутке (sticky не работает: #site-content — прокручиваемый контейнер) — закрепляем (fixed).
   Отступа под шапку нет (правка 06.10, находка ревизора 1): под прозрачной шапкой видна картинка/видео первого экрана, как на ПК; первый экран на всю высоту, карточка опущена под шапку */
@media(max-width:767px){
  html body #nav{position:fixed!important;top:0!important;left:0!important;right:0!important;margin:0!important;z-index:999!important}
  html body #site-content{padding-top:0}
  html body #site-content section#hero#hero{min-height:100svh!important;height:100svh!important}
  html body #site-content section#hero#hero .rd-hero-glass{top:78px!important;max-height:calc(100svh - 98px)!important}
}

/* п.37 (06.10 поздний вечер): раскрывающаяся панель «МЕНЮ» — чёрная подложка, белый шрифт («белую не видно»). Шапку при прокрутке и мигание знака поверх видео не трогаем.
   Две панели: .mobile-menu (главная) и #rd-hdr .rdh-panel (страницы-разделы, rd-header.js). Кнопка «Консультация» остаётся амбре. */
html body .mobile-menu{background:#111!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 18px 50px rgba(0,0,0,.5)!important}
html body .mobile-menu a{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
html body .mobile-menu a:hover{color:#E8A768!important}
html body .mobile-menu a.mm-fire{color:#E8A768!important}
html body #rd-hdr .rdh-panel{background:#111;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.5)}
html body #rd-hdr .rdh-panel a{color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}
html body #rd-hdr .rdh-panel a:hover{color:#E8A768}
html body #rd-hdr .rdh-panel a.rdh-fire{color:#E8A768}

/* Кнопка языка (RU) — как кнопка МЕНЮ: чёрная плашка #141311, белый текст; размер, высота и шрифт у них и так одинаковые (замер). Список языков — чёрная подложка, белый текст (Анна 06.10, поздний вечер) */
html body #nav .lang-cur,html body #rd-hdr button.rdh-langbtn{background:#141311!important;color:#fff!important;border:1px solid #141311!important}
html body #nav .lang-cur *,html body #nav #langCurTxt,html body #nav .lang-caret{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #nav .lang-cur .lang-globe,html body #nav .lang-cur svg{color:#fff!important;stroke:#fff!important;fill:none!important}
html body #nav .lang-drop,html body #rd-hdr .rdh-langlist{background:#111!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 12px 30px rgba(0,0,0,.5)!important}
html body #nav .lang-drop button,html body #nav .lang-drop button b,html body #rd-hdr .rdh-langlist button{color:#fff!important}
html body #nav .lang-drop button:hover,html body #nav .lang-drop button.active,html body #rd-hdr .rdh-langlist button:hover{background:rgba(255,255,255,.12)!important}