.main-header,.mobile-nav-backdrop,.search-suggestions,.nav-links{--bg-white:#ffffff;--border-light:#e2e8f0;--transition-fast:0.15s ease;--navy-dark:#08192f;--primary-orange:#f2790a;--radius-md:10px;--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition-normal:0.3s cubic-bezier(0.4, 0, 0.2, 1);--text-body:#475569;--primary-orange-light:#fef2e6;--text-main:#0f172a}
@media (min-width: 993px){.main-header .search-bar-wrapper { display: block; position: relative; flex: 0 1 230px; min-width: 190px; margin-left: 4px; }}
.main-header .container { width:100%; max-width:1280px; margin:0 auto; padding:0 24px; box-sizing:border-box; }
.main-header { background-color: var(--bg-white); border-bottom: 1px solid var(--border-light); position: sticky; top: 0px; z-index: 990; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px -2px; }
.header-container { display: flex; align-items: center; justify-content: space-between; padding: 14px 24px; gap: 20px; }
.brand-logo, .aab-logo { display: inline-flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.brand-logo-img, .aab-logo-img { height: 130px; max-height: 140px; width: auto; object-fit: contain; display: block; transition: transform var(--transition-fast); }
.brand-logo:hover .brand-logo-img, .aab-logo:hover .aab-logo-img { transform: scale(1.02); }
.nav-links { display: flex; align-items: center; gap: 40px; }
.nav-link { font-size: 1.05rem; font-weight: 600; color: var(--navy-dark); position: relative; padding: 6px 0px; display: flex; align-items: center; gap: 4px; }
.nav-link:hover, .nav-link.active { color: var(--primary-orange); }
.nav-link.active::after { content: ""; position: absolute; bottom: -2px; left: 0px; width: 100%; height: 2.5px; background-color: var(--primary-orange); border-radius: 2px; }
.nav-dropdown { position: relative; }
.dropdown-menu { position: absolute; top: 100%; left: 0px; min-width: 220px; background: rgb(255, 255, 255); border-radius: var(--radius-md); box-shadow: var(--shadow-xl); border: 1px solid var(--border-light); padding: 10px 0px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all var(--transition-normal); z-index: 100; }
.nav-dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0px); }
.dropdown-item { display: block; padding: 8px 18px; font-size: 0.95rem; color: var(--text-body); font-weight: 500; }
.dropdown-item:hover { background-color: var(--primary-orange-light); color: var(--primary-orange); }
.search-bar-wrapper { display: none; }
.search-input-group { display: flex; align-items: center; background-color: rgb(241, 245, 249); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 3px 14px; transition: all var(--transition-fast); }
.search-input-group:focus-within { background-color: rgb(255, 255, 255); border-color: var(--primary-orange); box-shadow: rgba(242, 121, 10, 0.15) 0px 0px 0px 3px; }
.search-input { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 8px 6px; font-size: 0.95rem; color: var(--text-main); outline: none; }
.search-input::placeholder { color: rgb(148, 163, 184); font-size: 0.9rem; }
.search-btn { color: rgb(100, 116, 139); display: flex; align-items: center; justify-content: center; padding: 4px; transition: color var(--transition-fast); }
.search-btn:hover { color: var(--primary-orange); }
.search-suggestions { position: absolute; top: calc(100% + 6px); left: 0px; right: 0px; background: rgb(255, 255, 255); border: 1px solid var(--border-light); border-radius: var(--radius-md); box-shadow: var(--shadow-xl); display: none; z-index: 101; overflow: hidden; }
.header-actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.user-account-btn { display: inline-flex; align-items: center; gap: 8px; font-size: 1rem; font-weight: 600; color: var(--navy-dark); transition: color var(--transition-fast); }
.user-account-btn:hover { color: var(--primary-orange); }
.quote-basket-btn { display: inline-flex; align-items: center; gap: 8px; font-size: 1rem; font-weight: 600; color: var(--navy-dark); position: relative; transition: color var(--transition-fast); }
.quote-basket-btn:hover { color: var(--primary-orange); }
.cart-icon-wrap { position: relative; display: inline-flex; }
.cart-badge { position: absolute; top: -8px; right: -10px; background: var(--primary-orange); color: rgb(255, 255, 255); font-size: 0.68rem; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid rgb(255, 255, 255); }
.cart-icon-wrap.is-bumping { animation: 0.4s ease 0s 1 normal none running cartIconBump; }
.mobile-menu-toggle { display: none; color: var(--navy-dark); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 4px; z-index: 1001; position: relative; }
@media (max-width: 992px){.nav-links { flex-direction: column !important; align-items: stretch !important; gap: 0px !important; position: fixed !important; top: var(--mobile-header-h, 72px) !important; left: 0px !important; right: 0px !important; background: rgb(255, 255, 255) !important; padding: 8px 24px 20px !important; box-shadow: rgba(4, 20, 46, 0.22) 0px 16px 28px -10px !important; z-index: 99998 !important; max-height: calc(100vh - var(--mobile-header-h, 72px)) !important; overflow-y: auto !important; margin: 0px !important; }.nav-links:not(.mobile-nav-open) { display: none !important; }.nav-links.mobile-nav-open { display: flex !important; }.nav-links .nav-link { width: 100%; padding: 14px 0px; border-bottom: 1px solid var(--border-light); pointer-events: auto !important; }.nav-links .nav-link.active::after { display: none; }.nav-dropdown { width: 100%; }.nav-dropdown .nav-link { justify-content: space-between; }.dropdown-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 0px 4px 14px; display: none; min-width: 0px; }.nav-dropdown.mobile-dropdown-open .dropdown-menu { display: block; }.nav-dropdown.mobile-dropdown-open .nav-link svg { transform: rotate(180deg); }.dropdown-item { padding: 10px 0px; border-bottom: 1px dashed var(--border-light); pointer-events: auto !important; }.mobile-nav-backdrop { opacity: 0; pointer-events: none; transition: opacity var(--transition-normal, 0.2s); position: fixed !important; inset: 0px !important; background: rgba(4, 12, 26, 0.45) !important; z-index: 99997 !important; }.mobile-nav-backdrop.is-visible { opacity: 1; pointer-events: auto !important; }body.mobile-nav-active { overflow: hidden !important; }.mobile-menu-toggle { z-index: 99999 !important; position: relative !important; pointer-events: auto !important; }}
@media (max-width: 992px){.nav-links, .search-bar-wrapper { display: none; }.mobile-menu-toggle { display: block; }.header-actions { gap: 12px; }.user-account-btn span, .quote-basket-btn span { display: none; }.user-account-btn, .quote-basket-btn { gap: 0px; }}
.brand-logo-img, .aab-logo-img { height: 52px; max-height: 58px; }
.header-container { padding: 10px 24px; }
.nav-mobile-search { display: none; }
@media (max-width: 1024px){.nav-links .nav-mobile-search { display: flex; gap: 8px; margin: 0px 0px 12px; padding: 0px 4px; order: -1; width: 100%; box-sizing: border-box; }.nav-mobile-search input { flex: 1 1 0%; min-width: 0px; padding: 11px 14px; border: 1px solid rgb(203, 213, 225); border-radius: 10px; font-size: 16px; background: rgb(255, 255, 255); color: rgb(15, 23, 42); }.nav-mobile-search button { border: 0px; background: rgb(20, 86, 176); color: rgb(255, 255, 255); border-radius: 10px; padding: 0px 14px; display: flex; align-items: center; cursor: pointer; }}
@media (min-width: 1025px){.main-header .brand-logo-img { height: 96px !important; max-height: none !important; }}
.user-account-btn, .quote-basket-btn { padding: 8px 10px; }
#el-8b941c41.vce-shortcode-wrapper,.vce-shortcode-wrapper:has(.header-wrapper){display:none !important}
.main-header{font-family:'Inter',system-ui,-apple-system,sans-serif}
.main-header *{box-sizing:border-box}
.page-id-1411 .aabex-categories .categories-search-wrap{display:none !important}
.main-header a,.main-header a:hover,.main-header a:focus{text-decoration:none !important}
.main-header .search-btn{background:transparent !important;color:#475569 !important;border:0 !important;box-shadow:none !important;width:auto !important;padding:0 10px !important;font-size:inherit !important}
.main-header .search-input{box-shadow:none !important}
.vcv-content--blank>.main-header+*,.vcv-content--blank>article{margin-block-start:0 !important;margin-top:0 !important}
.page-id-1411 #aabex-products-grid-section{padding-top:36px !important}
.vce-row:has(.header-wrapper){display:none !important}
.main-header .search-btn svg{stroke:#475569 !important;color:#475569 !important;fill:none !important}
.wp-site-blocks>header.wp-block-template-part,.wp-site-blocks>.wp-block-template-part:first-child:has(.wp-block-navigation){display:none !important}
.wp-site-blocks>.main-header+*{margin-block-start:0 !important}
.header-wrapper,.wp-site-blocks>.mobile-drawer{display:none !important}
.wp-site-blocks>.nav-wrapper{display:none !important}
.main-header{font-size:22px !important;line-height:33px !important;font-weight:300 !important;letter-spacing:-0.1px;color:#475569}
.main-header .header-container{padding:10px 24px !important}
.main-header .nav-link{font-size:16.8px !important;line-height:25.2px !important;font-weight:600 !important;padding:6px 0 !important}
.main-header .search-input-group{padding:3px 14px !important;height:41px !important;border:1px solid #e2e8f0 !important;border-radius:10px !important;background:#f1f5f9 !important;display:flex !important;align-items:center}
.main-header .search-input{font-family:Arial,sans-serif !important;font-size:15.2px !important;line-height:normal !important;padding:8px 6px !important;height:33px !important;border:0 !important;background:transparent !important;color:#0f172a !important;margin:0 !important;border-radius:0 !important;width:auto;flex:1;min-width:0}
.main-header .search-btn{width:24px !important;height:24px !important;padding:4px !important;color:#64748b !important}
.main-header .user-account-btn,.main-header .quote-basket-btn{padding:8px 10px !important;font-size:16px !important;line-height:24px !important;color:#08192f !important}