/* One navigation row for the whole company, with sections inside each product. */
html{scroll-padding-top:100px}
.ks-header{--nav-ink:#24262b;--nav-line:#dedfe2;--nav-orange:#f55b00;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:28px;height:80px;padding:0 48px;background:#fff;border-bottom:1px solid var(--nav-line);color:var(--nav-ink);font:16px/1.5 Space,Arial,sans-serif}
.ks-header *{box-sizing:border-box}
.ks-header .brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--nav-ink)}
.ks-header .ks-mark{font-size:25px;line-height:1;font-weight:700;letter-spacing:-2px;padding:0 12px 0 0;border-right:1px solid var(--nav-line)}
.ks-header .ks-mark i{color:var(--nav-orange);font-style:normal;margin:0 2px;padding:0}
.ks-header .brand>span{font-size:13px;font-weight:700;line-height:1.15;letter-spacing:.08em}
.ks-header .brand small{display:block;font-size:9px;letter-spacing:.35em;margin-top:5px}
.ks-navigation{display:flex;align-items:center;gap:28px;margin:0;padding:0}
.ks-nav-group{position:relative}
.ks-header summary{list-style:none;cursor:pointer}
.ks-header summary::-webkit-details-marker{display:none}
.ks-nav-group>summary,.ks-nav-company{display:flex;align-items:center;gap:8px;min-height:80px;padding:0;position:relative;font-size:15px;white-space:nowrap;color:var(--nav-ink);text-decoration:none}
.ks-nav-group[data-active]>summary::after,.ks-nav-company[aria-current]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--nav-orange)}
.ks-nav-group[open]>summary,.ks-nav-group>summary:hover,.ks-nav-company:hover{color:#b23f00}
.ks-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .15s}
.ks-nav-group[open]>summary .ks-chevron{transform:rotate(225deg);margin-top:3px}
.ks-nav-panel{position:absolute;top:calc(100% + 1px);left:-20px;width:288px;max-height:calc(100dvh - 96px);overflow-y:auto;padding:12px;background:white;border:1px solid var(--nav-line);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 16px 35px #24262b14}
.ks-nav-panel a{display:block;font-size:15px;line-height:1.4;padding:12px;border-radius:6px;color:var(--nav-ink);text-decoration:none;white-space:normal}
.ks-nav-panel a:first-child{font-weight:700;border-bottom:1px solid #ededee;border-radius:0;margin-bottom:5px;padding-bottom:16px}
.ks-nav-panel a:hover,.ks-nav-panel a:focus-visible{background:#f4f5f6}
.ks-header-tools{display:flex;align-items:center;gap:22px;flex-shrink:0}
.ks-header select{font:14px/1.5 Space,Arial,sans-serif;border:0;background:white;color:var(--nav-ink);min-height:44px;max-width:110px;cursor:pointer;padding:0 2px}
.ks-contact{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--nav-line);border-radius:6px;padding:8px 15px;color:var(--nav-ink);font-size:14px;text-decoration:none;white-space:nowrap}
.ks-contact:hover{background:#f4f5f6;border-color:#92969d}
.ks-header a:focus-visible,.ks-header summary:focus-visible,.ks-header select:focus-visible{outline:2px solid #a33a00;outline-offset:4px}
.ks-mobile{display:none}
.skip-link{z-index:70}
@media(max-width:1100px){.ks-header{padding-inline:28px;gap:22px}.ks-navigation{gap:22px}.ks-header-tools{gap:16px}}
@media(max-width:960px){
  html{scroll-padding-top:88px}
  .ks-header{height:68px;padding-inline:24px;gap:18px}
  .ks-desktop,.ks-header-tools>.ks-contact{display:none}
  .ks-mobile{display:block}
  .ks-mobile>summary{min-height:44px;display:flex;align-items:center;gap:9px;font-size:14px}
  .ks-menu-icon{position:relative;width:18px;height:12px;border-block:1.5px solid currentColor}
  .ks-mobile[open]>summary .ks-menu-icon{border:0}
  .ks-mobile[open]>summary .ks-menu-icon::before,.ks-mobile[open]>summary .ks-menu-icon::after{content:'';position:absolute;left:0;top:5px;width:18px;height:1.5px;background:currentColor;transform:rotate(45deg)}
  .ks-mobile[open]>summary .ks-menu-icon::after{transform:rotate(-45deg)}
  .ks-mobile>.ks-navigation{position:absolute;left:0;right:0;top:68px;display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain;padding:14px 24px 24px;background:#fff;border-bottom:1px solid var(--nav-line);box-shadow:0 16px 30px #24262b14}
  .ks-nav-group>summary,.ks-nav-company{min-height:54px;font-size:17px;justify-content:space-between;border-bottom:1px solid #eee}
  .ks-nav-group[data-active]>summary::after,.ks-nav-company[aria-current]::after{display:none}
  .ks-nav-group[data-active]>summary,.ks-nav-company[aria-current]{color:#b23f00}
  .ks-nav-panel{position:static;width:auto;max-height:none;overflow:visible;box-shadow:none;border:0;border-left:2px solid var(--nav-orange);border-radius:0;padding:3px 0 3px 10px;margin:8px 0 16px}
  .ks-nav-panel a{font-size:15px;min-height:44px;padding:11px 12px}
  .ks-nav-panel a:first-child{border:0;margin:0;padding-bottom:11px}
  .ks-mobile .ks-contact{margin-top:20px;align-self:flex-start}
}
@media(max-width:420px){
  .ks-header{padding-inline:18px;gap:10px}
  .ks-header .brand{gap:8px}
  .ks-header .ks-mark{font-size:23px;padding-right:8px}
  .ks-header .brand>span{font-size:11px}
  .ks-header .brand small{font-size:8px}
  .ks-header-tools{gap:12px}
  .ks-header select{max-width:85px;font-size:13px}
  .ks-mobile>summary{gap:7px;font-size:13px}
  .ks-mobile>.ks-navigation{padding-inline:20px}
}
@media(max-width:360px){.ks-header{padding-inline:12px}.ks-header .brand>span{font-size:10px}.ks-header .brand small{font-size:7px}.ks-header-tools{gap:10px}.ks-mobile>summary>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ks-mobile>summary{min-width:32px;justify-content:center}}
@media(prefers-reduced-motion:reduce){.ks-chevron{transition:none}}
