/* V39.3.81 shared website header. Scoped so Wiki, Mijn SAS and internal surfaces keep their own page styling. */
.commercial-site-chrome{
  --site-navy:#092f4d;--site-blue:#1673b4;--site-orange:#f58a23;--site-sky:#eaf4fb;
  --site-mint:#e6f7f3;--site-ink:#0b3555;--site-muted:#60798c;--site-line:#d7e5ee;
  --site-width:1400px;--site-gutter:28px;
  position:sticky!important;top:0;z-index:500;background:#fff
}
.commercial-site-chrome .commercial-utility{display:none!important}
.commercial-site-chrome .commercial-main-header{height:80px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--site-line)!important;box-shadow:0 5px 22px rgba(8,47,77,.045)!important;backdrop-filter:saturate(1.2) blur(12px)}
.commercial-site-chrome .commercial-header-inner{width:100%!important;max-width:var(--site-width)!important;height:100%;margin:0 auto!important;padding:0 var(--site-gutter)!important;display:flex;align-items:center;justify-content:space-between;gap:24px}
.commercial-site-chrome .commercial-brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:var(--site-ink)!important;min-width:max-content}
.commercial-site-chrome .commercial-brand img{display:block!important;width:70px!important;height:48px!important;object-fit:contain!important}
.commercial-site-chrome .commercial-brand span{display:block!important;min-width:0}
.commercial-site-chrome .commercial-brand strong{display:block!important;font-size:17px!important;line-height:1.1!important;letter-spacing:-.01em!important}
.commercial-site-chrome .commercial-brand small{display:block!important;margin-top:4px!important;color:#758a99!important;font-size:10px!important;line-height:1.1!important}
.commercial-site-chrome .commercial-primary-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin-left:auto!important}
.commercial-site-chrome .commercial-nav-link,.commercial-site-chrome .commercial-nav-dropdown>button{height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 13px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--site-ink)!important;text-decoration:none!important;font:800 12px/1 inherit!important;white-space:nowrap!important;cursor:pointer!important;transition:background .16s ease,color .16s ease!important}
.commercial-site-chrome .commercial-nav-link:hover,.commercial-site-chrome .commercial-nav-dropdown>button:hover,.commercial-site-chrome .commercial-nav-link.active,.commercial-site-chrome .commercial-nav-dropdown.active>button{background:var(--site-navy)!important;color:#fff!important}
.commercial-site-chrome .commercial-nav-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.commercial-site-chrome .commercial-nav-dropdown:hover .commercial-nav-chevron,.commercial-site-chrome .commercial-nav-dropdown:focus-within .commercial-nav-chevron,.commercial-site-chrome .commercial-nav-dropdown.open .commercial-nav-chevron{transform:rotate(180deg)}
.commercial-site-chrome .commercial-nav-dropdown{position:relative}
.commercial-site-chrome .commercial-nav-menu{position:absolute!important;top:calc(100% + 12px)!important;left:0!important;width:360px!important;padding:10px!important;border:1px solid var(--site-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 22px 60px rgba(8,47,77,.17)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-6px)!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important}
.commercial-site-chrome .commercial-nav-menu-wide{width:410px!important}
.commercial-site-chrome .commercial-nav-dropdown:hover .commercial-nav-menu,.commercial-site-chrome .commercial-nav-dropdown:focus-within .commercial-nav-menu,.commercial-site-chrome .commercial-nav-dropdown.open .commercial-nav-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.commercial-site-chrome .commercial-nav-menu>a{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:10px!important;border-radius:13px!important;color:var(--site-ink)!important;text-decoration:none!important}
.commercial-site-chrome .commercial-nav-menu>a:hover,.commercial-site-chrome .commercial-nav-menu>a.active{background:#f0f7fb!important}
.commercial-site-chrome .commercial-menu-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--site-sky);color:var(--site-blue);flex:0 0 42px}
.commercial-site-chrome .commercial-nav-menu>a:nth-child(2n) .commercial-menu-icon{background:#fff0e4;color:var(--site-orange)}
.commercial-site-chrome .commercial-nav-menu>a:nth-child(3n) .commercial-menu-icon{background:var(--site-mint);color:#12877c}
.commercial-site-chrome .commercial-menu-icon svg{width:21px!important;height:21px!important}
.commercial-site-chrome .commercial-nav-menu strong,.commercial-site-chrome .commercial-nav-menu small{display:block!important}
.commercial-site-chrome .commercial-nav-menu strong{font-size:12px!important;line-height:1.2!important}
.commercial-site-chrome .commercial-nav-menu small{margin-top:3px!important;color:var(--site-muted)!important;font-size:10px!important;line-height:1.35!important}
.commercial-site-chrome .commercial-nav-divider{width:1px;height:26px;background:var(--site-line);margin:0 4px}
.commercial-site-chrome .commercial-search-main{width:44px!important;height:44px!important;border:1px solid #c8dbe7!important;border-radius:12px!important;background:#f8fbfd!important;color:var(--site-ink)!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.commercial-site-chrome .commercial-search-main:hover{background:var(--site-sky)!important;border-color:#a9c8da!important}
.commercial-site-chrome .commercial-search-main svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important}
.commercial-site-chrome .commercial-header-cta{height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;border-radius:12px!important;text-decoration:none!important;text-transform:none!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important}
.commercial-site-chrome .commercial-header-cta.secondary{border:1.5px solid #9fb8c8!important;background:#fff!important;color:var(--site-ink)!important}
.commercial-site-chrome .commercial-header-cta.primary{border:1.5px solid var(--site-orange)!important;background:var(--site-orange)!important;color:#fff!important;box-shadow:0 8px 20px rgba(245,138,35,.16)!important}
.commercial-site-chrome .s4m-nav-bullet{width:20px!important;height:20px!important;object-fit:contain!important}
.commercial-site-chrome .commercial-mobile-toggle{display:none;width:44px;height:44px;border:1px solid var(--site-line);border-radius:12px;background:#fff;padding:10px;cursor:pointer}
.commercial-site-chrome .commercial-mobile-toggle span{display:block;height:2px;background:var(--site-ink);margin:4px 0;border-radius:2px}
@media(max-width:1230px){
 .commercial-site-chrome{--site-gutter:22px}
 .commercial-site-chrome .commercial-brand span{display:none!important}
 .commercial-site-chrome .commercial-nav-link,.commercial-site-chrome .commercial-nav-dropdown>button{padding:0 10px!important}
 .commercial-site-chrome .commercial-header-cta{padding:0 14px!important}
 .commercial-site-chrome .commercial-primary-nav{gap:3px!important}
}
@media(max-width:980px){
 .commercial-site-chrome .commercial-main-header{height:72px!important}
 .commercial-site-chrome .commercial-mobile-toggle{display:block!important;margin-left:auto}
 .commercial-site-chrome .commercial-primary-nav{position:fixed!important;left:16px!important;right:16px!important;top:82px!important;display:none!important;max-height:calc(100vh - 98px)!important;overflow:auto!important;align-items:stretch!important;flex-direction:column!important;padding:14px!important;border:1px solid var(--site-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 70px rgba(8,47,77,.20)!important}
 .commercial-site-chrome.nav-open .commercial-primary-nav{display:flex!important}
 .commercial-site-chrome .commercial-nav-link,.commercial-site-chrome .commercial-nav-dropdown>button,.commercial-site-chrome .commercial-header-cta{width:100%!important;justify-content:flex-start!important}
 .commercial-site-chrome .commercial-nav-divider{display:none!important}
 .commercial-site-chrome .commercial-search-main{width:100%!important;justify-items:start!important;padding-left:14px!important}
 .commercial-site-chrome .commercial-nav-menu,.commercial-site-chrome .commercial-nav-menu-wide{position:static!important;width:100%!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;margin-top:6px!important;background:#f7fbfd!important}
 .commercial-site-chrome .commercial-nav-dropdown.open .commercial-nav-menu{display:block!important}
}
@media(max-width:700px){
 .commercial-site-chrome{--site-gutter:16px}
 .commercial-site-chrome .commercial-brand img{width:62px!important;height:42px!important}
}