/* A composed navigation pill. The original controller owns open/close state. */
html body.kk-sys #kk-header {
  --kk-nav-height:72px;
  top:12px!important;
  left:24px!important;
  right:24px!important;
  max-width:1120px!important;
  margin-inline:auto!important;
  background:#0d211a!important;
  border:1px solid #355246!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 #f4f7f00a!important;
}
html body.kk-sys #kk-header .kk-header-row {
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center!important;
  height:var(--kk-nav-height)!important;
  padding:0 20px!important;
  gap:24px!important;
}
html body.kk-sys #kk-header .kk-header-brand {
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:48px!important;
  text-decoration:none!important;
  border-radius:8px;
  color:#f4f7f0!important;
}
html body.kk-sys #kk-header .kk-header-mark {
  display:block!important;width:34px!important;height:48px!important;
  flex:0 0 34px;object-fit:contain;
}
html body.kk-sys #kk-header .kk-header-wordmark {
  display:block!important;width:111px!important;height:44px!important;
  flex:0 0 111px;object-fit:contain;
}
html body.kk-sys #kk-header .kk-desknav {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:2px!important;
  min-width:0;
}
html body.kk-sys #kk-header .kk-desknav>a {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center;
  gap:6px!important;
  min-height:48px;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.3!important;
  color:#c5d3cb!important;
  white-space:nowrap;text-transform:none!important;
  text-decoration:none!important;
  transition:background-color 160ms ease,color 160ms ease!important;
}
html body.kk-sys #kk-header .kk-desknav>a:is(:hover,:focus-visible,[aria-expanded="true"]) {
  color:#f4f7f0!important;background:#203a2f!important;
}
html body.kk-sys #kk-header .kk-desknav>a[aria-current="page"] {
  color:#fde500!important;background:#203a2f!important;
}
html body.kk-sys #kk-header #kk-usluge-trigger>span {display:inline-flex!important;margin:0!important;}
html body.kk-sys #kk-header .kk-header-actions {gap:0!important;}
html body.kk-sys #kk-header .kk-deskcta {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;min-height:48px!important;padding:0 20px!important;
  font-size:13px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important;
  white-space:nowrap;text-transform:none!important;transform:none!important;
}
html body.kk-sys #kk-header .kk-deskcta svg {flex:none;transition:transform 180ms ease;}
html body.kk-sys #kk-header .kk-deskcta:hover svg {transform:translate(2px,-2px);}
html body.kk-sys #kk-header :is(.kk-header-brand,.kk-desknav>a,.kk-deskcta,.kk-burger):focus-visible {
  outline:2px solid #fde500!important;outline-offset:4px!important;
}
html body.kk-sys #kk-header :is(#kk-mega,.kk-mobilemenu) {top:var(--kk-nav-height)!important;}
@media(min-width:941px) and (max-width:1100px) {
  html body.kk-sys #kk-header {left:16px!important;right:16px!important;}
  html body.kk-sys #kk-header .kk-header-row {padding-inline:16px!important;gap:16px!important;}
  html body.kk-sys #kk-header .kk-header-brand {gap:7px!important;}
  html body.kk-sys #kk-header .kk-header-mark {width:34px!important;height:48px!important;flex-basis:34px;}
  html body.kk-sys #kk-header .kk-header-wordmark {width:100px!important;height:40px!important;flex-basis:100px;}
  html body.kk-sys #kk-header .kk-desknav>a {font-size:13px!important;padding-inline:7px!important;}
  html body.kk-sys #kk-header .kk-deskcta {font-size:12px!important;gap:8px!important;padding-inline:16px!important;}
}
@media(max-width:940px) {
  html body.kk-sys #kk-header {--kk-nav-height:64px;top:8px!important;left:12px!important;right:12px!important;}
  html body.kk-sys #kk-header .kk-header-row {grid-template-columns:1fr auto;padding:0 12px!important;gap:16px!important;}
  html body.kk-sys #kk-header .kk-desknav,
  html body.kk-sys #kk-header .kk-deskcta {display:none!important;}
  html body.kk-sys #kk-header .kk-header-brand {gap:8px!important;min-height:48px!important;justify-self:start;}
  html body.kk-sys #kk-header .kk-header-mark {width:34px!important;height:48px!important;flex-basis:34px;}
  html body.kk-sys #kk-header .kk-header-wordmark {width:111px!important;height:44px!important;flex-basis:111px;}
  html body.kk-sys #kk-header .kk-burger {
    display:inline-flex!important;width:48px!important;height:48px!important;
    min-width:48px!important;min-height:48px!important;padding:0!important;
    background-color:#203a2f!important;border-color:transparent!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body.kk-sys #kk-header .kk-deskcta svg {transition:none!important;}
  html body.kk-sys #kk-header .kk-deskcta:hover svg {transform:none!important;}
}