/* WHMCS navigation styled for DCX; selectors stay within the header. */
#header{background:#fff;border-bottom:1px solid rgba(15,23,43,.1)}
#header .topbar{background:#fff;color:#45556c;border-bottom:1px solid #edf1f5;font-size:13px}
#header .topbar .btn,#header .topbar .input-group-text{color:#45556c;background:transparent;border:0}
#header .dcx2-header-bar{padding:0;background:#fff}
#header .dcx2-header-inner{min-height:84px;max-width:1280px;display:flex;align-items:center;gap:22px;padding:0 20px}
#header .dcx2-header-logo{flex:none;margin:0;line-height:0;padding:0}
#header .dcx2-header-logo img{width:128px;max-height:44px;object-fit:contain;object-position:left center}
#header .dcx2-header-navigation{display:block;flex:1;min-width:0;border:0;background:transparent}
#header #mainNavbar{width:100%;align-items:center}
#header #mainNavbar .navbar-nav{align-items:center;gap:4px}
#header #mainNavbar .navbar-nav>li>a{position:relative;display:flex;align-items:center;min-height:60px;padding:0 8px;color:#1d293d;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
#header #mainNavbar .navbar-nav>li>a:hover,#header #mainNavbar .navbar-nav>li>a:focus{color:#b10d28}
#header #mainNavbar .navbar-nav>li>a:after{border-top-color:currentColor}
#header #mainNavbar .dropdown-menu{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,43,.08);padding:8px;min-width:200px}
#header #mainNavbar .dropdown-item{border-radius:6px;color:#1d293d;white-space:normal}
#header #mainNavbar .dropdown-item:hover,#header #mainNavbar .dropdown-item:focus{background:#f8fafc;color:#b10d28}
#header .dcx2-header-tools{display:flex;align-items:center;gap:8px;flex:none}
#header .dcx2-desktop-search{position:relative;align-items:center;width:160px}
#header .dcx2-desktop-search .form-control{height:40px;min-height:40px;padding:0 34px 0 12px;font-size:13px;border-color:#cad5e2}
#header .dcx2-desktop-search button{position:absolute;right:0;top:0;height:40px;width:36px;background:transparent;border:0;color:#62748e}
#header .dcx2-header-cart,#header .dcx2-header-toggle,#header .dcx2-menu-close{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:44px;min-height:44px;border:0;background:transparent;color:#1d293d;text-decoration:none}
#header .dcx2-header-cart:hover,#header .dcx2-header-toggle:hover{color:#b10d28}
#header .dcx2-header-cart > i{display:block;font-size:18px;line-height:1}
#header .dcx2-header-cart .badge{position:absolute;top:5px;right:0;font-size:10px}
#header .dcx2-menu-header{display:none}
#header .dcx2-menu-backdrop[hidden]{display:none}
@media(max-width:1199px){
 #header .dcx2-header-inner{min-height:78px;padding:0 16px;gap:12px}
 #header .dcx2-header-logo img{width:116px;max-height:40px}
 #header .dcx2-header-navigation{flex:1}
 #header #mainNavbar.show,#header #mainNavbar.collapsing{position:fixed;z-index:1602;top:0;bottom:0;left:0;width:min(320px,90vw);height:100%!important;overflow-y:auto;padding:20px;background:#fff;box-shadow:4px 0 14px rgba(15,23,43,.15)}
 #header #mainNavbar.show{display:block}
 #header #mainNavbar .navbar-nav{display:block}
 #header #mainNavbar .navbar-nav>li>a{min-height:48px;padding:8px 4px;white-space:normal}
 #header #mainNavbar .dropdown-menu{position:static;float:none;box-shadow:none;border:0;background:#f8fafc;margin:0 0 8px}
 #header #mainNavbar .dcx2-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
 #header .dcx2-menu-brand img{width:116px;max-height:40px}
 #header .dcx2-menu-close{font-size:30px;line-height:1}
 #header .dcx2-menu-backdrop:not([hidden]){position:fixed;z-index:1601;inset:0;background:rgba(15,23,43,.42)}
 body.dcx2-menu-open{overflow:hidden}
}
/* Neutralize inherited unequal vertical margins on desktop navigation. */
@media (min-width: 1200px) {
 #header #mainNavbar .navbar-nav { margin-top: 0; margin-bottom: 0; }
}