/* ═══════════════════════════════════════
   Header Style 2 v6.0 — style.css
═══════════════════════════════════════ */
/* ── NOTE ──
   All admin-controllable variables (colors, spacing, hamburger,
   navigation, navmenu, etc.) are injected as :root variables by
   header-style-2.php (hs2_inject_vars), based on saved settings.
   This block ONLY defines internal/derived helper variables that are
   NOT exposed in the admin panel, so the panel's :root values are
   never overridden by hardcoded fallbacks here (fixes spacing &
   settings panel not applying). #hs2-wrap.hs2-dark below still wins
   over :root for dark-mode colors thanks to higher selector specificity. */
#hs2-wrap{
    --hs2-search-bg:#f3f3f3;--hs2-hover-bg:#f5f5f5;--hs2-drop-bg:#ffffff;
    --hs2-icon-c:#333333;--hs2-trk-bg:#dddddd;--hs2-thm-bg:#ffffff;
    --hs2-shadow:0 2px 12px rgba(0,0,0,.07);--hs2-shadow-lg:0 8px 28px rgba(0,0,0,.10);
    --hs2-tr:.28s ease;
    --hs2-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
#hs2-wrap.hs2-dark{
    --hs2-header-bg:#121212;--hs2-topbar-bg:#0d0d0d;--hs2-nav-bg:#181818;--hs2-sidebar-bg:#161616;
    --hs2-text:#f0f0f0;--hs2-muted:#999999;--hs2-border:#2a2a2a;
    --hs2-search-bg:#242424;--hs2-hover-bg:#222222;--hs2-drop-bg:#1e1e1e;
    --hs2-icon-c:#cccccc;--hs2-trk-bg:#444444;
    --hs2-shadow:0 2px 12px rgba(0,0,0,.45);--hs2-shadow-lg:0 8px 28px rgba(0,0,0,.55);
}
#hs2-wrap*,#hs2-wrap*::before,#hs2-wrap*::after{box-sizing:border-box;margin:0;padding:0}
#hs2-wrap{font-family:var(--hs2-font);color:var(--hs2-text);transition:color var(--hs2-tr)}
#hs2-wrap a{text-decoration:none;color:inherit}
#hs2-wrap ul{list-style:none}
#hs2-wrap button{cursor:pointer;font-family:var(--hs2-font);border:none;background:none}

/* TOP BAR */
#hs2-topbar{background:var(--hs2-topbar-bg);border-bottom:1px solid var(--hs2-border);height:var(--hs2-tb-h);margin-top:var(--hs2-tb-mt);margin-bottom:var(--hs2-tb-mb);transition:background var(--hs2-tr),border-color var(--hs2-tr)}
.hs2-tb-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto;padding:var(--hs2-tb-pt) var(--hs2-tb-pr) var(--hs2-tb-pb) var(--hs2-tb-pl)}
.hs2-tb-l,.hs2-tb-r{display:flex;align-items:center;gap:10px}
.hs2-tb-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--hs2-muted);font-weight:500;white-space:nowrap}
.hs2-tb-sep{color:var(--hs2-border);font-size:11px}
.hs2-social{display:flex;align-items:center;color:var(--hs2-muted);transition:color var(--hs2-tr)}
.hs2-social:hover{color:var(--hs2-primary)}

/* HEADER */
#hs2-header{position:sticky;top:0;left:0;right:0;z-index:9990;background:var(--hs2-header-bg);border-bottom:1px solid var(--hs2-border);box-shadow:var(--hs2-shadow);margin-top:var(--hs2-hdr-mt);margin-bottom:var(--hs2-hdr-mb);transition:background var(--hs2-tr),border-color var(--hs2-tr),box-shadow var(--hs2-tr);animation:hs2FadeDown .4s ease forwards}
@keyframes hs2FadeDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
.hs2-hdr-inner{display:flex;align-items:center;height:var(--hs2-hdr-h);max-width:1400px;margin:0 auto;padding:var(--hs2-hdr-pt) var(--hs2-hdr-pr) var(--hs2-hdr-pb) var(--hs2-hdr-pl);gap:6px}
.hs2-zone-l{display:flex;align-items:center;gap:4px;flex-shrink:0}
.hs2-zone-c{display:flex;align-items:center;flex:1;justify-content:center;min-width:0;overflow:hidden;gap:4px}
.hs2-zone-r{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}

