/* Единая шапка BURO. До 08.2026 их было три (.wrap.nav на главной, .site-hdr на 363
   страницах, .hdr на 86) — отсюда разный размер у RU и EN и разные наборы пунктов.
   Здесь один компонент на весь сайт: логотип · Каталог · Карта · поиск · валюта+язык · бургер.
   Всё остальное (районы, гайды, о бюро, кабинет, контакты) живёт в бургере — он виден
   и на десктопе, поэтому в строке остаётся место под поиск. */
.bhdr{position:sticky;top:0;z-index:60;background:rgba(251,248,241,.94);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line,rgba(18,33,28,.12))}
.bhdr-in{max-width:var(--wrap,1160px);margin:0 auto;padding:0 var(--pad,20px);
  height:64px;display:flex;align-items:center;gap:18px}

/* логотип */
.bhdr-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex:0 0 auto}
.bhdr-logo img{height:19px;width:auto;display:block}
.bhdr-div{width:1px;height:24px;background:var(--line,rgba(18,33,28,.14))}
.bhdr-sub{font:600 9px/1.25 var(--sans,sans-serif);letter-spacing:.14em;
  text-transform:uppercase;color:var(--mute,#79715f)}

/* меню — только два пункта, остальное в бургере */
.bhdr-nav{display:flex;align-items:center;gap:22px;flex:0 0 auto}
.bhdr-nav a{font:600 14px/1 var(--sans,sans-serif);color:var(--ink,#12211C);
  text-decoration:none;opacity:.82;white-space:nowrap}
.bhdr-nav a:hover{opacity:1}
.bhdr-nav a[aria-current=page]{color:var(--terra,#C16C4F);opacity:1}

/* поиск */
.bhdr-search{position:relative;flex:1 1 auto;max-width:340px;margin-left:auto}
.bhdr-field{display:flex;align-items:center;gap:8px;height:38px;padding:0 13px;
  border:1px solid var(--line,rgba(18,33,28,.14));border-radius:999px;
  background:rgba(255,255,255,.55);transition:border-color .15s,background .15s}
.bhdr-search.is-open .bhdr-field,.bhdr-field:focus-within{
  border-color:var(--terra,#C16C4F);background:#fff}
.bhdr-field svg{width:15px;height:15px;flex:0 0 auto;color:var(--mute,#79715f)}
.bhdr-field input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:none;
  font:500 14px/1 var(--sans,sans-serif);color:var(--ink,#12211C)}
.bhdr-field input::placeholder{color:var(--mute,#79715f);opacity:.85}
.bhdr-field input::-webkit-search-cancel-button{display:none}

.bhdr-sug{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:3000;
  background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(20,32,29,.22);
  padding:6px;max-height:min(70vh,430px);overflow:auto}
.bhdr-sug[hidden]{display:none}
.bhdr-sug a{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;
  text-decoration:none;color:var(--ink,#12211C)}
.bhdr-sug a:hover,.bhdr-sug a.is-cur{background:var(--paper,#FBF8F1)}
.bhdr-sug img{width:46px;height:34px;object-fit:cover;border-radius:7px;flex:0 0 auto;background:var(--sand,#E7DDCB)}
.bhdr-sug b{display:block;font:600 13px/1.3 var(--sans,sans-serif)}
.bhdr-sug span{display:block;font:500 11px/1.35 var(--sans,sans-serif);color:var(--mute,#79715f)}
.bhdr-sug .bhdr-price{margin-left:auto;font:700 12px/1 var(--sans,sans-serif);
  color:var(--terra,#C16C4F);white-space:nowrap}
.bhdr-sug .bhdr-none{padding:14px 10px;font:500 13px/1.4 var(--sans,sans-serif);color:var(--mute,#79715f)}

/* правая группа */
.bhdr-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.bhdr-right .io-switch{margin-left:0}

.bhdr-burger{width:38px;height:38px;display:inline-flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px;border:1px solid var(--line,rgba(18,33,28,.14));
  border-radius:999px;background:transparent;cursor:pointer;padding:0}
.bhdr-burger span{display:block;width:15px;height:1.6px;border-radius:2px;background:var(--ink,#12211C)}

/* выпадающее меню — вынесено в body скриптом: у шапки backdrop-filter,
   а он делает её containing block для position:fixed потомков */
.bhdr-menu{position:fixed;inset:0;z-index:200;background:rgba(18,33,28,.42);
  opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.bhdr-menu[data-open="1"]{opacity:1;visibility:visible}
.bhdr-panel{position:absolute;right:0;top:0;bottom:0;width:min(330px,86vw);
  background:var(--paper,#FBF8F1);padding:20px 22px 26px;overflow:auto;
  display:flex;flex-direction:column;gap:2px;
  transform:translateX(14px);transition:transform .22s}
.bhdr-menu[data-open="1"] .bhdr-panel{transform:none}
.bhdr-x{align-self:flex-end;width:36px;height:36px;border:0;background:transparent;
  font-size:26px;line-height:1;color:var(--ink,#12211C);cursor:pointer;margin-bottom:6px}
.bhdr-panel a{font:600 16px/1 var(--sans,sans-serif);color:var(--ink,#12211C);
  text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line,rgba(18,33,28,.1))}
.bhdr-panel a:hover{color:var(--terra,#C16C4F)}
.bhdr-mh{font:700 10px/1 var(--sans,sans-serif);letter-spacing:.13em;text-transform:uppercase;
  color:var(--mute,#79715f);padding:20px 0 4px}
.bhdr-panel a.bhdr-contact{border-bottom:0;padding:11px 0;font-size:15px;
  display:flex;align-items:center;gap:9px}

@media(max-width:900px){
  .bhdr-nav{display:none}
  .bhdr-search{max-width:none;margin-left:0}
}

/* Узкий экран: в строку не влезают логотип + поле + валюта + бургер (375px даёт
   ~335px полезных). Поэтому поиск сворачивается в круглую кнопку и по нажатию
   раскрывается поверх строки, а у пилюли остаётся только глобус. */
@media(max-width:640px){
  .bhdr-in{gap:8px;height:60px;padding:0 14px}
  .bhdr-sub,.bhdr-div{display:none}
  .bhdr-logo img{height:17px}
  .bhdr-right .io-btn{padding:0 11px}
  .bhdr-right .io-btn span{display:none}

  .bhdr-search{flex:0 0 auto;margin-left:auto}
  .bhdr-field{width:38px;height:38px;padding:0;justify-content:center;cursor:pointer}
  .bhdr-field input{display:none}
  .bhdr-in{position:relative}
  /* раскрытое поле занимает всю строку — логотип и бургер на это время прячем,
     иначе поле ложится поверх них и всё читается кашей */
  .bhdr-search.is-live{position:absolute;left:14px;right:14px;top:11px;z-index:5;flex:1 1 auto}
  .bhdr-search.is-live .bhdr-field{width:auto;height:38px;padding:0 13px;
    justify-content:flex-start;background:#fff}
  .bhdr-search.is-live .bhdr-field input{display:block;font-size:14px}
  .bhdr-in:has(.bhdr-search.is-live) .bhdr-logo,
  .bhdr-in:has(.bhdr-search.is-live) .bhdr-right{visibility:hidden}
}