/* Шапка и подвал сайта — плоский журнал (перенос «Большого» 9154dc15 / e90c406b, слово владельца 14.11).
   Верхняя строка: логотип AeroMobilis | (поиск в шапке — вид В) | Кабинет · вид · язык · Регистрация · Войти;
   ниже — строка разделов (partials/site-header/menu.json). Липкая на компьютере (как и раньше — .header--chrome в styles.css).
   Телефон: логотип + ☰; разделы прокручиваются в своей строке (страница вбок не едет); кнопки и язык — под ☰.
   Разметка — partials/site-header/ (вписывает tools/sync-site-header.py). Цвета, шрифт, радиусы — только кубики css/kit/.
   Селекторы с html[data-skin] — сильнее каркаса видов css/skins/base.css (виды Б/В красят ту же разметку). */

html[data-skin] .site-hd {
  background: var(--k-bg);
  color: var(--k-ink);
  font-family: var(--k-font);
  box-shadow: none;
  border-bottom: 1px solid var(--k-line);
}
.site-hd .k-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
html[data-skin] .site-hd .header-bar { background: var(--k-bg); border-bottom: 0; }

/* верхняя строка */
html[data-skin] .site-hd .hd-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  max-width: var(--k-wrap);
  min-height: 64px;
  margin: 0 auto;
  padding: 8px var(--k-gut);
  box-sizing: border-box;
}
html[data-skin] .site-hd .header-brand { flex: none; min-width: 0; }
html[data-skin] .site-hd .brand { display: inline-flex; align-items: center; color: var(--k-ink); text-decoration: none; }
html[data-skin] .site-hd .brand .skin-logo { font-size: 24px; letter-spacing: -0.01em; }
html[data-skin] .site-hd .brand .skin-logo__1 { font-weight: var(--k-fw-x); }
html[data-skin] .site-hd .brand .skin-logo__2 { font-weight: 300; }
html[data-skin] .site-hd .brand:hover .skin-logo__1 { color: var(--k-brand); }

/* кнопки справа: Кабинет · вид · язык · Регистрация · Войти */
html[data-skin] .site-hd .hd-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  font: var(--k-fw-m) 14px/1.3 var(--k-font);
}
html[data-skin] .site-hd .hd-actions .k-btn,
html[data-skin] .site-hd .hd-actions .lang-menu-toggle {
  height: var(--k-h-s);
  padding: 0 14px;
  border: 1px solid var(--k-line);
  border-radius: var(--k-r);
  background: var(--k-bg);
  color: var(--k-ink);
  font: var(--k-fw-b) 14px/1 var(--k-font);
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
}
html[data-skin] .site-hd .hd-actions .k-btn:hover,
html[data-skin] .site-hd .hd-actions .lang-menu-toggle:hover { border-color: var(--k-brand-line); color: var(--k-brand); background: var(--k-bg); }
html[data-skin] .site-hd .hd-actions .k-btn--ghost { border-color: transparent; background: transparent; }
html[data-skin] .site-hd .hd-actions .k-btn--ghost:hover { border-color: transparent; background: var(--k-bg-2); text-decoration: none; }
html[data-skin] .site-hd .hd-login::before { content: none; display: none; }
html[data-skin] .site-hd .lang-menu-toggle { display: inline-flex; align-items: center; cursor: pointer; }
html[data-skin] .site-hd .skin-switch { border-color: var(--k-line); border-radius: var(--k-r); }
html[data-skin] .site-hd .skin-switch button { border-radius: var(--k-r-s); }
/* «Кабинет» — только вошедшему (html.client-authed ставят js/header-chrome-boot.js, portal.js, app.js) */
html[data-skin] .site-hd #navAccount[hidden] { display: none !important; }
html[data-skin].client-authed .site-hd #navAccount.nav-active { border-color: var(--k-brand); color: var(--k-brand); }

/* ☰ — только телефон */
html[data-skin] .site-hd .hd-burger { display: none; border-color: transparent; background: transparent; color: var(--k-ink); }
.site-hd .hd-burger__close { display: none; }