/* LOGO */
.hs2-logo{display:flex;align-items:center;flex-shrink:0;margin:var(--hs2-logo-mt) var(--hs2-logo-mr) var(--hs2-logo-mb) var(--hs2-logo-ml);padding:var(--hs2-logo-pt) var(--hs2-logo-pr) var(--hs2-logo-pb) var(--hs2-logo-pl)}
.hs2-logo img{height:var(--hs2-logo-h);width:auto;display:block}
.hs2-logo-txt{font-size:24px;font-weight:900;letter-spacing:-.8px;color:var(--hs2-text);line-height:1;white-space:nowrap;transition:color var(--hs2-tr)}

/* HAMBURGER */
.hs2-ham{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--hs2-ham-btn);height:var(--hs2-ham-btn);background:var(--hs2-ham-bg);border-radius:var(--hs2-ham-radius);flex-shrink:0;position:relative;margin:var(--hs2-ham-mt) var(--hs2-ham-mr) var(--hs2-ham-mb) var(--hs2-ham-ml);padding:var(--hs2-ham-pt) var(--hs2-ham-pr) var(--hs2-ham-pb) var(--hs2-ham-pl);transition:opacity .2s ease,background var(--hs2-tr)}
.hs2-ham:hover{opacity:.75}
.hs2-hl{display:block;width:var(--hs2-ham-w);height:var(--hs2-ham-h);background:var(--hs2-ham-color);border-radius:var(--hs2-ham-h);position:absolute;left:50%;margin-left:calc(var(--hs2-ham-w) / -2);transform-origin:center;transition:transform .34s cubic-bezier(.4,0,.2,1),opacity .24s ease,top .3s cubic-bezier(.4,0,.2,1),background var(--hs2-tr)}
.hs2-hl-t{top:calc(50% - var(--hs2-ham-gap) - var(--hs2-ham-h))}
.hs2-hl-m{top:50%;transform:translateY(-50%)}
.hs2-hl-b{top:calc(50% + var(--hs2-ham-gap))}
.hs2-ham-2 .hs2-hl{height:1.5px}
.hs2-ham-3 .hs2-hl-m{width:calc(var(--hs2-ham-w)*.6);margin-left:calc(var(--hs2-ham-w)*-.3)}
.hs2-ham-4 .hs2-hl-t{top:calc(50% - 5px)}.hs2-ham-4 .hs2-hl-b{top:calc(50% + 3px)}
.hs2-ham-6 .hs2-hl{height:4px;border-radius:0}
.hs2-ham-7 .hs2-hl-m{width:calc(var(--hs2-ham-w)*.72);margin-left:calc(var(--hs2-ham-w)*-.36)}
.hs2-ham.hs2-open .hs2-hl-t{top:50%;transform:translateY(-50%) rotate(45deg)}
.hs2-ham.hs2-open .hs2-hl-m{opacity:0;transform:translateY(-50%) scaleX(0)}
.hs2-ham.hs2-open .hs2-hl-b{top:50%;transform:translateY(-50%) rotate(-45deg)}
.hs2-ham-4.hs2-open .hs2-hl-t{top:50%;transform:translateY(-50%) rotate(45deg)}
.hs2-ham-4.hs2-open .hs2-hl-b{top:50%;transform:translateY(-50%) rotate(-45deg)}
.hs2-dots{display:grid;grid-template-columns:repeat(3,6px);gap:4px}
.hs2-dots span{width:4px;height:4px;border-radius:50%;background:var(--hs2-ham-color);display:block;transition:background var(--hs2-tr)}

