/* Header CSS — единый файл для всех страниц asha-risk.ru */
/* Источник: index.html, 04.04.2026 */

/* === Шрифты === */
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* === Desktop === */
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;padding-top:max(1rem,env(safe-area-inset-top));background:rgba(4,15,40,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);transition:.3s;will-change:transform}
.hi{max-width:1120px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none}.logo-info{display:flex;flex-direction:column}.ln{font-family:'Manrope',sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.2em;color:var(--a);line-height:1.1}.ls{font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);font-weight:500;margin-top:.1rem}
nav{display:flex;align-items:center;gap:2rem}nav>a{color:var(--t2);font-size:.82rem;letter-spacing:.03em;transition:.3s;text-decoration:none}nav>a:hover{color:var(--a)}
.nc{color:var(--a)!important;border:1px solid var(--bd2);padding:.5rem 1.2rem;border-radius:6px;font-weight:500;background:transparent;font-size:.82rem}.nc:hover{border-color:var(--a);background:rgba(200,165,90,.08);transform:translateY(-2px)}

/* Mega-menu dropdowns */
.nav-dd{position:relative;display:flex;align-items:center}.nav-dd-trigger{color:var(--t2);font-size:.82rem;letter-spacing:.03em;transition:.3s;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;padding:.4rem .6rem;border-radius:6px}.nav-dd-trigger:hover{color:var(--a)}.nav-arrow{font-size:.55rem;transition:transform .3s;display:inline-block}.nav-dd:hover .nav-arrow{transform:rotate(180deg)}.nav-dd::after{content:'';position:absolute;top:100%;left:-1rem;right:-1rem;height:25px;background:transparent}
.nav-dd-menu{position:fixed;top:var(--hdr-h,65px);left:0;right:0;width:100%;background:rgba(4,15,40,.98);backdrop-filter:blur(30px);border-top:2px solid var(--a3);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility 0s .25s;z-index:200;pointer-events:none;padding:2rem 0}.nav-dd:hover .nav-dd-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .25s,transform .25s,visibility 0s 0s}
.nav-dd-menu-inner{max-width:1120px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.nav-dd-menu-col{display:flex;flex-direction:column;gap:.8rem}.nav-dd-menu-col-title{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--a3);font-weight:600;margin-bottom:.2rem}.nav-dd-menu a{color:var(--t2);font-size:.85rem;letter-spacing:.02em;transition:.2s;text-decoration:none;display:inline-block}.nav-dd-menu a:hover{color:var(--a)}

/* Burger & close — hidden on desktop */
.mb{display:none;background:none;border:1px solid var(--bd2);color:var(--a);font-size:1.3rem;cursor:pointer;padding:.4rem .6rem;border-radius:6px;min-width:48px;min-height:48px;-webkit-tap-highlight-color:rgba(200,165,90,.3);touch-action:manipulation}.mob-close{display:none;-webkit-tap-highlight-color:rgba(200,165,90,.3);touch-action:manipulation}

