/* Общий каркас шапки wse.am в разделе «Новостройки Еревана».

   15.10.2026, макет v3 (https://claude.ai/artifact/2npAki4QM7RpKftjET2BjX):
   при переключении Ереван / Батуми / Пхукет шапка не прыгает. Геометрия как у
   React-шапки главной (src/styles/header.css):
     ≥1024: строка 76 + 1 px линия = 77, шаг 20, знак 22 px, город 30 px;
     <1024: строка 60 + 1 = 61, шаг 12, знак 19 px, город 26 px, бургер СПРАВА,
            меню, язык, телефон и мессенджеры уходят в меню (js/mob.js);
     ≤479:  шаг 8, знак 17 px, города плотнее;
     ≤374:  города уходят в меню.
   Та же геометрия в batumi-seo/wse-header.css (Батуми). Подключается последним. */

:root { --header-h: 76px; }
@media (max-width: 1023px) { :root { --header-h: 60px; } }

.hdr .hdr__in { gap: 20px; flex-wrap: nowrap; }
.hdr .wse-logo { min-height: 44px; font-size: 22px; flex-shrink: 0; }
/* на компьютере знак у главной на 1 px выше (замер по пикселям надписи, 15.10) */
@media (min-width: 1024px) { .hdr .wse-logo { position: relative; top: -1px; } }
.hdr .wse-city { flex-shrink: 0; }
.hdr .wse-city__item { height: 30px; padding: 0 14px; font-size: 14px; }

/* на 1024–1279 строка была шире экрана (документ 1256 на 1024): без телефона
   (он в меню и в подвале) и без «Посуточно» (как deskNav у главной) */
@media (max-width: 1279px) {
  .hdr__contacts .hdr__tel { display: none; }
  .hdr__nav { gap: 16px; }
  .hdr__nav a[href*="daily_rent"] { display: none; }
}

.mnav { display: none; }

@media (max-width: 1023px) {
  .hdr .hdr__in { gap: 12px; flex-wrap: nowrap; row-gap: 0; }
  .hdr__nav, .hdr .lang, .hdr__contacts, .hdr__cta { display: none !important; }
  .hdr .wse-logo { font-size: 19px; }
  .hdr .wse-city { order: 0; }
  .hdr .wse-city__item { height: 26px; padding: 0 10px; font-size: 12.5px; }

  /* бургер как на главной: три полоски справа, без кружка */
  .mnav {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
    order: 99; width: 44px; height: 44px; margin: 0 0 0 auto; flex-shrink: 0;
    padding: 0; border: 0; border-radius: 0; background: none; cursor: pointer;
  }
  .mnav span, .mnav span::before, .mnav span::after { width: 20px; }
  .mnav span::before { top: -7px; }
  .mnav span::after { top: 7px; }
}

@media (max-width: 479px) {
  .hdr .hdr__in { gap: 8px; }
  .hdr .wse-logo { font-size: 17px; margin-right: 2px; }
  .hdr .wse-city__item { padding: 0 7px; font-size: 12px; }
  .mnav { width: 40px; }
  /* 16.10.2026: бургер ужат до 40 px, невидимая зона нажатия добирает 44 */
  .mnav { position: relative; }
  .mnav::before { content: ""; position: absolute; top: 0; bottom: 0; left: -2px; right: -2px; }
}

@media (max-width: 374px) {
  .hdr .hdr__in > .wse-city { display: none; }
}

/* язык в мобильном меню (строит js/mob.js) */
.mmenu__lang { display: flex; gap: 6px; margin: 4px 0 10px; }
.mmenu__lang button { flex: 0 0 64px; min-height: 40px; border: 1px solid var(--line-2); border-radius: var(--r-pill);
  background: var(--card); font: 700 14px/1 var(--font-body); color: var(--ink-2); cursor: pointer; }
.mmenu__lang button.is-on { background: var(--ink); border-color: var(--ink); color: #fff; }