/* Одна и та же шапка для главной и и всех внутренних страниц. */
body.site-home .mobile-menu-backdrop,body.site-internal .mobile-menu-backdrop{display:none}
body.site-home .index-modern-menu .menu-avatar,
body.site-internal .index-modern-menu .menu-avatar{display:none!important}
body.site-internal .shared-header-shell{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:0 24px}

body.site-home .index-modern-header,
body.site-internal .index-modern-header{position:relative!important;display:flex!important;align-items:center!important;gap:22px!important;box-sizing:border-box!important;width:100%!important;max-width:1240px!important;height:88px!important;min-height:88px!important;margin:0 auto!important;padding:10px 22px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.site-home .index-modern-logo,
body.site-internal .index-modern-logo{display:flex!important;order:1!important;align-items:center!important;flex:0 0 auto!important;gap:12px!important;min-width:300px!important;margin:0!important;color:#0b5270!important;font-family:'PT Sans Narrow',Arial,sans-serif!important;letter-spacing:0!important;text-decoration:none!important}
body.site-home .index-modern-logo img,
body.site-internal .index-modern-logo img{display:block!important;width:60px!important;height:68px!important;object-fit:contain!important}
body.site-home .index-modern-logo span,
body.site-internal .index-modern-logo span{display:block!important}
body.site-home .index-modern-logo b,
body.site-internal .index-modern-logo b{display:block!important;color:#0d5875!important;font:700 22px/1 'PT Sans Narrow',Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important}
body.site-home .index-modern-logo small,
body.site-internal .index-modern-logo small{display:block!important;margin-top:6px!important;color:#78909b!important;font:400 11px/1.1 'PT Sans Narrow',Arial,sans-serif!important;white-space:nowrap!important}
body.site-home .index-modern-nav,
body.site-internal .index-modern-nav{display:block!important;order:2!important;flex:0 1 800px!important;box-sizing:border-box!important;width:100%!important;height:48px!important;min-width:0!important;margin:0 0 0 auto!important;padding:4px!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 12px rgba(15,151,177,.14)!important;overflow:visible!important}
body.site-home .index-modern-menu,
body.site-internal .index-modern-menu{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;height:40px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:1!important;list-style:none!important}
body.site-home .index-modern-menu li,
body.site-internal .index-modern-menu li{position:static!important;display:flex!important;align-items:center!important;flex:1 1 auto!important;height:40px!important;margin:0!important;padding:0!important;background:none!important;line-height:1!important;list-style:none!important}
body.site-home .index-modern-menu li:before,
body.site-internal .index-modern-menu li:before{display:none!important;content:none!important}
body.site-home .index-modern-menu a,
body.site-internal .index-modern-menu a{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;height:40px!important;padding:11px 13px!important;border:0!important;border-radius:22px!important;background:transparent!important;color:#214e69!important;font:700 13px/1 'PT Sans Narrow',Arial,sans-serif!important;text-align:center!important;text-decoration:none!important;text-shadow:none!important;white-space:nowrap!important}
body.site-home .index-modern-menu a:hover,
body.site-internal .index-modern-menu a:hover,
body.site-home .index-modern-menu a.is-active,
body.site-internal .index-modern-menu a.is-active{background:#dff6fa!important;color:#17627a!important}
body.site-home .index-modern-menu-toggle,
body.site-internal .index-modern-menu-toggle{display:flex!important;order:3!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;gap:0!important;box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:2px solid #d5edf3!important;border-radius:50%!important;background:#fff!important;color:#17627a!important;cursor:pointer!important}
body.site-home .index-modern-menu-toggle>span:last-child,
body.site-internal .index-modern-menu-toggle>span:last-child{display:none!important}
body.site-home .index-modern-menu-toggle .mobile-menu-icon,
body.site-internal .index-modern-menu-toggle .mobile-menu-icon{display:flex!important;flex-direction:column!important;gap:4px!important}
body.site-home .index-modern-menu-toggle .mobile-menu-icon i,
body.site-internal .index-modern-menu-toggle .mobile-menu-icon i{display:block!important;width:20px!important;height:2px!important;border-radius:2px!important;background:#17627a!important}

@media (max-width:1000px) and (min-width:701px){
  body.site-home .index-modern-header,body.site-internal .index-modern-header{gap:8px!important;height:76px!important;min-height:76px!important;padding:9px 14px!important}
  body.site-home .index-modern-logo,body.site-internal .index-modern-logo{min-width:205px!important}
  body.site-home .index-modern-logo img,body.site-internal .index-modern-logo img{width:38px!important;height:46px!important}
  body.site-home .index-modern-logo b,body.site-internal .index-modern-logo b{font-size:15px!important}
  body.site-home .index-modern-logo small,body.site-internal .index-modern-logo small{font-size:8px!important}
  body.site-home .index-modern-menu a,body.site-internal .index-modern-menu a{padding:8px 7px!important;font-size:10px!important}
}

@media (max-width:700px){
  body.site-internal .shared-header-shell{padding:0 12px}
  body.site-home .index-modern-header,body.site-internal .index-modern-header{display:block!important;height:auto!important;min-height:0!important;padding:12px!important}
  body.site-home .index-modern-logo,body.site-internal .index-modern-logo{min-width:0!important;margin:0 52px 10px 0!important}
  body.site-home .index-modern-logo img,body.site-internal .index-modern-logo img{width:42px!important;height:48px!important}
  body.site-home .index-modern-logo b,body.site-internal .index-modern-logo b{font-size:17px!important}
  body.site-home .index-modern-logo small,body.site-internal .index-modern-logo small{font-size:9px!important;white-space:normal!important}
  body.site-home .index-modern-nav,body.site-internal .index-modern-nav{display:none!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
  body.site-home .index-modern-nav:has(.mobile-menu-open),body.site-internal .index-modern-nav:has(.mobile-menu-open){display:block!important}
  body.site-home .index-modern-menu,body.site-internal .index-modern-menu{display:none!important;height:auto!important;flex-direction:column!important;align-items:stretch!important}
  body.site-home .index-modern-menu.mobile-menu-open,body.site-internal .index-modern-menu.mobile-menu-open{display:flex!important}
  body.site-home .index-modern-menu li,body.site-internal .index-modern-menu li{display:block!important;height:auto!important}
  body.site-home .index-modern-menu a,body.site-internal .index-modern-menu a{height:auto!important;padding:10px 12px!important;border:1px solid #d4edf1!important;border-radius:8px!important;background:#f8fdfe!important;font-size:13px!important}
  body.site-home .index-modern-menu a,body.site-internal .index-modern-menu a{justify-content:flex-start!important;gap:10px!important;text-align:left!important}
  body.site-home .index-modern-menu a>span:last-child,body.site-internal .index-modern-menu a>span:last-child{display:block!important;flex:1 1 auto!important;text-align:left!important}
  body.site-home .index-modern-menu .menu-avatar,body.site-internal .index-modern-menu .menu-avatar{display:inline-flex!important;flex:0 0 30px!important;width:30px!important;height:30px!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#dff6fa!important;color:#168ca5!important;font:700 16px/1 Arial,sans-serif!important}
  body.site-home .index-modern-menu .menu-avatar-home,body.site-internal .index-modern-menu .menu-avatar-home{background:#d8f4f8!important}
  body.site-home .index-modern-menu .menu-avatar-register,body.site-internal .index-modern-menu .menu-avatar-register{background:#fff1b9!important;color:#967400!important}
  body.site-home .index-modern-menu .menu-avatar-cabinet,body.site-internal .index-modern-menu .menu-avatar-cabinet{background:#e2dcfa!important;color:#6e5ba9!important}
  body.site-home .index-modern-menu .menu-avatar-about,body.site-internal .index-modern-menu .menu-avatar-about{background:#e4eefe!important;color:#5576a6!important}
  body.site-home .index-modern-menu .menu-avatar-admin,body.site-internal .index-modern-menu .menu-avatar-admin{background:#f8dfe2!important;color:#a45159!important}
  body.site-home .index-modern-menu .menu-avatar-commoninfo,body.site-internal .index-modern-menu .menu-avatar-commoninfo{background:#ffe9b8!important;color:#997219!important}
  body.site-home .index-modern-menu .menu-avatar-portfolio,body.site-internal .index-modern-menu .menu-avatar-portfolio{background:#e7def9!important;color:#735da7!important}
  body.site-home .index-modern-menu .menu-avatar-documents,body.site-internal .index-modern-menu .menu-avatar-documents{background:#d8f2f5!important;color:#218294!important}
  body.site-home .index-modern-menu-toggle,body.site-internal .index-modern-menu-toggle{position:absolute!important;top:16px!important;right:12px!important}
}

/* Мобильное меню-слой: панель выезжает поверх страницы, фон затемняется. */
@media (max-width:700px){
  body.site-home.mobile-menu-open,
  body.site-internal.mobile-menu-open{overflow:hidden!important}
  body.site-home .mobile-menu-backdrop,
  body.site-internal .mobile-menu-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(19,52,65,.42)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .25s ease,visibility .25s ease!important;
  }
  body.site-home.mobile-menu-open .mobile-menu-backdrop,
  body.site-internal.mobile-menu-open .mobile-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.site-home .index-modern-nav,
  body.site-internal .index-modern-nav{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1001!important;
    display:block!important;
    width:min(340px,88vw)!important;
    height:100vh!important;
    min-height:100vh!important;
    margin:0!important;
    padding:82px 16px 20px!important;
    border:0!important;
    border-radius:20px 0 0 20px!important;
    background:#f8fdfe!important;
    box-shadow:-12px 0 32px rgba(18,71,88,.2)!important;
    overflow-y:auto!important;
    transform:translateX(105%)!important;
    transition:transform .28s cubic-bezier(.22,.8,.25,1)!important;
  }
  body.site-home.mobile-menu-open .index-modern-nav,
  body.site-internal.mobile-menu-open .index-modern-nav{
    transform:translateX(0)!important;
  }
  body.site-home .index-modern-menu,
  body.site-internal .index-modern-menu,
  body.site-home .index-modern-menu.mobile-menu-open,
  body.site-internal .index-modern-menu.mobile-menu-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    height:auto!important;
    margin:0!important;
  }
  body.site-home .index-modern-menu a,
  body.site-internal .index-modern-menu a{
    min-height:52px!important;
    padding:10px 14px!important;
    border:1px solid #cdebf0!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 2px 6px rgba(23,98,122,.03)!important;
  }
  body.site-home .index-modern-menu a:hover,
  body.site-internal .index-modern-menu a:hover,
  body.site-home .index-modern-menu a.is-active,
  body.site-internal .index-modern-menu a.is-active{background:#e1f7fa!important}
  body.site-home .index-modern-menu-toggle,
  body.site-internal .index-modern-menu-toggle{z-index:1003!important;transition:background .2s ease!important}
  body.site-home.mobile-menu-open .index-modern-menu-toggle,
  body.site-internal.mobile-menu-open .index-modern-menu-toggle{background:#fff!important}
  body.site-home .index-modern-menu-toggle .mobile-menu-icon i,
  body.site-internal .index-modern-menu-toggle .mobile-menu-icon i{transition:transform .25s ease,opacity .2s ease!important}
  body.site-home.mobile-menu-open .index-modern-menu-toggle .mobile-menu-icon i:nth-child(1),
  body.site-internal.mobile-menu-open .index-modern-menu-toggle .mobile-menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  body.site-home.mobile-menu-open .index-modern-menu-toggle .mobile-menu-icon i:nth-child(2),
  body.site-internal.mobile-menu-open .index-modern-menu-toggle .mobile-menu-icon i:nth-child(2){opacity:0!important}
  body.site-home.mobile-menu-open .index-modern-menu-toggle .mobile-menu-icon i:nth-child(3),
  body.site-internal.mobile-menu-open .index-modern-menu-toggle .mobile-menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}
}

@media (prefers-reduced-motion:reduce){
  body.site-home .index-modern-nav,body.site-internal .index-modern-nav,
  body.site-home .mobile-menu-backdrop,body.site-internal .mobile-menu-backdrop{transition:none!important}
}
