:root{--nav-w:1100px}
/* Единый стиль шапки для ВСЕХ страниц. Источник правды — только этот файл.
   Правишь шапку — правишь здесь; scripts/check-header.py гарантирует идентичность. */


/* NAV */
.nav{line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(10,10,15,.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.06);
  height:56px;
  display:flex;align-items:center;
}

.nav-inner{
  width:100%;max-width:var(--nav-w);margin:0 auto;
  padding:0 16px;
  display:flex;align-items:center;justify-content:space-between;
}

.nav-logo{display:block;height:48px;width:auto}

.nav-links{display:flex;gap:18px;align-items:center;font-size:.9rem;display:none}

.nav-links a{color:var(--text);transition:color .2s}

.nav-links a:hover{color:var(--text)}

.nav-call{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--red);color:#fff;
  padding:8px 16px;border-radius:8px;
  font-size:.85rem;font-weight:600;
  transition:background .2s;
  white-space:nowrap;
}

.nav-call:hover{background:var(--red-h)}

.nav-call svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:767px){
.nav-call span{display:none}
.nav-call{padding:8px;gap:0}
}

.nav-links a{white-space:nowrap}

.nav-dl{display:none;align-items:center;gap:6px;background:var(--bg3);color:var(--text);border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}

.nav-dl:hover{background:var(--bg2);border-color:rgba(255,255,255,.22)}

.nav-dl svg{width:15px;height:15px;flex-shrink:0}

.lang{position:relative}

.lang>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--text2);padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;white-space:nowrap;transition:border-color .2s,color .2s}

.lang>summary::-webkit-details-marker{display:none}

.lang>summary:hover{color:var(--text);border-color:rgba(255,255,255,.22)}

.lang>summary svg{width:15px;height:15px;flex-shrink:0}

.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;display:flex;flex-direction:column;min-width:128px;box-shadow:0 10px 28px rgba(0,0,0,.45);z-index:101}

.lang-menu a{padding:9px 12px;border-radius:6px;font-size:.88rem;color:var(--text2);white-space:nowrap;transition:background .15s,color .15s}

.lang-menu a:hover{background:var(--bg3);color:var(--text)}

.lang-menu a.cur{color:var(--red-text);font-weight:700}
@media(max-width:767px){
.lang>summary{padding:7px 8px;gap:0}
.lang-code{display:none}
}


.nav-burger{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:8px;margin-right:-8px}

.nav-burger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}

.nav-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}

.nav-burger.open span:nth-child(2){opacity:0}

.nav-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}


.mob-menu{line-height:1.6;
  display:none;
  position:fixed;top:56px;left:0;right:0;bottom:0;
  background:rgba(10,10,15,.97);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  z-index:99;
  flex-direction:column;align-items:center;justify-content:center;gap:24px;
  font-size:1.1rem;
  overflow-y:auto;
  padding:24px 16px;
  -webkit-overflow-scrolling:touch;
}

.mob-menu.open{display:flex}

.mob-menu a{color:var(--text2);transition:color .2s}

.mob-menu a:hover{color:var(--text)}
@media(max-height:640px){

  .mob-menu{justify-content:flex-start;gap:16px;font-size:1rem;padding-top:72px}
}
@media(min-width:768px){

  .nav-dl{display:inline-flex}
}
@media(min-width:1080px){

  .nav-links{display:flex}

  .nav-burger{display:none}
}