.mb-site-header { box-sizing:border-box; position:relative; width:100%; z-index:1000; height:88px; padding:10px 28px; display:flex; align-items:center; gap:18px; color:#fff; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; background:linear-gradient(135deg,#493126,#221c24); border-bottom:1px solid #ff9f1c30; box-shadow:0 12px 30px #0006; }
.mb-site-header *, .mb-site-header *::before, .mb-site-header *::after { box-sizing:border-box; }
.mb-site-header .mb-brand { flex:0 0 160px; height:54px; display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; color:#fff; }
.mb-site-header .mb-brand-mark { flex:0 0 9px; height:28px; background:#ff9f1c; border-radius:2px; }
.mb-site-header .mb-brand-name { width:auto; height:auto; background:none; font-size:18px; line-height:1.2; font-weight:900; letter-spacing:-.6px; white-space:nowrap; }
.mb-site-header .mb-header-center { flex:1; min-width:0; display:flex; align-items:center; justify-content:center; gap:22px; }
.mb-site-header nav { display:flex; align-items:center; gap:8px; }
.mb-site-header nav > a, .mb-site-header .nav-menu > button { display:flex; align-items:center; min-height:42px; margin:0; padding:10px 14px; border:0; border-radius:999px; background:transparent; color:#f5f4ff; font:900 17px/1.3 Inter,system-ui,sans-serif; text-decoration:none; white-space:nowrap; cursor:pointer; }
.mb-site-header nav > a:hover, .mb-site-header .nav-menu > button:hover, .mb-site-header .active { background:#ff9f1c20; color:#ffb23f; }
.mb-site-header .mb-search { display:flex; align-items:center; gap:8px; margin:0; padding:0; border:0; background:none; }
.mb-site-header .mb-search input { width:220px; min-width:0; height:42px; margin:0; padding:0 14px; border:1px solid #ffffff30; border-radius:12px; background:#0d1224e0; color:#fff; font:600 15px/1.3 Inter,system-ui,sans-serif; }
.mb-site-header .mb-search button { flex:0 0 42px; width:42px; height:42px; padding:0; display:grid; place-items:center; border:1px solid #ff9f1c40; border-radius:14px; background:#ffffff08; color:#ffb23f; cursor:pointer; }
.mb-site-header .mb-search svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; }
.mb-site-header .nav-menu { position:relative; }
.mb-site-header .nav-menu > summary { display:flex; align-items:center; min-height:42px; padding:10px 14px; border-radius:999px; color:#f5f4ff; font:900 17px/1.3 Inter,system-ui,sans-serif; white-space:nowrap; cursor:pointer; list-style:none; }
.mb-site-header .nav-menu > summary::-webkit-details-marker { display:none; }
.mb-site-header .nav-menu > summary:hover, .mb-site-header .nav-menu[open] > summary { background:#ff9f1c20; color:#ffb23f; }
.mb-site-header .nav-menu > summary:focus-visible { outline:2px solid #ffb23f; outline-offset:3px; }
.mb-site-header details:not([open]) > .nav-dropdown { display:none; }
.mb-site-header .nav-dropdown a { padding:10px; border-radius:8px; color:#fff; font:inherit; text-decoration:none; }
.mb-site-header .nav-dropdown a:hover { background:#ff9f1c20; }
.mb-site-header .nav-dropdown { position:absolute; top:calc(100% + 8px); left:0; width:250px; max-height:60vh; overflow:auto; padding:8px; display:grid; gap:4px; border:1px solid #ff9f1c40; border-radius:14px; background:#241d26; box-shadow:0 16px 30px #0006; }
.mb-site-header .nav-dropdown button { padding:10px; border:0; border-radius:8px; background:none; color:#fff; font:inherit; text-align:left; cursor:pointer; }
.mb-site-header .nav-dropdown button:hover { background:#ff9f1c20; }
.mb-site-header .nav-dropdown small { float:right; padding-left:8px; }
.mb-site-header .sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.mb-site-header a:focus-visible, .mb-site-header button:focus-visible, .mb-site-header input:focus-visible { outline:2px solid #ffb23f; outline-offset:3px; }
@media(max-width:960px) {
 .mb-site-header { height:auto; min-height:88px; padding:12px 16px; flex-wrap:wrap; }
 .mb-site-header .mb-brand { margin:auto; }
 .mb-site-header .mb-header-center { flex-basis:100%; flex-wrap:wrap; gap:12px; }
 .mb-site-header nav { justify-content:center; flex-wrap:wrap; }
 .mb-site-header .mb-search { justify-content:center; }
}
@media(max-width:520px) {
 .mb-site-header nav { gap:0; }
 .mb-site-header nav > a, .mb-site-header .nav-menu > button { font-size:15px; padding:10px; }
 .mb-site-header .nav-dropdown { left:50%; transform:translateX(-50%); width:220px; }
 .mb-site-header .mb-search { width:100%; }
 .mb-site-header .mb-search input { flex:1; }
}