/* ============================================================
   MUNIS MEBEL — Шапка (канон, пиксель-перфект)
   Источник: 02-header.html (утв.). Класс .rgn навешен прямо на
   реальный тег <header> (через фильтр nv_header_classes), поэтому
   родительская тема Neve не может это переопределить.
   Базовые токены/reset — в footer-canon.css (грузится раньше).
   ============================================================ */

/* Neve's .wrapper has overflow:hidden which breaks position:sticky — override */
.wrapper{overflow:visible!important}
header.rgn{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--line);margin:0;padding:0}
header.rgn .wrap.nav{display:flex;align-items:center;justify-content:space-between;height:80px;position:relative}

/* Логотип — единственный элемент брендблока (дизайн-система §4.1).
   Подпись «МЕБЕЛЬ ВА ТЕХНИКА · ҚУВАСОЙ» переехала в утилити-полосу:
   в колонке она была шире логотипа втрое и растягивала его по ширине. */
header.rgn .brand{display:flex;align-items:center;line-height:1;text-decoration:none}

header.rgn nav.menu ul{display:flex;gap:34px;font-size:15.5px;font-weight:500;list-style:none;margin:0;padding:0}
header.rgn nav.menu li{display:flex}
header.rgn nav.menu a{color:var(--ink-2);padding-bottom:4px;border-bottom:2px solid transparent;transition:color var(--t-color),border-color var(--t-color)}
header.rgn nav.menu a:hover{color:var(--ink);border-color:var(--red-600)}
header.rgn nav.menu li.current-menu-item>a,
header.rgn nav.menu li.current-menu-parent>a{color:var(--ink);border-color:var(--red-600)}

header.rgn .tools{display:flex;align-items:center;gap:22px}
header.rgn .tools .ic{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;font-family:'Golos Text',system-ui,sans-serif;position:relative}
header.rgn .tools svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.6}
header.rgn .cartcount{background:var(--red-600);color:var(--paper);font-size:11.5px;font-weight:700;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin-left:-2px}
header.rgn .hamb{display:none;background:none;border:0;cursor:pointer;padding:0}
header.rgn .hamb .ico-close{display:none}
header.rgn .hamb[aria-expanded="true"] .ico-burger{display:none}
header.rgn .hamb[aria-expanded="true"] .ico-close{display:block}

/* Выпадающие панели: поиск / мобильное меню */
header.rgn .search-pop,
header.rgn .mobile-panel{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:22px 28px;box-shadow:0 12px 24px -16px rgba(35,42,64,.25)}
header.rgn .search-pop.open,
header.rgn .mobile-panel.open{display:block}
header.rgn .search-pop form{display:flex;flex-direction:row;gap:10px;max-width:480px;margin:0 auto}
header.rgn .search-pop .search-field{flex:1;border:1px solid var(--line);padding:12px 14px;font-family:'Golos Text',system-ui,sans-serif;font-size:15px;background:var(--paper);color:var(--ink)}
header.rgn .search-pop .search-submit{display:inline-flex;align-items:center;gap:9px;font-family:'Golos Text',system-ui,sans-serif;font-weight:600;font-size:14px;padding:10px 20px;border-radius:2px;cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink);transition:background .2s,color .2s;white-space:nowrap}
header.rgn .search-pop .search-submit:hover{background:var(--ink);color:var(--paper)}
header.rgn .mobile-panel nav.menu ul{flex-direction:column;gap:18px;font-size:17px}

@media(max-width:980px){
  header.rgn .wrap.nav nav.menu{display:none}
  header.rgn .tools .ic span{display:none}
  header.rgn .hamb{display:block}
}

/* ── Мобильный (≤599px) ── */
@media(max-width:599px){
  header.rgn .wrap.nav{height:64px}
  header.rgn .tools{gap:14px}
  header.rgn .search-pop,header.rgn .mobile-panel{padding:16px 16px}
  header.rgn .mobile-panel nav.menu ul{font-size:15px;gap:14px}
}

/* --- Munis: логотип вместо текстового брендблока и телефон вместо корзины --- */
/* height + width:auto мало: .brand — флекс-контейнер, и картинка как флекс-
   элемент растягивалась по ширине колонки (align-items:stretch по умолчанию),
   давая логотип 268×34 вместо 106×34. Пропорцию держит align-self + flex:none. */
header.rgn .brand img{height:36px;width:auto;display:block;align-self:center;flex:none}
/* Кнопка звонка — главное действие шапки (дизайн-система §4.1) */
header.rgn .tel-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 20px;border-radius:8px;background:var(--red-600);color:#fff;text-decoration:none;transition:background var(--t-color)}
header.rgn .tel-btn:hover{background:var(--red-700);color:#fff}
header.rgn .tel-btn svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
header.rgn .tel-btn b{font-family:'Onest','Segoe UI',system-ui,sans-serif;font-weight:600;font-size:17px;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Квадратная иконочная кнопка (поиск) — зона нажатия 44px */
header.rgn .tools .ic-sq{width:44px;height:44px;justify-content:center;border:1px solid var(--line);border-radius:8px;transition:border-color var(--t-color)}
header.rgn .tools .ic-sq:hover{border-color:var(--line-strong)}
header.rgn .tools .ic-sq svg{stroke:var(--ink-2)}

/* Фокус клавиатурой — по дизайн-системе §3.6, никогда не outline:none */
header.rgn a:focus-visible,header.rgn button:focus-visible{outline:2px solid var(--red-600);outline-offset:2px}

@media(max-width:900px){
  header.rgn .tel-btn{padding:0 14px;gap:8px}
  header.rgn .tel-btn b{font-size:15px}
}
@media(max-width:599px){
  header.rgn .brand img{height:28px}
  header.rgn .tel-btn{width:44px;height:44px;padding:0}
  header.rgn .tel-btn b{display:none}
}