/* Shared seven-section navigation, using the established site colours. */
.header .nav-client-tools{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5}
.header .nav-client-tools a{color:#b7d7eb;text-decoration:none}
.header .nav-client-tools a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.header .nav-client-tools a:first-child{color:#fff;font-weight:650}
.header [data-nav-section][data-active=true]>summary,
.header a[data-nav-section][data-active=true]{box-shadow:inset 0 -2px #e52c3c;color:#fff}
.header [data-nav-section]>summary::after{margin-left:2px;flex:none}
.header :is(a,summary,button):focus-visible{outline:2px solid #a5dcff;outline-offset:4px;border-radius:3px}
html[lang] .header #main-nav{gap:18px;flex-wrap:nowrap;align-items:center;min-width:0;justify-content:center}
html[lang] .header #main-nav>a,
html[lang] .header #main-nav>details>summary{font-size:14px;line-height:1.5;white-space:nowrap;padding:12px 0;display:flex;align-items:center}
html[lang=ru] .header #main-nav{gap:15px}
html[lang=ru] .header #main-nav>a,
html[lang=ru] .header #main-nav>details>summary{font-size:13px}
.header #main-nav .review-nav-group>div{width:290px;max-width:calc(100vw - 48px);padding:8px}
.header #main-nav .review-nav-group>div a{display:flex;align-items:center;min-height:44px;border-radius:4px;text-decoration:none}
.header #main-nav .review-nav-group>div a[aria-current=page]{background:#2a3b4e;box-shadow:inset 3px 0 #e52c3c}
.header .nav-client-tools{position:absolute;right:82px;top:6px}
@media(min-width:1561px){
 html[lang] .header .header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center}
 html[lang] .header #main-nav{display:flex;grid-column:2;grid-row:1}
 html[lang] .header .mobile-navigation{display:none!important}
 html[lang] .header .header-contacts{display:flex;grid-column:3;grid-row:1;margin:0}
 html[lang] .header .review-language{position:absolute;top:4px;right:0;grid-column:auto;grid-row:auto;margin:0}
}
@media(max-width:1560px){
 html[lang] .header .header-inner{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:auto;gap:16px;align-items:center}
 html[lang] .header .brand{grid-column:1;grid-row:1}
 html[lang] .header #main-nav{display:none}
 html[lang] .header .header-contacts{display:flex;grid-column:2;grid-row:1;margin:0}
 html[lang] .header .review-language{position:static;grid-column:3;grid-row:1;margin:0;justify-self:end}
 html[lang] .header .mobile-navigation{display:block!important;grid-column:4;grid-row:1;justify-self:end;margin:0}
 html[lang] .header .mobile-navigation>.menu{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer}
 html[lang] .header .nav-client-tools{display:none}
 html[lang] .header #mobile-nav{position:fixed;top:var(--client-header-bottom,80px);left:0;right:0;width:auto;max-height:calc(100dvh - var(--client-header-bottom,80px));height:calc(100dvh - var(--client-header-bottom,80px));padding:16px max(18px,calc((100vw - 760px)/2)) calc(28px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:#101f30;color:#fff;border:0;box-shadow:0 14px 24px #05111c40}
 .header #mobile-nav .nav-quick-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 22px}
 .header #mobile-nav .nav-quick-tools>a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #4b6579;border-radius:6px;color:#e4f5ff;font-size:14px;padding:8px 12px;text-align:center;text-decoration:none}
 .header #mobile-nav .nav-quick-tools>a:first-child{background:#c72030;border-color:#c72030;color:white}
 .header #mobile-nav .nav-services{margin:0 0 14px}
 .header #mobile-nav .nav-services>h2{font-size:14px;line-height:1.5;color:#a8c5d9;margin:0 0 10px;font-weight:600}
 .header #mobile-nav .client-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .header #mobile-nav .client-nav-grid>a{display:flex;align-items:center;min-height:50px;padding:10px 12px;margin:0;background:#192f42;border:1px solid #344e62;border-radius:7px;color:#fff;font-size:15px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-decoration:none;box-sizing:border-box}
 .header #mobile-nav .client-nav-grid>a[aria-current=page]{border-color:#e64c56;background:#2b3544}
 .header #mobile-nav .nav-all-services{display:flex;align-items:center;min-height:44px;margin-top:4px;color:#a7dfff;font-size:14px;text-decoration:none}
 .header #mobile-nav>a.nav-primary-link{display:flex;align-items:center;min-height:54px;padding:12px 2px;border-bottom:1px solid #3c5367;font-size:16px;line-height:1.5;color:#fff;text-decoration:none}
 .header #mobile-nav>a[data-nav-section=manufacturers]{padding:12px;margin-bottom:8px;border:1px solid #58798e;border-radius:7px;background:#20394b}
 .header #mobile-nav>.review-nav-group{padding:0 2px;border-bottom:1px solid #3c5367}
 .header #mobile-nav>.review-nav-group>summary{font-size:16px;line-height:1.5;min-height:54px;padding:12px 0;box-sizing:border-box;justify-content:space-between;white-space:normal}
 .header #mobile-nav>.review-nav-group>div{padding:0 0 8px;gap:0}
 .header #mobile-nav>.review-nav-group>div>a{display:flex;align-items:center;min-height:44px;margin:0;padding:9px 12px;color:#cce6f6;font-size:15px;line-height:1.5;text-decoration:none;border-radius:4px}
 .header #mobile-nav>.review-nav-group>div>a[aria-current=page]{background:#263b4c;color:#fff;box-shadow:inset 3px 0 #e52c3c}
 .header #mobile-nav .nav-mobile-account{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:18px}
 .header #mobile-nav .nav-mobile-account>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;color:#bbd7e9;border:1px solid #425c70;border-radius:6px;font-size:14px;text-align:center;text-decoration:none}
 .header #mobile-nav .client-nav-home{min-height:40px;box-sizing:border-box;padding:0 0 12px}
}
@media(max-width:760px){
 html[lang] .header .header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
 html[lang] .header .header-contacts{display:none}
 html[lang] .header .review-language{grid-column:2;grid-row:1}
 html[lang] .header .mobile-navigation{grid-column:3;grid-row:1}
 .header #mobile-nav .client-nav-grid>a{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.header *{scroll-behavior:auto}}