/* ICON BTN */
.hs2-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--hs2-icon-c);border-radius:8px;flex-shrink:0;transition:background var(--hs2-tr),color var(--hs2-tr)}
.hs2-icon-btn:hover{background:var(--hs2-hover-bg);color:var(--hs2-primary)}
.hs2-search-el{margin:var(--hs2-srch-mt) var(--hs2-srch-mr) var(--hs2-srch-mb) var(--hs2-srch-ml);padding:var(--hs2-srch-pt) var(--hs2-srch-pr) var(--hs2-srch-pb) var(--hs2-srch-pl)}
.hs2-search-el svg{width:var(--hs2-srch-sz);height:var(--hs2-srch-sz)}

/* DARK TOGGLE */
.hs2-dark-btn{display:flex;align-items:center;gap:5px;color:var(--hs2-icon-c);border-radius:8px;flex-shrink:0;margin:var(--hs2-dark-mt) var(--hs2-dark-mr) var(--hs2-dark-mb) var(--hs2-dark-ml);padding:var(--hs2-dark-pt) var(--hs2-dark-pr) var(--hs2-dark-pb) var(--hs2-dark-pl);transition:background var(--hs2-tr)}
.hs2-dark-btn:hover{background:var(--hs2-hover-bg)}
.hs2-trk{display:inline-flex;align-items:center;width:36px;height:20px;background:var(--hs2-trk-bg);border-radius:10px;padding:2px;transition:background var(--hs2-tr);flex-shrink:0}
.hs2-thm{width:16px;height:16px;border-radius:50%;background:var(--hs2-thm-bg);box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform var(--hs2-tr)}
#hs2-wrap:not(.hs2-dark) .hs2-thm{transform:translateX(0)}
#hs2-wrap:not(.hs2-dark) .hs2-sun{display:block}
#hs2-wrap:not(.hs2-dark) .hs2-moon{display:none}
#hs2-wrap.hs2-dark .hs2-thm{transform:translateX(16px)}
#hs2-wrap.hs2-dark .hs2-trk{background:var(--hs2-primary)}
#hs2-wrap.hs2-dark .hs2-sun{display:none}
#hs2-wrap.hs2-dark .hs2-moon{display:block;color:var(--hs2-primary)}

/* NOTIFICATION */
.hs2-notif-wrap{position:relative;flex-shrink:0;margin:var(--hs2-notif-mt) var(--hs2-notif-mr) var(--hs2-notif-mb) var(--hs2-notif-ml);padding:var(--hs2-notif-pt) var(--hs2-notif-pr) var(--hs2-notif-pb) var(--hs2-notif-pl)}
.hs2-notif-btn svg{width:var(--hs2-notif-sz);height:var(--hs2-notif-sz)}
.hs2-notif-drop{position:absolute;top:calc(100% + 8px);right:0;background:var(--hs2-drop-bg);border:1px solid var(--hs2-border);border-radius:10px;box-shadow:var(--hs2-shadow-lg);min-width:240px;z-index:9995;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.hs2-notif-drop.hs2-open{opacity:1;transform:translateY(0);pointer-events:all}
.hs2-notif-head{padding:12px 16px;font-size:13px;font-weight:700;color:var(--hs2-text);border-bottom:1px solid var(--hs2-border)}
.hs2-notif-body{padding:16px}
.hs2-notif-empty{font-size:13px;color:var(--hs2-muted);text-align:center}

/* SUBSCRIBE */
.hs2-sub-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--hs2-primary);color:#fff!important;font-size:13px;font-weight:700;border-radius:6px;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;margin:var(--hs2-sub-mt) var(--hs2-sub-mr) var(--hs2-sub-mb) var(--hs2-sub-ml);padding:var(--hs2-sub-pt) var(--hs2-sub-pr) var(--hs2-sub-pb) var(--hs2-sub-pl);transition:background var(--hs2-tr),transform .15s ease}
.hs2-sub-btn:hover{background:var(--hs2-primary-h);transform:translateY(-1px)}
.hs2-sub-full{width:100%;border-radius:8px;margin:0;padding:11px 15px;font-size:14px}

