/* ============================================================
   GEIZER · ШАПКА КАК НА ГЛАВНОЙ — единый источник правды.
   Подключается:
     • неявно — через @import в theme-cohesion.css (8 разделов + статьи);
     • явно <link> — на странице оборудования БРИЗ (там нужна ТОЛЬКО
       шапка, без общего фона/футера — это рекламная посадочная).
   Правила повторяют шапку Главной (theme-light.css): прозрачная,
   фиксированная, белый логотип 44px, кнопки «Рассчитать мойку» и
   «Вход как партнёр», navy-стекло при скролле.
   ============================================================ */

/* Прозрачная и над контентом; скрытие/показ по скроллу делает
   navigation.js (класс header-hidden), фон — при .is-scrolled. */
.site-header{
  position:fixed !important; top:0 !important; left:0 !important; right:0 !important;
  background:transparent !important; border:0 !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
.site-header.is-scrolled{background:rgba(9,20,44,.97) !important;
  -webkit-backdrop-filter:blur(18px) !important; backdrop-filter:blur(18px) !important;
  border-bottom:1px solid rgba(120,160,220,.16) !important;box-shadow:0 10px 30px -18px rgba(0,4,14,.7) !important}
.site-header .hub-nav>a,.site-header .hub-trigger{color:rgba(255,255,255,.92)}
.site-header .hub-nav>a:hover,.site-header .hub-trigger:hover{color:#fff}
.site-header .phone{color:#fff}

/* Соцсети и переключатель языка — 1:1 с Главной.
   В базовом navigation.css иконки идут голыми и приглушённо-серыми (#8ba4c4),
   а активный язык — обычной тёмной пилюлей. На Главной поверх этого лежат
   стеклянные плашки под VK/RUTUBE и фирменно-синий RU: из-за этого шапки
   выглядели разными — иконки казались мельче и тусклее. */
.site-header .hub-social a{background:rgba(255,255,255,.09);color:#eaf1fc}
.site-header .hub-social a:hover{background:rgba(120,180,255,.26);color:#fff}
.site-header .hub-lang a.is-current{background:linear-gradient(120deg,#0b6fe0,#2f9bff);color:#fff}

/* Логотип — той же высоты, что на Главной (44px).
   clip-path в navigation.css срезал нижние 13% картинки: так прятали подпись
   «международная сеть автомоек» у старого файла. Мы подставляем версию БЕЗ
   подписи (header-login.js), и эта обрезка начала резать сами буквы —
   снимаем её. Заодно снимаем фиксированную ширину и overflow контейнера. */
.site-header .site-logo img{height:44px !important; width:auto !important; clip-path:none !important;
  object-fit:contain !important; object-position:center center !important}
.site-header .geizer-network-logo{width:auto !important; overflow:visible !important; align-self:center !important}
/* GEIZER перекрашиваем в белый (у файла свой тёмный цвет)… */
.site-header .site-logo img:not([src*="briz"]):not([src*="BRIZ"]){
  filter:brightness(0) invert(1) drop-shadow(0 1px 6px rgba(0,0,0,.5)) !important;
}
/* …а БРИЗ оставляем ФИРМЕННЫМ: в файле уже синие волны + белый текст,
   перекраска убила бы цвет. Только тень для читаемости на фото. */
.site-header .site-logo img[src*="briz"],.site-header .site-logo img[src*="BRIZ"]{
  filter:drop-shadow(0 1px 6px rgba(0,0,0,.5)) !important;
}
/* Чип раздела («Франшиза», «Статья»…) — на Главной его нет. */
.site-header .context-chip{display:none !important}

/* «Рассчитать мойку» — иконка-квадрат с облачком-подсказкой (инжектит
   header-login.js). Стиль 1:1 с Главной. */
.site-header .hub-calc{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;margin-right:12px;cursor:pointer;padding:0;border-radius:10px;flex:none;
  color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,border-color .25s,transform .2s}
.site-header .hub-calc:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.42);transform:translateY(-1px)}
.site-header .hub-calc svg{width:20px;height:20px;flex:none;color:rgba(255,255,255,.92)}
.site-header .hub-calc .hub-calc-tip{position:absolute;top:calc(100% + 11px);right:0;white-space:nowrap;
  padding:7px 12px;border-radius:10px;background:rgba(22,54,108,.55);color:#eaf1fc;font-size:12px;font-weight:700;
  border:1px solid rgba(120,180,255,.32);box-shadow:0 14px 32px -10px rgba(0,4,14,.75);z-index:5;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  opacity:0;transform:translateY(-5px) scale(.96);transform-origin:top right;pointer-events:none;
  transition:opacity .3s ease,transform .34s cubic-bezier(.2,.9,.3,1.25)}
.site-header .hub-calc.tip-on .hub-calc-tip,.site-header .hub-calc:hover .hub-calc-tip{opacity:1;transform:none}
.site-header .hub-calc .hub-calc-tip::before{content:"";position:absolute;bottom:100%;right:15px;
  border:6px solid transparent;border-bottom-color:rgba(22,54,108,.55)}

/* «Вход как партнёр» — компактная бело-стеклянная плашка, текст в строку. */
.site-header .hub-login{display:inline-flex;align-items:center;gap:7px;margin-right:14px;white-space:nowrap;flex:none;
  color:rgba(255,255,255,.92);font-size:13px;font-weight:700;padding:8px 13px;border-radius:10px;text-decoration:none;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,border-color .25s}
.site-header .hub-login:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.42);color:#fff}
.site-header .hub-login svg{width:17px;height:17px;flex:none}

@media(max-width:900px){
  .site-header .hub-login span{display:none}
  .site-header .hub-login{padding:8px;margin-right:8px}
  .site-header .hub-calc{width:40px;height:40px;margin-right:8px}
}

/* fay63 · «Стать партнёром» — рядом со входом в кабинет. Вход стеклянный и
   намеренно тихий: он для тех, у кого доступ уже есть. Эта кнопка золотая,
   потому что она для всех остальных — тех, кто пришёл с рекламы, и им в
   шапке до сих пор нечего было нажать. Ведёт на франшизу к форме.
   На узких экранах прячем: там уже тесно от логотипа, телефона и бургера,
   а призывов на самих страницах хватает. */
.site-header .hub-join{display:inline-flex;align-items:center;white-space:nowrap;flex:none;
  margin-right:14px;padding:9px 16px;border-radius:10px;text-decoration:none;
  font-size:13px;font-weight:800;color:#14233f;
  background:linear-gradient(180deg,#ffe14a,#ffc400);
  border:1px solid transparent;box-shadow:0 10px 26px -12px rgba(255,190,0,.8);
  transition:transform .25s,box-shadow .25s}
.site-header .hub-join:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(255,190,0,.95);color:#14233f}
@media(max-width:1100px){.site-header .hub-join{display:none}}

/* Тот же призыв, но пунктом раскрытого меню. Из строки шапки кнопку убирает
   правило выше — там тесно. А вот с телефона она пропадала совсем: в меню
   оставались только разделы сайта и «Войти как партнёр», то есть дверь для
   тех, кто партнёр уже есть. Человеку с рекламы нажать было нечего.
   Элемент кладёт header-login.js последним в .hub-nav — сетка меню
   (display:grid; gap:8px) подхватывает его сама, ширину задавать не нужно. */
/* Телефон пунктом раскрытого меню — над «Стать партнёром». В строке шапки
   на узких экранах он сжат до иконки-трубки без номера; здесь показываем
   номер целиком. Оформляем как обычный пункт меню, но с иконкой и чуть
   ярче — это действие, а не раздел сайта. */
.site-header .hub-phone-m{display:none}
@media(max-width:1100px){
  .site-header .hub-nav .hub-phone-m{
    display:flex;align-items:center;justify-content:center;gap:9px;
    margin-top:6px;padding:12px 14px;border-radius:10px;
    font-size:15px;font-weight:700;letter-spacing:.01em;line-height:1.2;
    color:#eaf2ff;text-decoration:none;
    border:1px solid rgba(77,145,214,.32);
    background:rgba(8,33,70,.75)}
  .site-header .hub-nav .hub-phone-m svg{width:18px;height:18px;flex:none;color:#ffc400}
  .site-header .hub-nav .hub-phone-m:hover,
  .site-header .hub-nav .hub-phone-m:focus-visible{color:#fff;border-color:rgba(77,145,214,.6)}
}
.site-header .hub-join-m{display:none}
@media(max-width:1100px){
  .site-header .hub-nav .hub-join-m{
    display:flex;align-items:center;justify-content:center;
    margin-top:6px;padding:12px 14px;border-radius:10px;
    font-size:14px;font-weight:800;line-height:1.2;text-align:center;
    color:#14233f;text-decoration:none;
    background:linear-gradient(180deg,#ffe14a,#ffc400);
    box-shadow:0 10px 26px -14px rgba(255,190,0,.9)}
  .site-header .hub-nav .hub-join-m:hover,
  .site-header .hub-nav .hub-join-m:focus-visible{color:#14233f}
}

/* Правило, возвращающее телефон в экран, живёт в shared/navigation.css:
   Главная этот файл не подключает (она источник стиля, а не получатель),
   а navigation.css есть на всех страницах без исключения. */