/* Set --kelet-host-header-offset on this container or an ancestor at integration. */
.kelet-electroboilers {
  --kelet-nav-height: 60px;
  --kelet-nav-offset: var(--kelet-host-header-offset, 0px);
  scroll-margin-top: var(--kelet-nav-offset);
}
.kelet-electroboilers :is(#kelet-power-selection, #series-industrial, #series-comfort) {
  scroll-margin-top: calc(var(--kelet-nav-offset) + var(--kelet-nav-height) + 16px);
}
.kelet-nav {
  position: sticky;
  top: var(--kelet-nav-offset);
  z-index: 20;
  background: #f6f7f3;
  color: #202b25;
  border-bottom: 1px solid #cbd1c9;
  font-family: inherit;
}
.kelet-nav__inner { height: 59px; margin-inline: 5%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.kelet-nav a { color: inherit; text-decoration: none; }
.kelet-nav__title { flex-shrink: 0; font-size: 18px; font-weight: 650; white-space: nowrap; }
.kelet-nav__links { list-style: none; margin: 0; padding: 0; }
.kelet-nav__desktop { display: flex; align-items: center; gap: 28px; white-space: nowrap; }
.kelet-nav__links a { display: flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 550; line-height: 1.5; }
.kelet-nav a:hover, .kelet-nav summary:hover { color: #087447; }
.kelet-nav a[aria-current="location"] { color: #087447; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; }
.kelet-nav :is(a, summary):focus-visible { outline: 2px solid #087447; outline-offset: 3px; border-radius: 2px; }
.kelet-nav__compact { display: none; }
.kelet-nav summary { display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 600; }
.kelet-nav summary::-webkit-details-marker { display: none; }
.kelet-nav__arrow { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.kelet-nav__compact[open] .kelet-nav__arrow { transform: translateY(2px) rotate(225deg); }
.kelet-nav__dropdown { position: absolute; top: 100%; left: 0; right: 0; padding: 8px 5% 12px; background: #f6f7f3; border-bottom: 1px solid #cbd1c9; max-height: calc(100dvh - var(--kelet-nav-offset) - var(--kelet-nav-height)); overflow-y: auto; }
.kelet-nav__dropdown a { padding: 12px 0; }
@media (max-width: 1300px) { .kelet-nav__inner { margin-inline: 24px; } }
@media (max-width: 1150px) {
  .kelet-nav__desktop { display: none; }
  .kelet-nav__compact { display: block; }
}
.kelet-nav[data-compact] .kelet-nav__desktop { display: none; }
.kelet-nav[data-compact] .kelet-nav__compact { display: block; }
@media (max-width: 600px) {
  .kelet-nav__inner { margin-inline: 16px; gap: 12px; }
  .kelet-nav__title { font-size: 17px; }
  .kelet-nav__dropdown { padding-inline: 16px; }
}