/* ============================================================
   Хэдер в стиле site2: стеклянная фиксированная полоса, логотип слева,
   горизонтальное меню с выпадающими списками. Отличие от site2 —
   логотип крупнее (44px против 30px), «среднее» по просьбе.
   На узких экранах меню прячется и работает существующий бургер
   (label.right + aside), поэтому его разметку не трогаем.
   ============================================================ */
.hdr { position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 1px 8px rgba(95, 95, 95, .288); }
.hdr-inner { box-sizing: border-box; width: 100%; max-width: 1200px; padding: 0; height: 76px; display: flex; align-items: center; gap: 28px;
  /* Резерв справа под бургер. Он прибит к углу окна (right 22px, ширина 48px),
     а меню центрируется в 1200px — пока поля по бокам уже ~100px, меню
     заезжает под значок. Резерв сам сходит на нет от ширины окна ~1400px. */
  padding-right: max(0px, calc(100px - (100vw - 1200px) / 2)); }

/* Логотип — среднего размера */
.hdr-logo { display: flex; align-items: center; flex: none; }
.hdr-logo img { height: 44px; width: auto; display: block; }

/* Горизонтальное меню */
.hdr-nav { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.hdr-navitem { position: relative; }
.hdr-navitem > a { display: inline-flex; align-items: center; gap: 4px; font-family: 'Montserrat', sans-serif; font-size: 14.5px; font-weight: 500; padding: 9px 13px; border-radius: 8px; color: #474b58; text-decoration: none; white-space: nowrap; cursor: pointer; transition: color .18s, background .18s; }
.hdr-navitem > a:hover { color: #14161d; background: rgba(20, 34, 61, .05); }
.hdr-navitem > a.on { color: #14161d; }
.hdr-navitem > a svg { opacity: .55; transition: transform .18s; }
.hdr-navitem:hover > a svg { transform: rotate(180deg); }

/* Мостик, чтобы курсор не терял hover в зазоре между пунктом и выпадашкой */
.hdr-navitem::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 8px; }

/* Выпадающий список */
.hdr-dd { position: absolute; top: calc(100% + 8px); left: 0; min-width: 240px;
  background: #fff; border: 1px solid #eaedf4; border-radius: 12px;
  box-shadow: 0 12px 34px rgba(9, 13, 48, .14); padding: 8px; z-index: 60;
  display: none; flex-direction: column; }
.hdr-navitem:hover > .hdr-dd { display: flex; animation: hdrDdIn .16s ease; }
.hdr-dd a { padding: 9px 13px; border-radius: 8px; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #474b58; text-decoration: none; white-space: nowrap; transition: color .15s, background .15s; }
.hdr-dd a:hover { background: #eef1f7; color: #000f9f; }
@keyframes hdrDdIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* Бургер (label.right) — по центру хэдера по вертикали.
   Хэдер 76px, значок ~48px → top = (76-48)/2 = 14px. */
label.right { top: 14px; }

/* Сужение окна: горизонтальное меню держим как можно дольше и постепенно
   ужимаем — сначала отступы пунктов, потом логотип. В бургер уходим только
   когда меню вплотную подошло к логотипу. */
@media (max-width: 1319px) {
  .hdr-navitem > a { padding-left: 10px; padding-right: 10px; }
}
@media (max-width: 1239px) {
  /* Поля 20px, как у контента страниц на этих ширинах. Справа постоянный
     резерв под бургер: 22px от края + значок 48px + зазор 24px. */
  .hdr-inner { max-width: none; padding: 0 94px 0 20px; gap: 20px; }
  .hdr-navitem > a { padding-left: 8px; padding-right: 8px; }
}
@media (max-width: 1209px) {
  .hdr-logo img { height: 38px; }
  .hdr-navitem > a { padding-left: 6px; padding-right: 6px; }
}

/* Бургер (label.right) + aside-меню остаются на всех ширинах. Ниже этой
   границы меню уже не помещается рядом с логотипом — прячем его и оставляем
   логотип + бургер (как в оригинале/site2). */
@media (max-width: 1139px) {
  .hdr-nav { display: none; }
  .hdr-inner { height: 64px; padding: 0 20px; }
  .hdr-logo img { height: 38px; }
  /* Компактный хэдер 64px → значок по центру: top = (64-48)/2 = 8px */
  label.right { top: 8px; }
}