/* TICKER */
.hs2-ticker{display:flex;align-items:center;overflow:hidden;border:1px solid var(--hs2-border);border-radius:6px;height:36px;width:100%;transition:border-color var(--hs2-tr);margin:var(--hs2-ticker-mt) var(--hs2-ticker-mr) var(--hs2-ticker-mb) var(--hs2-ticker-ml);padding:var(--hs2-ticker-pt) var(--hs2-ticker-pr) var(--hs2-ticker-pb) var(--hs2-ticker-pl)}
.hs2-tick-badge{display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--hs2-primary);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;height:100%;flex-shrink:0;white-space:nowrap}
.hs2-tick-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:hs2Pulse 1.2s ease-in-out infinite}
@keyframes hs2Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
.hs2-tick-track{flex:1;overflow:hidden;height:100%;display:flex;align-items:center;background:var(--hs2-header-bg);padding:0 10px;position:relative;transition:background var(--hs2-tr)}
.hs2-tick-inner,.hs2-tick-clone{display:flex;white-space:nowrap;will-change:transform;position:absolute;left:10px}
.hs2-tick-item{font-size:13px;font-weight:500;color:var(--hs2-text);padding-right:60px;transition:color var(--hs2-tr)}

/* SEARCH BAR */
.hs2-search-bar{background:var(--hs2-header-bg);border-top:1px solid var(--hs2-border);overflow:hidden;max-height:0;transition:max-height .35s ease,padding .3s ease,background var(--hs2-tr),border-color var(--hs2-tr)}
.hs2-search-bar.hs2-open{max-height:68px;padding:10px var(--hs2-hdr-pr) 10px var(--hs2-hdr-pl)}
.hs2-search-inner{display:flex;align-items:center;gap:10px;background:var(--hs2-search-bg);border-radius:8px;padding:9px 14px;max-width:640px;margin:0 auto;transition:background var(--hs2-tr)}
.hs2-search-inner svg{color:var(--hs2-muted);flex-shrink:0}
.hs2-search-inner input[type="search"]{flex:1;border:none;background:none;font-size:14px;color:var(--hs2-text);font-family:var(--hs2-font);outline:none}
.hs2-search-inner input::placeholder{color:var(--hs2-muted)}
.hs2-search-inner button[type="submit"]{background:none;border:none;color:var(--hs2-muted);display:flex;align-items:center;padding:0;transition:color var(--hs2-tr)}
.hs2-search-inner button[type="submit"]:hover{color:var(--hs2-primary)}

/* INLINE NAV */
.hs2-inline-nav{display:flex;align-items:center;gap:var(--hs2-navmenu-gap);flex-shrink:0;margin:var(--hs2-navmenu-mt) var(--hs2-navmenu-mr) var(--hs2-navmenu-mb) var(--hs2-navmenu-ml);padding:var(--hs2-navmenu-pt) var(--hs2-navmenu-pr) var(--hs2-navmenu-pb) var(--hs2-navmenu-pl)}
.hs2-inline-nav a{font-size:var(--hs2-navmenu-fs);font-weight:var(--hs2-navmenu-fw);color:var(--hs2-navmenu-link-color);padding:4px 10px;border-radius:4px;transition:background var(--hs2-tr),color var(--hs2-tr)}
.hs2-inline-nav a:hover{color:var(--hs2-navmenu-link-hover)}

/* DATETIME */
.hs2-datetime{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--hs2-muted);font-weight:500;white-space:nowrap;flex-shrink:0;margin:var(--hs2-datetime-mt) var(--hs2-datetime-mr) var(--hs2-datetime-mb) var(--hs2-datetime-ml);padding:var(--hs2-datetime-pt) var(--hs2-datetime-pr) var(--hs2-datetime-pb) var(--hs2-datetime-pl)}

/* SOCIAL BAR */
.hs2-social-bar{display:flex;align-items:center;gap:10px;flex-shrink:0;margin:var(--hs2-socialbar-mt) var(--hs2-socialbar-mr) var(--hs2-socialbar-mb) var(--hs2-socialbar-ml);padding:var(--hs2-socialbar-pt) var(--hs2-socialbar-pr) var(--hs2-socialbar-pb) var(--hs2-socialbar-pl)}

