﻿/* Final header layout: equal side tracks keep the menu on the page centreline. */
:root{--os-header-height:84px;--os-admin-height:0px}
body.admin-bar{--os-admin-height:32px}
.os-header{top:var(--os-admin-height);z-index:100;background:#fffffff5;border-bottom:1px solid #e9e5f0;box-shadow:none}
.os-header.is-scrolled{box-shadow:0 6px 26px #2216380b}
.os-header .os-header-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:24px;row-gap:0;width:100%;max-width:none;min-height:var(--os-header-height);padding-inline:clamp(24px,2.5vw,48px);margin-inline:auto}
.os-header .os-header-inner>.os-brand{grid-column:1;grid-row:1;justify-self:start;gap:9px;min-width:0}
.os-header .os-brand>span{font-size:29px}
.os-header .os-brand img{width:38px;height:38px}
.os-header .os-header-inner>.os-nav{grid-column:2;grid-row:1;justify-self:center;align-self:stretch;width:auto;min-width:0;margin:0}
.os-header .os-menu{display:flex;align-items:stretch;justify-content:center;gap:clamp(14px,1.15vw,22px);min-height:var(--os-header-height);padding:0;margin:0}
.os-header .os-menu>li{display:flex;align-items:center;min-height:var(--os-header-height);border:0;margin:0;padding:0;position:static}
.os-header .os-menu>li>a{font-size:16px;font-weight:600;padding:12px 0;white-space:nowrap}
.os-header .os-menu .os-submenu-toggle{width:auto;min-height:44px;padding:10px 7px;margin:0 -7px;border-radius:8px;font-size:16px;gap:6px;justify-content:center;white-space:nowrap}
.os-header .os-header-inner>.os-header-cta{display:inline-flex;grid-column:3;grid-row:1;justify-self:end;align-self:center;min-height:46px;max-width:100%;width:auto;padding:12px 18px;gap:14px;border-radius:9px;white-space:nowrap;font-size:16px}
.os-header .os-header-inner>.os-menu-toggle,.os-header .os-mobile-nav-contact,.os-header .os-menu>.os-nav-cta{display:none}
.os-header .os-services-mega{top:100%;left:50%;transform:translateX(-50%);width:min(1320px,calc(100vw - 48px));max-height:calc(100dvh - var(--os-header-height) - var(--os-admin-height) - 20px);border-radius:0 0 18px 18px;border-top:1px solid #e9e5f0;box-shadow:0 24px 50px #22163818}
.os-header .os-mega-layout{grid-template-columns:245px minmax(0,1fr)}
.os-header .os-mega-sidebar{border-radius:0 0 0 18px;background:#f6f3fa}
.os-header .os-mega-category{grid-template-columns:minmax(0,1fr) 260px;gap:22px}
.os-header .os-mega-feature{background:linear-gradient(145deg,#f2edf9,#f8f9fc);border-color:#e6dfef}
.os-header .os-mega-cta{border-radius:8px}
.os-header .os-mega-links a{min-height:52px;font-size:13px}
.os-header .os-mega-service-icon{width:30px;height:30px}
.os-header .os-mega-tab{font-size:13px}
@media(min-width:1321px){.os-header .os-header-inner>.os-nav{display:block}.os-header .os-menu>li>.os-submenu{top:100%;max-height:calc(100dvh - var(--os-header-height) - var(--os-admin-height) - 20px)}}
@media(max-width:1320px){
 :root{--os-header-height:76px}
 .os-header .os-header-inner{grid-template-columns:minmax(0,1fr) auto;min-height:var(--os-header-height);padding-inline:24px;gap:0}
 .os-header .os-header-inner>.os-header-cta{display:none!important}
 .os-header .os-header-inner>.os-menu-toggle{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ddd5e8;border-radius:10px;background:#f9f6fc}
 .os-header .os-header-inner>.os-nav{position:absolute;top:100%;left:0;right:0;grid-column:auto;grid-row:auto;width:100%;padding:8px 24px 24px;background:#fff;border-top:1px solid #ece6f2;border-bottom:1px solid #e1d8eb;box-shadow:0 16px 30px #22163812;max-height:calc(100dvh - var(--os-header-height) - var(--os-admin-height));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .os-js .os-header .os-header-inner>.os-nav{display:none}
 .os-js .os-header .os-header-inner>.os-nav.is-open{display:block;max-height:calc(100dvh - var(--os-header-height) - var(--os-admin-height))}
 .os-header .os-menu{display:block;min-height:0;padding:0}
 .os-header .os-menu>li{display:block;min-height:0;border-bottom:1px solid #ede7f3}
 .os-header .os-menu>li>a{display:flex;min-height:52px;font-size:16px;padding:14px 2px}
 .os-header .os-menu .os-submenu-toggle{display:flex;justify-content:space-between;width:100%;margin:0;padding:14px 2px;min-height:52px;font-size:16px;border-radius:0}
 .os-header .os-services-mega{position:static;left:auto;top:auto;transform:none;width:100%;max-height:none;margin:0 0 16px;border:1px solid #e6deed;border-radius:12px;box-shadow:none;overflow:visible}
 .os-header .os-mega-layout{grid-template-columns:1fr}
 .os-header .os-mega-sidebar{border-radius:12px 12px 0 0;padding:16px}
 .os-header .os-mega-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .os-header .os-mega-tab{font-size:12px}
 .os-header .os-mega-category{grid-template-columns:1fr}
 .os-header .os-mega-feature{display:none}
 .os-header .os-mobile-nav-contact{display:block;margin-top:22px;padding:22px;border:1px solid #e5dcee;border-radius:13px;background:linear-gradient(120deg,#f5effb,#f3f7fd)}
 .os-header .os-mobile-nav-contact p{font-size:13px;margin:0 0 12px}
 .os-header .os-mobile-nav-contact .os-button{font-size:16px;min-height:46px;padding:12px 18px}
 body.os-navigation-open{overflow:hidden}
}
@media(max-width:782px){body.admin-bar{--os-admin-height:46px}}
@media(max-width:600px){
 .os-header .os-header-inner{padding-inline:20px}
 .os-header .os-brand>span{font-size:27px}
 .os-header .os-header-inner>.os-nav{padding-inline:20px}
 .os-header .os-mega-tab{min-height:84px;font-size:11px}
 .os-header .os-mega-links{grid-template-columns:1fr}
 .os-header .os-menu>li>.os-submenu{padding:12px}
 .os-header .os-mobile-nav-contact .os-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.os-header .os-menu>li>.os-submenu:not([hidden]){animation:none}}
