/* HEADER */
.js-topbar{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.04);padding:7px var(--pad);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#475569;letter-spacing:.06em}
.js-topbar__socials{display:flex;gap:8px}
.js-topbar__socials a{width:26px;height:26px;background:rgba(28,110,179,.18);border:1px solid rgba(28,110,179,.28);color:#7bb3e0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;transition:all var(--ease)}
.js-topbar__socials a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.js-header{background:var(--white);border-bottom:3px solid var(--blue);position:sticky;top:0;z-index:100;box-shadow:var(--shadow);transition:box-shadow var(--ease)}
.js-header.scrolled{box-shadow:0 4px 24px rgba(11,17,32,.1)}
.js-header__inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.js-logo-text{font-family:var(--fh);font-size:26px;font-weight:900;letter-spacing:.04em;color:var(--navy)}
.custom-logo-link img{max-height:52px;width:auto}
.js-nav{display:flex;align-items:center}
.js-nav__menu{display:flex;gap:2px}
.js-nav__menu li a,.js-nav__menu li>a{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:7px 13px;border-radius:3px;transition:all var(--ease);display:block}
.js-nav__menu li a:hover,.js-nav__menu .current-menu-item>a{color:var(--blue);background:var(--blue-p)}
.js-nav__menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--white);border-top:2px solid var(--blue);border:1px solid var(--border);border-top:2px solid var(--blue);box-shadow:0 8px 28px rgba(11,17,32,.1);z-index:200}
.js-nav__menu li:hover>.sub-menu{display:block}
.js-nav__menu .sub-menu li a{padding:10px 18px;border-bottom:1px solid var(--border);border-radius:0;font-size:12px;color:var(--text);background:none}
.js-nav__menu .sub-menu li a:hover{background:var(--blue-p);color:var(--blue)}
.js-menu-toggle{display:none;background:transparent;border:1.5px solid var(--border);color:var(--navy);padding:7px 10px;border-radius:3px;transition:all var(--ease)}
.js-menu-toggle:hover{border-color:var(--blue);color:var(--blue)}
.js-burger{display:flex;flex-direction:column;gap:4px;pointer-events:none}
.js-burger span{display:block;width:20px;height:2px;background:currentColor;transition:all var(--ease)}
.js-search-toggle{background:var(--blue-p);border:1.5px solid rgba(28,110,179,.2);color:var(--blue);padding:7px 10px;border-radius:3px;font-size:14px;transition:all var(--ease)}
.js-search-toggle:hover{background:var(--blue);color:#fff}
.js-search-bar{background:var(--off);border-bottom:1px solid var(--border);padding:12px 0}
.js-ticker{background:var(--blue);padding:7px var(--pad);display:flex;align-items:center;overflow:hidden}
.js-ticker__label{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:rgba(0,0,0,.2);color:rgba(255,255,255,.9);padding:3px 12px;margin-right:18px;white-space:nowrap;border-radius:2px;flex-shrink:0}
.js-ticker__wrap{overflow:hidden;flex:1}
.js-ticker__inner{display:flex;gap:40px;animation:js-tick 30s linear infinite;white-space:nowrap}
@keyframes js-tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.js-ticker__item{font-size:12px;font-weight:600;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.js-ticker__item strong{color:#fff;font-weight:800}
.js-ticker__sep{color:rgba(255,255,255,.25);font-size:5px}
.js-sports-bar{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:3px solid var(--blue)}
.js-sport-tab{padding:15px 10px;text-align:center;border-right:1px solid var(--border);transition:background var(--ease);display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none}
.js-sport-tab:last-child{border-right:none}
.js-sport-tab:hover,.js-sport-tab.active{background:var(--blue)}
.js-sport-tab:hover .js-sport-tab__name,.js-sport-tab.active .js-sport-tab__name{color:#fff}
.js-sport-tab__icon{font-size:20px;transition:transform var(--ease)}
.js-sport-tab:hover .js-sport-tab__icon{transform:scale(1.1)}
.js-sport-tab__name{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color var(--ease)}
@media(max-width:1024px){.js-topbar{padding:6px 24px}.js-header__inner{padding:0 24px}.js-ticker{padding:6px 24px}.js-sports-bar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.js-menu-toggle{display:flex}.js-nav__menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:2px solid var(--blue);box-shadow:0 8px 24px rgba(11,17,32,.1);z-index:200}.js-nav__menu.open{display:flex}.js-nav__menu li a{border-bottom:1px solid var(--border);border-radius:0;padding:13px 20px}.js-sports-bar{grid-template-columns:repeat(2,1fr)}}