/* строка разделов (одна настройка — partials/site-header/menu.json) */
html[data-skin] .site-hd .menu {
  position: static;
  transform: none;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 22px;
  width: auto;
  max-width: var(--k-wrap);
  height: 44px;
  margin: 0 auto;
  padding: 0 var(--k-gut);
  box-sizing: border-box;
  border-top: 1px solid var(--k-bg-3);
  background: var(--k-bg);
  box-shadow: none;
  overflow-x: auto;
  scrollbar-width: none;
}
.site-hd .menu::-webkit-scrollbar { display: none; }
html[data-skin] .site-hd .menu a {
  flex: none;
  display: flex;
  align-items: center;
  width: auto;
  padding: 0;
  border: 0;
  color: var(--k-ink-2);
  font: var(--k-fw-b) 14px/1.2 var(--k-font);
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  text-decoration: none;
}
html[data-skin] .site-hd .menu a::after { display: none; }
html[data-skin] .site-hd .menu a:hover,
html[data-skin] .site-hd .menu a.nav-active { color: var(--k-brand); }
html[data-skin] .site-hd .menu a.nav-active { font-weight: var(--k-fw-x); box-shadow: inset 0 -2px 0 var(--k-brand); }
html[data-skin] .site-hd .menu a[hidden] { display: none; }
/* вид и языки строкой — были в выезжающем меню; теперь они под ☰ (кнопки справа) */
html[data-skin] .site-hd .menu .skin-switch--menu,
html[data-skin] .site-hd .menu .nav-langs { display: none !important; }

/* планшет и телефон (≤900 — тот же порог, что у ☰ в js/header-chrome-boot.js) */
@media (max-width: 900px) {
  html[data-skin] .site-hd .hd-row { flex-wrap: wrap; gap: 8px 10px; min-height: 0; padding: 8px var(--k-gut); }
  html[data-skin] .site-hd .header-brand { order: 1; }
  html[data-skin] .site-hd .brand .skin-logo { font-size: 21px; }
  html[data-skin] .site-hd .hd-burger { order: 2; display: inline-flex; width: 40px; height: 40px; margin-left: auto; }
  html[data-skin] .site-hd .skin-hs { order: 10; flex: 1 1 100%; max-width: none; }
  html[data-skin] .site-hd .hd-actions {
    order: 3;
    flex: 1 1 100%;
    display: none;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 0;
    padding: 2px 0 6px;
  }
  html[data-skin] .site-hd.is-nav-open .hd-actions { display: flex; }
  html[data-skin] .site-hd.is-nav-open .hd-burger__open { display: none; }
  html[data-skin] .site-hd.is-nav-open .hd-burger__close { display: inline-block; }
  html[data-skin] .site-hd .hd-actions .lang-menu,
  html[data-skin] .site-hd .hd-actions .skin-switch--hd { display: inline-flex; }
  html[data-skin] .site-hd .menu,
  html[data-skin] .header.is-nav-open .menu {
    display: flex;
    position: static;
    flex-direction: row;
    align-items: stretch;
    gap: 18px;
    height: 42px;
    padding: 0 var(--k-gut);
    border-bottom: 0;
    box-shadow: none;
  }
  html[data-skin] .site-hd .menu a { padding: 0; border-bottom: 0; font-size: 14px; }
}

/* ---------- подвал (общий: partials/site-header/footer.html) ---------- */
.site-ft { margin-top: 48px; background: var(--k-brand-d); color: var(--k-on-dark); font-family: var(--k-font); font-size: 14px; line-height: 1.5; }
.site-ft *, .site-ft *::before, .site-ft *::after { box-sizing: border-box; }
.site-ft__in { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 24px; padding-top: 32px; padding-bottom: 24px; }
.site-ft__brand { display: inline-flex; align-items: center; margin-bottom: 10px; color: #fff; font-size: 22px; text-decoration: none; }
.site-ft__brand .skin-logo { display: inline-flex; white-space: nowrap; }
.site-ft__brand .skin-logo__1 { font-weight: var(--k-fw-x); }
.site-ft__brand .skin-logo__2 { font-weight: 300; }
.site-ft__about p { margin: 0; max-width: 320px; }
.site-ft__col a { display: block; padding: 3px 0; color: var(--k-on-dark); text-decoration: none; }
.site-ft__col a:hover, .site-ft__brand:hover { color: #fff; }
.site-ft__cp { padding-top: 14px; padding-bottom: 18px; font-size: 13px; background: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)) var(--k-gut) 0 / calc(100% - 2 * var(--k-gut)) 1px no-repeat; }
@media (max-width: 760px) {
  .site-ft__in { grid-template-columns: 1fr 1fr; gap: 20px 16px; padding-top: 24px; }
  .site-ft__about { grid-column: 1 / -1; }
  .site-ft__col a { padding: 6px 0; overflow-wrap: anywhere; }
}