/* Two-level header inspired by the supplied reference */
.top-header{background:linear-gradient(90deg,#030828 0%,#071a48 45%,#075b96 100%);overflow:visible;color:#fff;box-shadow:0 3px 9px #0a153a35}
.top-header:before{display:none}
.top-inner{height:62px;min-height:62px;display:grid;gap:24px;font-size:14px}
.top-contacts{display:flex;align-items:center;gap:25px;white-space:nowrap}
.top-contacts a{display:flex;align-items:center;gap:8px;color:#d7e4f0;font-weight:700;transition:.2s}
.top-contacts a:hover{color:#fff}.top-contacts b{color:var(--orange);font-size:16px}
.social-icons{align-items:center;display:flex;gap:9px}.social-icon{align-items:center;border-radius:50%;display:flex;justify-content:center}.social-icon svg{display:block;height:16px;width:16px}.social-icon svg path{fill:currentColor}.social-instagram svg rect,.social-instagram svg circle{fill:none;stroke:currentColor;stroke-width:1.8}.social-instagram svg .social-fill{fill:currentColor;stroke:0}.social-unlinked{cursor:default}
.main-header{border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#075b96,var(--orange),#075b96) 1;box-shadow:0 4px 12px #06173a18}
.nav-row{height:80px;gap:36px}.brand{width:145px;padding:8px 0}.desktop-nav{gap:27px}
.desktop-nav a{color:#11669f;font-size:13px;text-transform:uppercase;letter-spacing:.015em}
.desktop-nav a span{margin-left:4px;color:#11669f;font-size:14px;line-height:1}
.desktop-nav a:after{bottom:16px;background:var(--orange)}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--orange-dark)}
.site-header.scrolled .main-header{border-bottom:3px solid var(--orange)}
.site-header.scrolled+.hero{margin-top:80px}.mobile-nav{top:80px;border-top:3px solid var(--orange)}
@media(max-width:1100px){.top-contacts{gap:15px;font-size:12px}.top-email{display:none}.desktop-nav{gap:19px}.desktop-nav a{font-size:11px}}
@media(max-width:980px){.top-contacts a:nth-child(2){display:none}.desktop-nav{display:none}.menu-toggle{display:block}.brand{width:125px}}
@media(max-width:720px){.top-inner{height:48px;min-height:48px;gap:10px}.top-contacts{font-size:11px}.nav-row{height:70px}.brand{width:108px}.mobile-nav{top:70px}.site-header.scrolled+.hero{margin-top:70px}}
@media(max-width:420px){.top-contacts a{font-size:10px}.top-contacts b{display:none}}
.top-message{display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
@media(max-width:1100px){.top-message{font-size:9px;letter-spacing:.07em}}
@media(max-width:720px){.top-message{display:none}.top-inner{grid-template-columns:1fr auto}}

/* Keep contact details, market message and social links balanced */
.top-inner{grid-template-columns:minmax(0,1.4fr) minmax(180px,.7fr) 190px;grid-template-areas:"contacts message social";overflow:visible}
.top-contacts{grid-area:contacts;min-width:0}
.top-message{grid-area:message;justify-content:center;text-align:center}
.header-social-icons{grid-area:social;justify-content:flex-end}.header-social-icons .social-icon{border:1px solid rgba(255,255,255,.25);color:#fff;height:34px;transition:background .2s,color .2s,transform .2s;width:34px}.header-social-icons a:hover{background:#fff;color:#075b96;transform:translateY(-2px)}.header-social-icons .social-unlinked{color:#c4d3e1;opacity:.8}
@media(max-width:1100px){.top-inner{grid-template-columns:minmax(0,1fr) 165px 170px}.header-social-icons .social-icon{height:32px;width:32px}}
@media(max-width:980px){.top-inner{grid-template-columns:minmax(0,1fr) 150px 160px}.top-message{font-size:8px}.header-social-icons{gap:7px}}
@media(max-width:720px){.top-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"contacts social"}.top-message{display:none}.header-social-icons .social-icon{height:30px;width:30px}.header-social-icons .social-icon svg{height:14px;width:14px}}
@media(max-width:420px){.header-social-icons{gap:5px}.header-social-icons .social-icon{height:27px;width:27px}.header-social-icons .social-icon svg{height:12px;width:12px}}

/* Desktop mega menu */
.desktop-nav .nav-item{height:100%;display:flex;align-items:center}
.desktop-nav .nav-item>a{gap:5px}
.desktop-nav .menu-caret{margin:0;color:#11669f;font-size:14px;transition:transform .2s}
.mega-menu{position:absolute;z-index:60;left:50%;top:100%;width:min(1030px,calc(100vw - 40px));display:grid;grid-template-columns:1fr 310px;background:#fff;box-shadow:0 12px 34px #071b342e;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .2s,transform .2s,visibility .2s;text-transform:none}
.mega-trigger:hover .mega-menu,.mega-trigger:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mega-trigger:hover .menu-caret,.mega-trigger:focus-within .menu-caret{transform:rotate(180deg)}
.mega-links{padding:42px 50px 45px}
.desktop-nav .mega-all{display:inline-flex;height:auto;padding:0 0 8px;color:#111;font-size:14px;font-weight:800;text-transform:uppercase;border-bottom:2px solid var(--orange)}
.desktop-nav .mega-all:after{display:none}.desktop-nav .mega-all span{margin-left:18px;color:var(--orange)}
.mega-list{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;row-gap:0;margin-top:23px}
.desktop-nav .mega-list a{height:auto;padding:9px 0;color:#202226;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;transition:color .2s,transform .2s}
.desktop-nav .mega-list a:after{display:none}.desktop-nav .mega-list a:hover{color:var(--orange-dark);transform:translateX(5px)}
.mega-promo{padding:32px 30px;background:#c9e0f0;color:#12181f}
.mega-promo h3{margin:0 0 16px;font-size:25px;line-height:1.25;letter-spacing:-.02em}
.mega-promo p{margin:0 0 25px;font-size:15px;line-height:1.5;color:#33414d}
.desktop-nav .mega-quote{height:50px;display:flex;align-items:center;justify-content:center;padding:0 20px;background:#0961aa;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;transition:background .2s}
.desktop-nav .mega-quote:after{display:none}.desktop-nav .mega-quote:hover{color:#fff;background:var(--orange-dark)}
@media(max-width:980px){.mega-menu{display:none}}
.services-trigger .services-menu{left:50%;width:min(1160px,calc(100vw - 32px));display:block;padding:0;background:#232632;border-top:3px solid var(--orange);transform:translate(-50%,10px);box-shadow:0 16px 34px #050b1d42}
.services-trigger:hover .services-menu,.services-trigger:focus-within .services-menu{transform:translate(-50%,0)}
.services-mega-grid{display:grid;grid-template-columns:1.15fr .85fr 1.45fr;max-height:calc(100vh - 180px);overflow-y:auto}
.services-mega-column{min-width:0;padding:24px 25px 28px;border-right:1px solid #ffffff14}
.services-mega-column:last-child{border-right:0}
.services-mega-column h3{margin:0 0 14px;padding-bottom:12px;border-bottom:2px solid var(--orange);color:#fff;font-size:16px;line-height:1.3}
.services-mega-links{display:grid;grid-template-columns:1fr;gap:2px}
.services-mega-supply .services-mega-links{grid-template-columns:1fr 1fr;column-gap:16px}
.desktop-nav .services-mega-links a{height:auto;display:block;padding:8px 9px;color:#d2d5dc;font-size:13px;font-weight:600;line-height:1.3;text-transform:none;letter-spacing:0;transition:color .2s,background .2s,transform .2s}
.desktop-nav .services-mega-links a:after{display:none}
.desktop-nav .services-mega-links a:hover{color:#fff;background:#323746;transform:translateX(3px)}
@media(min-width:981px) and (max-width:1100px){.services-mega-column{padding:20px 18px 24px}.services-mega-column h3{font-size:14px}.desktop-nav .services-mega-links a{padding:7px 6px;font-size:12px}.services-mega-grid{grid-template-columns:1.1fr .82fr 1.5fr}}
.desktop-nav .departments-trigger{position:relative}
.departments-trigger .departments-menu{left:0;width:380px;display:block;padding:16px 0;background:#232632;border-top:3px solid var(--orange);transform:translate(0,10px);box-shadow:0 14px 30px #050b1d42}
.departments-trigger:hover .departments-menu,.departments-trigger:focus-within .departments-menu{transform:translate(0,0)}
.department-links{display:grid}
.desktop-nav .department-links a,.department-links span{display:block;height:auto;padding:12px 28px;color:#d2d5dc;font-size:15px;font-weight:600;line-height:1.35;text-transform:none;letter-spacing:0;transition:color .2s,background .2s}
.desktop-nav .department-links a:after{display:none}
.desktop-nav .department-links a:hover,.department-links span:hover{color:#fff;background:#323746}

/* Mobile Services accordion */
.mobile-submenu{border-bottom:1px solid var(--line)}
.mobile-submenu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:14px;font-weight:700;cursor:pointer}
.mobile-submenu summary::-webkit-details-marker{display:none}
.mobile-submenu summary span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf4f9;color:#0961aa;font-size:18px;transition:transform .2s,background .2s}
.mobile-submenu[open] summary{color:#0961aa}.mobile-submenu[open] summary span{transform:rotate(45deg);background:var(--orange);color:#fff}
.mobile-submenu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:3px 0 13px 12px;border-left:3px solid var(--orange)}
.mobile-nav .mobile-submenu-list a{padding:9px 5px;border:0;color:#4c5660;font-size:12px;font-weight:600}
.mobile-nav .mobile-submenu-list a:hover{color:var(--orange-dark)}
.mobile-service-groups{padding:3px 0 13px 12px;border-left:3px solid var(--orange)}
.mobile-service-category{border-bottom:1px solid var(--line)}
.mobile-service-category:last-child{border-bottom:0}
.mobile-submenu .mobile-service-category summary{padding:12px 6px;color:#4c5660;font-size:13px;font-weight:700}
.mobile-submenu .mobile-service-category summary span{width:auto;height:auto;background:transparent;color:#0961aa;font-size:17px;border-radius:0;transform:none}
.mobile-submenu .mobile-service-category[open] summary span{transform:rotate(180deg);background:transparent;color:var(--orange-dark)}
.mobile-service-category-links:empty{display:none}
.mobile-service-category-links{display:grid;padding:0 6px 10px 14px}
.mobile-service-category-links span,.mobile-nav .mobile-service-category-links a{padding:8px 4px;border:0;color:#65707b;font-size:12px;font-weight:600;line-height:1.35}
.mobile-nav .mobile-service-category-links a:hover{color:var(--orange-dark)}
.mobile-supply-links{grid-template-columns:1fr 1fr;gap:0 12px}
.mobile-department-list{display:grid;padding:3px 0 13px 12px;border-left:3px solid var(--orange)}
.mobile-department-list span,.mobile-nav .mobile-department-list a{padding:9px 5px;border:0;color:#65707b;font-size:12px;font-weight:600;line-height:1.35}
.mobile-nav .mobile-department-list a:hover{color:var(--orange-dark)}
@media(max-width:430px){.mobile-submenu-list,.mobile-supply-links{grid-template-columns:1fr}}
.about-menu .mega-promo{background:#f6d6bd}
.about-menu .mega-quote{background:var(--orange-dark)}
.about-menu .mega-quote:hover{background:#0961aa}
.about-list{grid-template-columns:1fr 1fr}