/* CUSTOM TEXT */
.hs2-custom-text{font-size:13px;color:var(--hs2-text);flex-shrink:0;transition:color var(--hs2-tr);margin:var(--hs2-customtext-mt) var(--hs2-customtext-mr) var(--hs2-customtext-mb) var(--hs2-customtext-ml);padding:var(--hs2-customtext-pt) var(--hs2-customtext-pr) var(--hs2-customtext-pb) var(--hs2-customtext-pl)}

/* ADVERTISEMENT */
.hs2-ad-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin:var(--hs2-ad-mt) var(--hs2-ad-mr) var(--hs2-ad-mb) var(--hs2-ad-ml);padding:var(--hs2-ad-pt) var(--hs2-ad-pr) var(--hs2-ad-pb) var(--hs2-ad-pl)}
.hs2-ad-wrap.hs2-ad-hide-d{display:none}
@media(max-width:1024px){.hs2-ad-wrap.hs2-ad-hide-t{display:none}}
@media(max-width:767px){.hs2-ad-wrap.hs2-ad-hide-m{display:none}}

/* NAV BAR */
/* --hs2-hdr-offset = total height header occupies in scroll flow:
   header height + its top/bottom margins + topbar height + topbar top/bottom margins.
   This is recalculated in each breakpoint block below via :root overrides.
   Using a single pre-computed variable avoids the DevTools "conflicting :root values"
   problem that caused the nav to mis-stick. */
#hs2-nav{position:sticky;top:var(--hs2-hdr-offset);z-index:9989;background:var(--hs2-nav-bg);border-bottom:2px solid var(--hs2-border);margin-top:var(--hs2-nav-mt);margin-bottom:var(--hs2-nav-mb);transition:background var(--hs2-tr),border-color var(--hs2-tr)}
.hs2-nav-inner{max-width:1400px;margin:0 auto;padding:0 var(--hs2-nav-pr) 0 var(--hs2-nav-pl);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;align-items:center}
.hs2-nav-inner::-webkit-scrollbar{display:none}
#hs2NavUl{display:flex;align-items:center;height:var(--hs2-nav-h);white-space:nowrap;min-height:var(--hs2-nav-h);flex-shrink:0}
#hs2NavUl>li{display:flex;align-items:center;height:var(--hs2-nav-h)}
#hs2NavUl>li>a{
    display:flex;align-items:center;height:var(--hs2-nav-h);
    padding:0 var(--hs2-nav-link-px);
    font-size:var(--hs2-nav-fs);
    font-weight:var(--hs2-nav-fw);
    letter-spacing:var(--hs2-nav-ls);
    text-transform:var(--hs2-nav-tt);
    color:var(--hs2-nav-link-color);
    background:var(--hs2-nav-link-bg);
    border-bottom:var(--hs2-nav-bar-h) solid transparent;
    border-radius:var(--hs2-nav-link-radius);
    margin-bottom:-2px;
    transition:color var(--hs2-tr),border-color var(--hs2-tr),background var(--hs2-tr);
}
#hs2NavUl>li>a:hover{
    color:var(--hs2-nav-link-hover);
    background:var(--hs2-nav-link-hover-bg);
    border-bottom-color:var(--hs2-nav-bar-color);
}
#hs2NavUl>li>a.hs2-active{
    color:var(--hs2-nav-active-color);
    border-bottom-color:var(--hs2-nav-bar-color);
}
.hs2-more-li{position:relative}
.hs2-more-btn{
    display:flex;align-items:center;gap:4px;
    height:var(--hs2-nav-h);
    padding:0 var(--hs2-nav-link-px);
    font-size:var(--hs2-nav-fs);
    font-weight:var(--hs2-nav-fw);
    letter-spacing:var(--hs2-nav-ls);
    text-transform:var(--hs2-nav-tt);
    color:var(--hs2-nav-link-color);
    border-bottom:var(--hs2-nav-bar-h) solid transparent;
    margin-bottom:-2px;
    transition:color var(--hs2-tr);
}
.hs2-more-btn:hover{color:var(--hs2-nav-link-hover)}
.hs2-more-btn svg{transition:transform var(--hs2-tr)}
.hs2-more-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.hs2-more-drop{
    position:absolute;top:calc(100% + 2px);left:0;
    background:var(--hs2-nav-drop-bg);
    border:1px solid var(--hs2-nav-drop-border);
    border-radius:var(--hs2-nav-drop-radius);
    box-shadow:var(--hs2-shadow-lg);
    min-width:180px;z-index:9995;
    opacity:0;transform:translateY(8px);pointer-events:none;
    transition:opacity .22s ease,transform .22s ease;
}
.hs2-more-drop.hs2-open{opacity:1;transform:translateY(0);pointer-events:all}
.hs2-more-drop ul{padding:6px 0}
.hs2-more-drop ul li a{
    display:block;padding:9px 18px;
    font-size:13px;font-weight:600;
    color:var(--hs2-nav-drop-link-color);
    transition:background var(--hs2-tr),color var(--hs2-tr);
}
.hs2-more-drop ul li a:hover{
    background:var(--hs2-nav-drop-link-hover-bg);
    color:var(--hs2-nav-drop-link-hover);
}
/* Nav animation — slide */
#hs2-wrap[data-nav-anim="slide"] #hs2NavUl>li>a{transition:color var(--hs2-tr),border-color var(--hs2-tr),background var(--hs2-tr),transform .2s ease}
#hs2-wrap[data-nav-anim="slide"] #hs2NavUl>li>a:hover{transform:translateY(-2px)}
/* Nav animation — fade */
#hs2-wrap[data-nav-anim="fade"] #hs2NavUl>li>a{opacity:1;transition:opacity .2s ease,color var(--hs2-tr),border-color var(--hs2-tr)}
#hs2-wrap[data-nav-anim="fade"] #hs2NavUl>li>a:hover{opacity:.75}

