/* Homepage header: semi-transparent over hero; fixed white header after scrolling.
   Interior header stays untouched. */
.site-header-shell.is-home {position:absolute;top:0;left:0;right:0;z-index:90;}
.site-header-shell.is-home .topbar {height:40px;background:#0d0d0d;padding:0 28px;}
.site-header-shell.is-home .hero-header {
    position:relative;top:auto;left:auto;width:100%;
    height:66px;padding:0 40px;background:rgba(0,0,0,.50);color:#fff;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    box-shadow:none;
}
.site-header-shell.is-home + .site-header-spacer {height:40px;}
.site-header-shell.is-home .nav-inner {gap:20px;}
.site-header-shell.is-home .nav-left {gap:20px;}
.site-header-shell.is-home .brand {color:#fff;}
.site-header-shell.is-home .brand-mark {width:39px;height:39px;filter:none;}
.site-header-shell.is-home .brand-wordmark {border-color:#fff;}
.site-header-shell.is-home .nav-categories {
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.23);color:#fff;
    border:0;border-radius:28px;padding:13px 16px;
    font-size:16px;font-weight:700;
}
.site-header-shell.is-home .nav-categories:hover,
.site-header-shell.is-home .nav-categories[aria-expanded="true"] {background:rgba(255,255,255,.31);}
.site-header-shell.is-home .nav-symbol {width:19px;height:19px;}
.site-header-shell.is-home .nav-caret {width:15px;height:15px;}
.site-header-shell.is-home .header-tools {gap:30px;color:#fff;}
.site-header-shell.is-home .header-tools .nav-search {
    display:inline-flex;align-items:center;gap:12px;
    color:#fff;font-size:16px;font-weight:400;
}
.site-header-shell.is-home .header-tools .nav-search .search-icon {width:21px;height:21px;}
.site-header-shell.is-home .header-tools .login-button {
    display:inline-flex;justify-content:center;align-items:center;
    min-width:92px;min-height:45px;padding:10px 24px;
    border-radius:26px;background:#fff;color:#111;
    font-size:16px;font-weight:700;
}
.site-header-shell.is-home .header-tools .login-button:hover {background:#f2f2f2;}
.site-header-shell.is-home .category-menu {top:106px;}
/* The preexisting scroll class is set by mobitreks-v2.js.  Re-enable the
   original sticky transition instead of overriding it to transparent. */
.site-header-shell.is-home.is-scrolled {
    position:fixed;top:0;left:0;right:0;
}
.site-header-shell.is-home.is-scrolled .topbar {display:none;}
.site-header-shell.is-home.is-scrolled .hero-header {
    position:relative;top:0;background:#fff;color:#111;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    box-shadow:0 2px 9px rgba(0,0,0,.12);
}
.site-header-shell.is-home.is-scrolled .brand {color:#17375a;}
.site-header-shell.is-home.is-scrolled .brand-mark {filter:brightness(.22);}
.site-header-shell.is-home.is-scrolled .brand-wordmark {border-color:#17375a;}
.site-header-shell.is-home.is-scrolled .nav-categories {
    background:#f1f1f1;color:#111;
}
.site-header-shell.is-home.is-scrolled .nav-categories:hover,
.site-header-shell.is-home.is-scrolled .nav-categories[aria-expanded="true"] {
    background:#e5e5e5;color:#111;
}
.site-header-shell.is-home.is-scrolled .header-tools .nav-search {color:#111;}
.site-header-shell.is-home.is-scrolled .header-tools .login-button {
    background:#111;color:#fff;
}
.site-header-shell.is-home.is-scrolled .header-tools .login-button:hover {background:#333;}
.site-header-shell.is-home.is-scrolled .category-menu {top:66px;}
body:has(.site-header-shell.is-home .category-menu:not([hidden]))::after {inset:106px 0 0;}
body:has(.site-header-shell.is-home.is-scrolled .category-menu:not([hidden]))::after {inset:66px 0 0;}
@media(max-width:760px) {
    .site-header-shell.is-home .topbar {height:30px;padding:0 14px;}
    .site-header-shell.is-home .hero-header {height:62px;padding:0 12px;}
    .site-header-shell.is-home + .site-header-spacer {display:block;height:30px;}
    .site-header-shell.is-home .nav-left {gap:7px;}
    .site-header-shell.is-home .brand-mark {width:28px;height:28px;}
    .site-header-shell.is-home .nav-categories {padding:9px 10px;font-size:12px;gap:5px;}
    .site-header-shell.is-home .nav-symbol {width:14px;height:14px;}
    .site-header-shell.is-home .nav-caret {width:11px;height:11px;}
    .site-header-shell.is-home .header-tools {gap:11px;}
    .site-header-shell.is-home .header-tools .nav-search {gap:4px;}
    .site-header-shell.is-home .header-tools .nav-search span {display:none;}
    .site-header-shell.is-home .header-tools .login-button {
        font-size:12px;min-width:0;min-height:35px;padding:7px 12px;
    }
    .site-header-shell.is-home .category-menu {top:92px;height:calc(100dvh - 92px);}
    .site-header-shell.is-home.is-scrolled .category-menu {top:62px;height:calc(100dvh - 62px);}
    body:has(.site-header-shell.is-home.is-scrolled .category-menu:not([hidden]))::after {inset:62px 0 0;}
    body:has(.site-header-shell.is-home .category-menu:not([hidden]))::after {inset:92px 0 0;}
}
@media(max-width:370px) {
    .site-header-shell.is-home .hero-header {padding:0 8px;}
    .site-header-shell.is-home .nav-left {gap:4px;}
    .site-header-shell.is-home .brand-mark {width:23px;height:23px;}
    .site-header-shell.is-home .nav-categories {padding:7px 6px;font-size:10px;gap:3px;}
    .site-header-shell.is-home .header-tools {gap:6px;}
}