/* Search */
.hdr-search{position:relative;display:flex;align-items:center}.hdr-search-btn{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border-radius:50%;color:#C8A55A;border:1px solid rgba(200,165,90,.25);transition:.3s;background:transparent;cursor:pointer;font-size:0}.hdr-search-btn:hover{background:rgba(200,165,90,.12);border-color:#C8A55A;transform:scale(1.1)}
.hdr-search-box{position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;opacity:0;overflow:hidden;transition:width .4s ease,opacity .3s ease;background:rgba(4,15,40,.97);border:1px solid var(--bd2);border-radius:8px;backdrop-filter:blur(20px)}.hdr-search-box.open{width:280px;opacity:1;padding:.4rem .6rem}
.hdr-search-box input{width:100%;background:transparent;border:none;color:var(--t);font-family:inherit;font-size:.82rem;outline:none;padding:.3rem .4rem}
.hdr-search-box input::placeholder{color:var(--t3)}

/* Nav-open body lock */
body.nav-open{overflow:hidden;position:fixed;width:100%;top:0}
.nav-mob-bottom{display:none}

/* === Tablet (901-1200px) === */
@media(min-width:901px) and (max-width:1200px){
.hi{padding:0 1rem;gap:.5rem}
nav{gap:.5rem}
.nav-dd-trigger{font-size:.72rem;padding:.3rem .35rem;letter-spacing:.01em}
.nav-arrow{font-size:.45rem}
.nc.hdr-cta-desktop{font-size:.7rem;padding:.3rem .7rem;border-radius:5px}
.hdr-search-btn{min-width:34px;min-height:34px;width:34px;padding:0!important;border-radius:50%!important}
.hdr-search-btn span{display:none!important}
.hdr-search-btn svg{width:15px;height:15px}
.logo svg{width:22px;height:28px}
.ln{font-size:.95rem;letter-spacing:.12em}
.ls{font-size:.42rem;letter-spacing:.1em}
.hi>a[href="/analytics/"]{font-size:.65rem!important;margin-left:.6rem!important;letter-spacing:.05em!important}
}

/* === Mobile (<900px) — compact overrides === */
@media(max-width:900px){.nav-mob-bottom{display:block}.hdr-cta-desktop{display:none!important}.hdr-search-btn span{display:none!important}.hdr-search-btn{width:36px!important;padding:0!important;border-radius:50%!important}.mb{position:relative;z-index:200}
/* Лого + Аналитика — компактные размеры для выравнивания на мобиле (2026-04-08) */
.logo svg{width:22px;height:28px}
.ln{font-size:.95rem;letter-spacing:.12em}
.ls{font-size:.42rem;letter-spacing:.1em}
.hi>a[href="/analytics/"]{font-size:.58rem!important;margin:0 auto!important;padding:0!important;letter-spacing:.05em!important;font-weight:300!important;line-height:1!important;display:flex!important;align-items:center!important;align-self:center!important;justify-content:center!important;flex-grow:1!important;flex-shrink:1!important;flex-basis:0!important;min-width:0!important}
}

/* === Mobile (<900px) — fullscreen nav panel === */
@media(max-width:900px){
nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;background:#040F28;flex-direction:column;padding:0;gap:0;z-index:9999;overflow-y:auto;align-items:stretch;-webkit-overflow-scrolling:touch}
nav.open{display:flex!important}
nav::before{content:'ASHA';display:flex;align-items:center;min-height:60px;padding:1.2rem 1.5rem .8rem;font-family:'Manrope',sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.2em;color:var(--a);flex-shrink:0}
nav::after{display:none}
.nav-dd{border-bottom:1px solid rgba(200,165,90,.08)}
.nav-dd:first-of-type{border-top:1px solid rgba(200,165,90,.08)}
.nav-dd-trigger{width:100%;justify-content:space-between!important;padding:1rem 1.5rem!important;font-size:1rem!important;font-weight:400;color:var(--t)!important;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}
.nav-dd-trigger:active{color:var(--a)!important}
.nav-arrow{font-size:.55rem;opacity:.4;transition:transform .3s,opacity .3s}
.nav-dd.open .nav-arrow{transform:rotate(180deg);opacity:1;color:var(--a)}
.nav-dd-menu{position:static!important;transform:none!important;width:100%;margin-left:0!important;min-width:100%;margin-top:0;border:none;border-radius:0;background:rgba(200,165,90,.03);box-shadow:none;padding:0;max-height:0;overflow:hidden;transition:max-height .35s ease;display:block!important;opacity:1!important;visibility:visible!important;border-top:1px solid rgba(200,165,90,.06)}
.nav-dd-menu-inner{display:flex;flex-direction:column;gap:0;max-width:none;margin:0;padding:.4rem 0}
.nav-dd:hover .nav-dd-menu{max-height:0}
.nav-dd.open .nav-dd-menu{max-height:800px!important;pointer-events:auto!important}
.nav-dd-menu a{padding:.65rem 2rem;font-size:.88rem;font-weight:300;white-space:normal;color:var(--t2)!important;border-bottom:none;transition:background .2s,color .2s;border-radius:0;display:block;letter-spacing:.01em}
.nav-dd-menu a:active{background:rgba(200,165,90,.06);color:var(--a)!important}
.nav-dd-menu-col-title{padding:.7rem 2rem .3rem;font-size:.62rem;letter-spacing:.15em;color:var(--a3);font-weight:600;text-transform:uppercase;opacity:.6}
.nav-dd-menu-col{gap:.1rem}
.nav-mob-bottom{margin-top:auto;padding:1.2rem 1.5rem 2rem;border-top:1px solid rgba(200,165,90,.1);flex-shrink:0}
.nav-mob-cta{display:block;text-align:center;padding:.85rem 1rem;font-size:.92rem;border-radius:8px;color:var(--a);border:1px solid rgba(200,165,90,.25);font-weight:500;letter-spacing:.03em;text-decoration:none;transition:background .2s,border-color .2s}
.nav-mob-cta:active{background:rgba(200,165,90,.1);border-color:var(--a)}
.nav-mob-contacts{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}
.nav-mob-contacts a{display:flex;align-items:center;gap:.4rem;color:var(--t3);font-size:.78rem;text-decoration:none;transition:color .2s}
.nav-mob-contacts a:active{color:var(--a)}
.nav-mob-contacts svg{width:16px;height:16px;flex-shrink:0;opacity:.6}
.mb{display:block;z-index:200;position:relative}
.mob-close{display:block;position:fixed;top:1rem;right:1.2rem;background:none;border:none;color:var(--t2);font-size:2rem;cursor:pointer;z-index:201;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.nav-dd-menu a{min-height:48px;display:flex;align-items:center}
}

/* Touch & accessibility */
a,button,input,select,textarea,[role="button"]{touch-action:manipulation}
input,textarea,select{font-size:max(.88rem,16px)}

/* === Иконки header: поиск + TG-канал — всегда одинаковые круги (2026-04-07) === */
/* Десктоп ≥1201px: 48×48 */
.hdr-tg-channel,.hdr-search-btn{
  box-sizing:border-box;
  width:48px!important;height:48px!important;
  min-width:48px!important;min-height:48px!important;
  padding:0!important;
  border-radius:50%!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0;
}
.hdr-tg-channel svg,.hdr-search-btn svg{width:22px!important;height:22px!important;display:block!important}
.hdr-search-btn span{display:none!important}

/* Логотип на мобиле не должен переноситься */
@media(max-width:900px){
  .logo{flex-shrink:0}
  .logo-info{white-space:nowrap;min-width:0}
  .ln,.ls{white-space:nowrap}
  /* Обе иконки 36×36, синхронно */
  .hdr-tg-channel,.hdr-search-btn{
    width:36px!important;height:36px!important;
    min-width:36px!important;min-height:36px!important;
  }
  .hdr-tg-channel svg,.hdr-search-btn svg{width:18px!important;height:18px!important}
  /* Сжимаем gap правой группы header — три иконки рядом */
  .hi>div:last-child{gap:.45rem!important}
}
/* Планшет 901-1200px: 34×34 */
@media(min-width:901px) and (max-width:1200px){
  .hdr-tg-channel,.hdr-search-btn{
    width:34px!important;height:34px!important;
    min-width:34px!important;min-height:34px!important;
  }
  .hdr-tg-channel svg,.hdr-search-btn svg{width:15px!important;height:15px!important}
}