/* СКС-Макс: меню v3. Подключать ПОСЛЕ main.css и sks-header.css */
.sks-brand-header { overflow:visible; }
.sks-brand-header .sks-header-inner { position:relative; }
.sks-brand-header .sks-nav { display:flex; align-items:center; gap:clamp(9px,1.3vw,24px); margin-left:auto; }
.sks-nav .sks-nav-link { display:inline-flex; align-items:center; position:relative; padding:16px 0; font-size:13px; font-weight:700; white-space:nowrap; color:#eaf0f5; transition:color .2s ease; }
.sks-nav .sks-nav-link::after { content:""; position:absolute; bottom:8px; left:0; width:100%; height:3px; background:#ffca12; border-radius:4px; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.sks-nav .sks-nav-link:hover,.sks-nav .sks-nav-link:focus-visible,.sks-nav .sks-nav-link.is-current { color:#ffca12; }
.sks-nav .sks-nav-link:hover::after,.sks-nav .sks-nav-link:focus-visible::after,.sks-nav .sks-nav-link.is-current::after { transform:scaleX(1); }
.sks-nav-dropdown { position:relative; }
.sks-nav-parent { display:flex; align-items:center; gap:3px; }
.sks-submenu-toggle { color:#ffca12; border:0; background:transparent; padding:8px 5px; font-size:22px; line-height:1; cursor:pointer; }
.sks-submenu-toggle:focus-visible,.sks-nav a:focus-visible { outline:2px solid #ffca12; outline-offset:4px; }
.sks-submenu { display:none; position:absolute; top:100%; left:-18px; width:min(330px,85vw); padding:10px; border:1px solid #284357; background:#0b1d2b; border-radius:12px; box-shadow:0 18px 45px #0009; z-index:90; }
.sks-nav-dropdown:hover .sks-submenu,.sks-nav-dropdown:focus-within .sks-submenu,.sks-nav-dropdown.is-expanded .sks-submenu { display:grid; }
.sks-submenu a { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px; border-radius:7px; color:#eaf0f5; font-size:12px; font-weight:650; }
.sks-submenu a span { color:#ffca12; }
.sks-submenu a:hover,.sks-submenu a:focus-visible,.sks-submenu a[aria-current="page"] { background:#173247; color:#ffca12; }
.sks-brand-header .header-actions .btn { white-space:nowrap; box-shadow:0 4px 20px #ffca1225; }
@media (max-width:1100px) { .sks-brand-header .sks-nav { gap:10px; } .sks-nav .sks-nav-link { font-size:12px; } }
@media (max-width:850px) {
  .sks-brand-header .sks-nav { display:none; position:absolute; top:100%; left:0; right:0; width:100%; max-height:min(75vh,650px); overflow-y:auto; padding:16px 20px 22px; background:#081725; border-top:1px solid #2b4052; box-shadow:0 16px 35px #0008; flex-direction:column; align-items:stretch; gap:2px; z-index:90; }
  .sks-brand-header .sks-nav.is-open { display:flex; }
  .sks-nav .sks-nav-link { width:100%; padding:12px 0; font-size:15px; }
  .sks-nav .sks-nav-link::after { bottom:5px; width:42px; }
  .sks-nav-parent { justify-content:space-between; }
  .sks-submenu-toggle { padding:8px 15px; }
  .sks-submenu { display:none; position:static; width:100%; padding:6px; margin:0 0 8px; border-radius:8px; box-shadow:none; background:#11283a; }
  .sks-nav-dropdown:hover .sks-submenu { display:none; }
  .sks-nav-dropdown.is-expanded .sks-submenu { display:grid; }
}
@media (prefers-reduced-motion:reduce) { .sks-nav *, .sks-nav *::after { transition:none!important; } }
