/* Шапка в одну строку при прокрутке. Подключается и к v2, и к v3.

   Верхняя строка не прячется через display: none — она уезжает вверх сама,
   потому что скрипт задаёт шапке отрицательный top: так страница не дёргается
   в момент переключения. Липкой остаётся строка меню, и как только верхняя
   строка полностью ушла за край, в неё выезжают логотип, телефон и звонок. */

/* Строка меню становится общей полкой: слева логотип, по центру разделы,
   справа телефон и звонок. В обычном состоянии боковые элементы скрыты,
   и меню центрируется ровно так же, как раньше. */
.header__nav-bar { display: flex; align-items: center; gap: 24px; }
.header__nav-row { flex: 1 1 auto; min-width: 0; }
.header__slim-brand, .header__slim-side { display: none; }

.header__slim-brand img { display: block; height: 22px; width: auto; }

.header__slim-side { align-items: center; gap: 18px; }

.header__slim-phone {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.01em;
  text-decoration: none;
  white-space: nowrap;
  color: var(--bone);
}
.header__slim-phone .icon { width: 16px; height: 16px; color: var(--amber); }

.header__slim-cta { min-height: 36px; padding: 0 16px; font-size: 11px; }

@media (min-width: 1181px) {
  /* Якоря целятся под липкую строку меню: к моменту, когда прокрутка доедет
     до раздела, верхняя строка уже уехала, и полная высота шапки тут не нужна.
     В v3 значение переопределяется на каждой ступени — строка меню там ниже. */
  :root { --header-h: 59px; }

  .is-slim .header__slim-brand,
  .is-slim .header__slim-side { display: flex; }
}

/* 1181–1340: на полке помещаются меню, телефон и звонок, но уже без логотипа —
   бренд на этой странице и так назван в каждом заголовке, а телефон терять нельзя. */
@media (min-width: 1181px) and (max-width: 1340px) {
  .is-slim .header__slim-brand { display: none; }
  .is-slim .nav-link { padding: 9px 16px; }
  .is-slim .nav-link::after { left: 16px; right: 16px; }
}

/* На узких экранах меню остаётся выпадающей панелью — обёртка не должна
   добавлять ей второй отступ поверх собственного. */
@media (max-width: 820px) {
  .header__nav-bar { display: block; max-width: none; padding: 0; }
}