/* ============================================================
   RAUM — единая шапка для ВНУТРЕННИХ страниц (каталог, блог).
   Тот же визуал, что CD-шапка главной (site-header), но:
   • position:sticky + сплошной фон paper (на внутренних нет hero,
     прозрачная плавающая шапка была бы нечитаема);
   • зависит ТОЛЬКО от токенов (raum-cd-tokens.css) — не тянет
     весь CD-движок, поэтому не конфликтует с raum.css (тело).
   Разметка идентична главной → визуальная консистентность.
   ============================================================ */
.site-header{position:sticky;top:0;left:0;right:0;z-index:80;
  background:var(--paper);border-bottom:1px solid var(--line);}
.site-header__inner{max-width:var(--maxw);margin:0 auto;padding:18px var(--gutter,clamp(20px,5vw,72px));
  display:flex;align-items:center;justify-content:space-between;gap:24px;}
.site-header .brand{font-family:var(--font-display);font-weight:500;font-size:19px;
  letter-spacing:.42em;padding-left:.42em;color:var(--ink);}
.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:400;letter-spacing:.01em;}
.main-nav__link{color:var(--ink);opacity:.78;transition:opacity .3s var(--ease);}
.main-nav__link:hover{opacity:1;}
.header-actions{display:flex;align-items:center;gap:20px;}
.header-meta{text-align:right;line-height:1.25;}
.header-meta__city{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted,rgba(17,17,17,.5));}
.header-meta__phone{font-family:var(--font-display);font-weight:400;font-size:14px;color:var(--ink);}
.burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:var(--r);cursor:pointer;}
.burger__line{width:18px;height:1.5px;background:var(--ink);display:block;}

/* Mobile menu overlay — закрыто по умолчанию (JS из app.js добавляет .is-open) */
.mobile-menu{position:fixed;inset:0;z-index:90;background:var(--paper);
  display:none;flex-direction:column;padding:24px var(--gutter,clamp(20px,5vw,72px));}
.mobile-menu.is-open{display:flex;}
.mobile-menu__top{display:flex;align-items:center;justify-content:space-between;}
.mobile-menu .brand{font-family:var(--font-display);font-weight:500;font-size:19px;letter-spacing:.42em;padding-left:.42em;color:var(--ink);}
.mobile-menu__close{width:42px;height:42px;border:1px solid var(--line);background:transparent;
  border-radius:var(--r);cursor:pointer;font-size:20px;line-height:1;color:var(--ink);}
.mobile-menu__nav{display:flex;flex-direction:column;gap:6px;margin-top:48px;
  font-family:var(--font-display);font-weight:300;font-size:30px;letter-spacing:-.01em;}
.mobile-menu__link{padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);}
.mobile-menu__foot{margin-top:auto;font-size:14px;color:var(--muted,rgba(17,17,17,.5));}
.mobile-menu__foot-city{margin-bottom:4px;}
.mobile-menu__phone{font-family:var(--font-display);font-size:18px;color:var(--ink);}

@media (max-width:900px){
  .main-nav{display:none;}
  .header-meta{display:none;}
  .burger{display:flex;}
}