/* OVERLAY */
.hs2-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9991;opacity:0;pointer-events:none;transition:opacity var(--hs2-tr);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.hs2-overlay.hs2-vis{opacity:1;pointer-events:all}

/* SIDEBAR */
#hs2-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--hs2-sb-w);max-width:90vw;background:var(--hs2-sidebar-bg);z-index:9992;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1),background var(--hs2-tr);box-shadow:4px 0 32px rgba(0,0,0,.18);overflow:hidden}
#hs2-sidebar.hs2-open{transform:translateX(0)}
.hs2-sb-top{display:flex;align-items:center;height:60px;padding:0 var(--hs2-sb-pr) 0 var(--hs2-sb-pl);border-bottom:1px solid var(--hs2-border);gap:10px;flex-shrink:0}
.hs2-sb-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--hs2-primary);border-radius:8px;flex-shrink:0;position:relative;transition:background var(--hs2-tr),transform .2s ease}
.hs2-sb-close:hover{background:var(--hs2-primary-h);transform:scale(.94)}
.hs2-sb-xl1,.hs2-sb-xl2{display:block;width:16px;height:2px;background:#fff;border-radius:2px;position:absolute;top:50%;left:50%}
.hs2-sb-xl1{transform:translate(-50%,-50%) rotate(45deg)}
.hs2-sb-xl2{transform:translate(-50%,-50%) rotate(-45deg)}
.hs2-sb-logo{flex:1;display:flex;align-items:center;justify-content:center}
.hs2-sb-logo img{max-height:30px;width:auto}
.hs2-sb-logo-txt{font-size:20px;font-weight:900;letter-spacing:-.5px;color:var(--hs2-text);transition:color var(--hs2-tr)}
.hs2-sb-search{padding:12px var(--hs2-sb-pr) 12px var(--hs2-sb-pl);border-bottom:1px solid var(--hs2-border);flex-shrink:0}
.hs2-sb-si{display:flex;align-items:center;gap:8px;background:var(--hs2-search-bg);border-radius:8px;padding:9px 12px;transition:background var(--hs2-tr)}
.hs2-sb-si svg{color:var(--hs2-muted);flex-shrink:0}
.hs2-sb-si input[type="search"]{flex:1;border:none;background:none;font-size:13px;color:var(--hs2-text);font-family:var(--hs2-font);outline:none}
.hs2-sb-si input::placeholder{color:var(--hs2-muted)}
.hs2-sb-si button[type="submit"]{background:none;border:none;color:var(--hs2-muted);display:flex;align-items:center;padding:0;transition:color var(--hs2-tr)}
.hs2-sb-si button[type="submit"]:hover{color:var(--hs2-primary)}
.hs2-sb-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hs2-border) transparent}
.hs2-sb-body::-webkit-scrollbar{width:4px}
.hs2-sb-body::-webkit-scrollbar-thumb{background:var(--hs2-border);border-radius:2px}
.hs2-sb-sec{padding:18px var(--hs2-sb-pr) 0 var(--hs2-sb-pl)}
.hs2-sb-head{font-size:11px;font-weight:800;color:var(--hs2-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;transition:color var(--hs2-tr)}
.hs2-sb-list{border-top:1px solid var(--hs2-border)}
.hs2-sb-list li a{display:flex;align-items:center;gap:10px;padding:12px 4px;font-size:14px;font-weight:600;color:var(--hs2-text);border-bottom:1px solid var(--hs2-border);transition:color var(--hs2-tr),padding-left var(--hs2-tr)}
.hs2-sb-list li a:hover{color:var(--hs2-primary);padding-left:6px}
.hs2-sb-dot{font-size:18px;line-height:1;color:inherit;flex-shrink:0}
.hs2-sb-lbl{flex:1}
.hs2-sb-arr{color:var(--hs2-muted);flex-shrink:0}
.hs2-sb-socials{display:flex;align-items:center;gap:20px;margin-top:10px}
.hs2-sb-soc{display:flex;align-items:center;color:var(--hs2-text);transition:color var(--hs2-tr),transform .2s ease}
.hs2-sb-soc:hover{color:var(--hs2-primary);transform:scale(1.15)}
.hs2-sb-foot{padding:14px var(--hs2-sb-pr) 14px var(--hs2-sb-pl);border-top:1px solid var(--hs2-border);flex-shrink:0}
.hs2-sb-copy{font-size:11px;color:var(--hs2-muted);line-height:1.6;transition:color var(--hs2-tr)}

/* TICKER BAR — sticky below nav, full width */
#hs2-ticker-bar{
    position:sticky;
    top:calc(var(--hs2-hdr-offset) + var(--hs2-nav-h) + var(--hs2-nav-mt) + var(--hs2-nav-mb));
    z-index:9988;
    background:var(--hs2-header-bg);
    border-bottom:1px solid var(--hs2-border);
    transition:background var(--hs2-tr),border-color var(--hs2-tr);
}
#hs2-ticker-bar .hs2-ticker{
    max-width:1400px;
    margin:0 auto;
    border:none;
    border-radius:0;
    height:40px;
    width:100%;
}

/* RESPONSIVE */
@media(max-width:768px){
    #hs2-wrap{--hs2-sb-w:280px}
    .hs2-logo-txt{font-size:20px}
    .hs2-sub-btn:not(.hs2-sub-full){font-size:12px}
    #hs2-nav{top:var(--hs2-hdr-offset)}
    #hs2-ticker-bar{top:calc(var(--hs2-hdr-offset) + var(--hs2-nav-h) + var(--hs2-nav-mt) + var(--hs2-nav-mb))}
}
@media(max-width:480px){
    #hs2-wrap{--hs2-sb-w:100vw}
    #hs2-topbar{display:none}
    .hs2-logo-txt{font-size:18px}
    .hs2-sub-btn:not(.hs2-sub-full){display:none}
    #hs2-nav{top:var(--hs2-hdr-offset)}
    #hs2-ticker-bar{top:calc(var(--hs2-hdr-offset) + var(--hs2-nav-h) + var(--hs2-nav-mt) + var(--hs2-nav-mb))}
}