/* === НАЧАЛО: согласованный хедер, перенесён со старой страницы один в один. Цвета через токены новой системы === */
.nav,.mmenu{--white:var(--fg);--navy-900:var(--bg);--navy-800:var(--surface);--navy-700:var(--surface-2);--pad:var(--gutter)}
.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-header);border-block-end:1px solid transparent;transition:background .3s,border-color .3s}
.nav.solid{background:color-mix(in oklab,var(--bg) 86%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block-end-color:var(--line-soft)}
.nav-in{display:flex;align-items:center;gap:26px;min-height:74px}
.logo{font-family:var(--disp);font-weight:800;font-size:17px;letter-spacing:-.03em;color:var(--white)}
.logo i{font-style:normal;color:var(--red)}
.nav-links{display:flex;gap:24px;margin-inline-start:auto}
.nav-links a{font-size:15px;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--white)}
.nav-links{display:flex;gap:22px;margin-inline-start:auto;align-items:stretch}
.nav-i{position:relative;display:flex;align-items:center}
.nav-i>a{font-size:15px;color:var(--muted);display:inline-flex;align-items:center;gap:7px;
  padding-block:26px;transition:color .2s;white-space:nowrap}
.nav-i>a:hover,.nav-i:hover>a{color:var(--white)}
.nav-i.has>a::after{content:"";inline-size:5px;block-size:5px;border-inline-end:1px solid currentColor;
  border-block-end:1px solid currentColor;transform:rotate(45deg) translate(-1px,-2px);opacity:.65}
.drop{position:absolute;inset-block-start:100%;inset-inline-start:-14px;min-inline-size:300px;
  background:var(--navy-800);border:1px solid var(--line);border-radius:6px;padding:10px;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s;
  box-shadow:0 34px 80px -28px rgba(0,0,0,.92);display:grid;gap:1px;z-index:90}
.nav-i:hover .drop,.nav-i:focus-within .drop{opacity:1;visibility:visible;transform:none}
.drop a{display:block;padding-block:9px;padding-inline:12px;border-radius:4px;font-size:14.5px;
  color:var(--text);line-height:1.35;transition:background .18s,color .18s}
.drop a:hover{background:var(--navy-700);color:var(--white)}
.drop .dh{padding-block:7px;padding-inline:12px;font-family:var(--mono);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.burger{display:none;inline-size:44px;block-size:44px;margin-inline-start:auto;align-items:center;
  justify-content:center;background:transparent;border:1px solid var(--line);border-radius:4px;cursor:pointer}
.burger span{display:block;inline-size:18px;block-size:1.5px;background:var(--white);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;inset-inline:0;block-size:1.5px;background:var(--white)}
.burger span::before{inset-block-start:-6px}
.burger span::after{inset-block-start:6px}
.mmenu{position:fixed;inset:0;z-index:calc(var(--z-header) + 1);background:var(--navy-900);overflow-y:auto;
  padding-block:88px 40px;padding-inline:var(--pad);transform:translateX(102%);
  transition:transform .35s cubic-bezier(.16,1,.3,1);display:none}
.mmenu.vis{display:block}
.mmenu.on{transform:none}
.mmenu-x{position:absolute;inset-block-start:16px;inset-inline-end:var(--pad);inline-size:44px;block-size:44px;
  border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--white);font-size:22px;cursor:pointer}
.mgroup{margin-block-end:26px}
.mgroup p{margin:0 0 10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--red)}
.mgroup .dh{display:block;padding-block:10px 4px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mgroup a{display:block;padding-block:10px;font-size:16px;color:var(--text);border-block-end:1px solid var(--line-soft)}
.mgroup a:hover{color:var(--white)}
@media(max-width:1140px){.nav-links{display:none}}
@media(max-width:640px){.nav-in{min-height:62px}}
@media(max-width:1180px){.nav-links{display:none} .burger{display:flex}}
/* шапка прячется при прокрутке вниз и возвращается вверх, как в 6.1 */
.nav{transition:background .3s,border-color .3s,transform var(--t) var(--ease)}
.nav.is-hidden{transform:translateY(-100%)}
.nav-in{padding-inline:var(--gutter);max-width:1400px;margin-inline:auto;width:100%}
.nav .theme{margin-inline-start:12px}
.nav .btn{margin-inline-start:0}
@media (max-width:640px){.nav .theme{display:none}}
@media (max-width:600px){.nav .btn{display:none}}
/* === КОНЕЦ: согласованный хедер === */