.site-header {
    background: #fff;
    backdrop-filter: none;
    box-shadow: none;
    border-bottom: 1px solid #e7edf4;
}
[data-bs-theme="dark"] .site-header {
    background: var(--basic-surface-bg);
    border-bottom-color: var(--basic-border-color);
}
.topbar {
    position: relative;
    z-index: 1040;
    background: #0638A7;
    color: #fff;
    font-size: .78rem;
}
.topbar-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.35rem;
    position: relative;
}
.topbar-side {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    position: relative;
    z-index: 1;
    min-width: 0;
}
.topbar-side-end {
    margin-left: auto;
    gap: .35rem;
    height: 2rem;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.topbar-status { padding-right: .35rem; font-weight: 500; }
.topbar-status .live-dot { width: .42rem; height: .42rem; }
.topbar-tools { display: flex; align-items: center; height: 100%; }
.topbar-tools::before {
    content: "";
    width: 1px;
    height: .85rem;
    margin: 0 .35rem 0 .15rem;
    background: rgba(255, 255, 255, .32);
}
.topbar-locale-btn {
    display: inline-flex;
    align-items: center;
    height: 1.55rem;
    padding: 0 .45rem 0 .35rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font: 600 .72rem/1 inherit;
    white-space: nowrap;
    cursor: pointer;
}
.topbar-locale-btn .bi-globe2 { font-size: .85rem; margin-right: .35rem !important; }
.topbar-locale-btn .opacity-50 { margin: 0 .28rem !important; opacity: .55 !important; }
.topbar-locale-btn:hover,
.topbar-locale-btn:focus { color: #fff; background: rgba(255, 255, 255, .12); }
.topbar-locale .locale-caret { font-size: .62rem; opacity: .8; margin-left: .28rem !important; }
.topbar .dropdown-menu { color: var(--basic-body-color); }
.topbar-theme {
    display: inline-flex;
    align-items: center;
    gap: .12rem;
    height: 1.55rem;
    margin-left: .15rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
}
.topbar-theme-btn {
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, .82);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    cursor: pointer;
}
.topbar-theme-btn:hover { color: #fff; background: rgba(255, 255, 255, .14); }
.topbar-theme-btn.active { color: #0638A7; background: #fff; box-shadow: none; }
.topbar-locale-btn:focus-visible,
.topbar-theme-btn:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
.topbar-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #fff;
    opacity: 1;
    text-decoration: none;
    white-space: nowrap;
}
.topbar-link:hover { color: #fff; opacity: .82; }
.topbar-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    pointer-events: none;
}
.live-dot {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #3DDC97;
    box-shadow: 0 0 0 0 rgba(61, 220, 151, .7);
    flex: 0 0 auto;
    animation: live-dot 1.35s ease-in-out infinite;
}
@keyframes live-dot {
    0%, 100% { opacity: 1; box-shadow: 0 0 8px rgba(61, 220, 151, .95); }
    50% { opacity: .2; box-shadow: 0 0 0 rgba(61, 220, 151, 0); }
}
@media (prefers-reduced-motion: reduce) {
    .live-dot { animation: none; opacity: 1; }
}
.hn-bar { min-height: 4.25rem; gap: .5rem; }
.site-header .site-nav { gap: .15rem; }
.site-header .site-nav .nav-link {
    border-radius: .4rem;
    font-weight: 500;
    color: #1b2836;
    padding: .7rem .72rem;
}
[data-bs-theme="dark"] .site-header .site-nav .nav-link { color: var(--basic-heading-color); }
.site-header .site-nav .nav-link:hover,
.site-header .site-nav .nav-link.active,
.site-header .site-nav .dropdown:hover > .nav-link,
.site-header .site-nav .dropdown:focus-within > .nav-link {
    background: transparent;
    color: #0638A7;
}
.site-header .site-nav { position: relative; }
.site-header .nav-item.dropdown:has(.hn-panel) { position: static; }
.site-header .nav-dropdown {
    min-width: 22.5rem;
    padding: .55rem;
    border: 0;
    border-radius: .9rem;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .16);
}
.site-header .hn-panel {
    left: 0;
    width: min(54rem, calc(100vw - 3rem));
    padding: .7rem;
    margin-top: 0;
}
@media (min-width: 992px) {
    .site-header .dropdown:hover > .hn-panel,
    .site-header .dropdown:focus-within > .hn-panel,
    .site-header .hn-panel.show {
        display: flex;
        align-items: stretch;
        gap: .45rem;
    }
}
.hn-panel-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .1rem .35rem;
    flex: 1 1 auto;
    min-width: 0;
}
.hn-panel-card {
    flex: 0 0 16.25rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    min-height: 100%;
    padding: 1.15rem 1.05rem 1rem;
    border-radius: .95rem;
    background: linear-gradient(180deg, #0c4ea8 0%, #071525 100%);
    color: #fff;
    text-decoration: none;
}
.hn-panel-card:hover { color: #fff; }
.hn-panel-badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    align-self: flex-start;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.hn-panel-card strong {
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
}
.hn-panel-card p {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: .82rem;
    line-height: 1.45;
}
.hn-panel-cta {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    background: #fff;
    color: #122033;
    border-radius: 999px;
    padding: .68rem .9rem;
    font-weight: 700;
    font-size: .88rem;
}
.hn-item { align-items: flex-start; gap: .8rem; padding: .7rem .65rem; border-radius: .7rem; }
.hn-ico {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: .7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e7f0ff;
    color: #0638A7;
    flex: 0 0 auto;
}
.hn-ico .bi { font-size: 1.12rem; line-height: 1; }
[data-bs-theme="dark"] .hn-ico {
    background: rgba(255, 255, 255, .08);
    color: #d5e4ff;
}
.site-header .hn-item .item-title { font-size: .92rem; font-weight: 500; }
.site-header .hn-item .item-desc { margin-top: .1rem; line-height: 1.35; }
.hn-tools { flex: 0 0 auto; }
.hn-curs { align-items: center; gap: .15rem; margin-right: .35rem; }
.hn-cur {
    color: #607086;
    text-decoration: none;
    font-size: .78rem;
    font-weight: 700;
    padding: .2rem .35rem;
    border-radius: .3rem;
}
.hn-cur.is-on { color: #0638A7; }
.hn-cur:hover { color: #0638A7; }
[data-bs-theme="dark"] .hn-cur,
[data-bs-theme="dark"] .hn-cur.is-on { color: var(--basic-heading-color); }
.hn-cart {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #1b2836;
    text-decoration: none;
    font-weight: 500;
    font-size: .92rem;
}
[data-bs-theme="dark"] .hn-cart { color: var(--basic-heading-color); }
.hn-cart:hover { color: #0638A7; }
.site-header .hn-cart.d-none { display: inline-flex !important; }
.hn-bag { position: relative; display: inline-flex; font-size: 1.15rem; }
.hn-bag .cart-count {
    inset-block-start: -.35rem;
    inset-inline-end: -.55rem;
}
.drawer-sublink { display: flex; flex-direction: column; align-items: flex-start; gap: .1rem; }
.drawer-sublink small { color: var(--basic-muted-color); font-size: .75rem; line-height: 1.3; }
@media (max-width: 991.98px) {
    .hn-bar { min-height: 3.6rem; min-width: 0; }
    .site-header .nav-dropdown { min-width: 0; }
    .site-header .site-brand { min-width: 0; margin-right: auto; flex: 0 1 auto; }
    .hn-tools { margin-left: 0; }
    .drawer-toggle { margin-left: .35rem; flex: 0 0 auto; }
    .topbar { overflow: hidden; }
    .topbar-in { gap: .75rem; min-width: 0; }
}
@media (max-width: 1199.98px) {
    .topbar-center { display: none; }
    .topbar-tools { display: none; }
    .topbar-side-end { padding-inline: 0; }
}
@media (max-width: 699.98px) {
    .topbar-extra { display: none; }
}