/* DomoSerwis compact navigation — original Joomla menu, no duplicated links. */
html.ds-nav-refresh {
  --ds-nav-ink: #203548;
  --ds-nav-accent: #2563a6;
  --ds-nav-accent-text: #fff;
  --ds-nav-line: #dbe4ed;
  --ds-nav-card: #f2f6fa;
  --ds-nav-surface: #fcfbf7;
  --ds-nav-height: 0px;
  --ds-nav-max-width: 1320px;
  --ds-nav-viewport-width: 96vw;
  --ds-nav-item-height: 44px;
  --ds-nav-desktop-padding: 8px;
  --ds-nav-gap: 6px;
  --ds-nav-font-size: 13px;
  --ds-nav-mobile-height: 52px;
  --ds-nav-mobile-padding: 4px;
  scroll-padding-top: calc(var(--ds-nav-height) + 12px);
}

html.ds-nav-refresh .tm-header.ds-nav-desktop,
html.ds-nav-refresh .tm-header-mobile.ds-nav-mobile {
  position: sticky !important;
  top: 0;
  z-index: 900;
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
  background: var(--ds-nav-surface);
  box-shadow: 0 4px 20px rgba(32, 53, 72, .08);
}

html.ds-nav-refresh .tm-header.ds-nav-static,
html.ds-nav-refresh .tm-header-mobile.ds-nav-static,
html.ds-nav-refresh .tm-header.ds-nav-dismissed,
html.ds-nav-refresh .tm-header-mobile.ds-nav-dismissed {
  position: relative !important;
}

html.ds-nav-refresh .ds-nav-dismissed { visibility: hidden !important; }

html.ds-nav-refresh .ds-nav-position-marker {
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}

html.ds-nav-refresh .ds-nav-desktop .ds-nav-native-sticky {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  animation: none !important;
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar-container,
html.ds-nav-refresh .ds-nav-mobile > .uk-navbar-container {
  background: var(--ds-nav-surface) !important;
  border-bottom: 1px solid var(--ds-nav-line);
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar-container > .container,
html.ds-nav-refresh .ds-nav-mobile > .uk-navbar-container > .container {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--ds-nav-max-width);
  margin-inline: auto;
  padding-inline: clamp(14px, 2vw, 26px);
}

html.ds-nav-refresh .ds-nav-desktop[data-ds-nav-width="fluid"] .uk-navbar-container > .container {
  width: min(var(--ds-nav-viewport-width), 100%);
  max-width: none !important;
}

/* Only this header breaks out of the template's boxed .tm-page ancestor. */
html.ds-nav-refresh .tm-header.ds-nav-desktop[data-ds-nav-width="fluid"] {
  width: var(--ds-nav-viewport-size, 100%);
  max-width: none !important;
  margin-inline-start: var(--ds-nav-fluid-offset, 0px);
  margin-inline-end: 0;
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ds-nav-gap);
  align-items: center;
  min-width: 0;
  padding-block: var(--ds-nav-desktop-padding);
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar-left {
  display: grid;
  grid-template-columns: minmax(108px, 140px) minmax(0, 1fr);
  gap: calc(var(--ds-nav-gap) + 4px);
  align-items: center;
  width: 100%;
  min-width: 0;
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar-left > .uk-logo,
html.ds-nav-refresh .ds-nav-mobile .uk-logo {
  min-height: 44px;
  height: auto;
  line-height: 1.1;
  padding: 0;
  color: var(--ds-nav-ink) !important;
  font-size: clamp(17px, 1.4vw, 21px);
  font-weight: 750;
  letter-spacing: -.45px;
  text-transform: none;
  white-space: nowrap;
  text-decoration: none;
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar-left > .uk-logo img,
html.ds-nav-refresh .ds-nav-mobile .uk-logo img {
  max-height: 42px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-wrapper {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent {
  display: grid !important;
  grid-template-columns: repeat(var(--ds-nav-columns, 4), minmax(0, 1fr));
  gap: var(--ds-nav-gap) !important;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li > a,
html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-sizing: border-box;
  height: 100%;
  min-height: var(--ds-nav-item-height) !important;
  padding: 4px 8px !important;
  border: 1px solid var(--ds-nav-line);
  border-radius: 12px;
  background: var(--ds-nav-card);
  color: var(--ds-nav-ink) !important;
  font-size: var(--ds-nav-font-size);
  font-weight: 600;
  line-height: 1.3 !important;
  text-align: center;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-decoration: none;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li > a::before,
html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li > span::before {
  display: none !important;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li:hover > a,
html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li > a:focus-visible {
  background: var(--ds-nav-card);
  background: color-mix(in srgb, var(--ds-nav-accent) 10%, var(--ds-nav-surface));
  border-color: var(--ds-nav-accent);
  box-shadow: 0 2px 8px rgba(32, 53, 72, .1);
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li.active > a,
html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li.uk-active > a,
html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li > a[aria-current]:not([aria-current="false"]) {
  background: var(--ds-nav-accent);
  border-color: var(--ds-nav-accent);
  color: var(--ds-nav-accent-text) !important;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li:focus-within > .sp-dropdown {
  display: block;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li > .sp-dropdown {
  max-width: calc(100vw - 32px);
  z-index: 30;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent > li.ds-nav-dropdown-end > .sp-dropdown {
  left: auto !important;
  right: 0 !important;
  margin-left: 0 !important;
}

html.ds-nav-refresh .ds-nav-desktop .sp-megamenu-parent.ds-nav-many {
  max-height: min(35vh, 320px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--ds-nav-accent) var(--ds-nav-card);
  padding: 3px;
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar-right {
  margin: 0;
  min-width: 44px;
  gap: 8px;
  align-items: center;
  flex-wrap: nowrap;
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar-right > .uk-navbar-item {
  min-height: 44px !important;
  padding: 0;
}

html.ds-nav-refresh .ds-nav-desktop .uk-navbar-right .uk-search-toggle,
html.ds-nav-refresh .ds-nav-mobile .uk-navbar-toggle,
html.ds-nav-refresh .ds-nav-mobile-call,
html.ds-nav-refresh .ds-nav-hide-sticky,
html.ds-nav-refresh .ds-nav-restore-sticky {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-height: 44px !important;
  padding: 10px;
  border: 1px solid var(--ds-nav-line);
  border-radius: 12px;
  background: var(--ds-nav-card);
  color: var(--ds-nav-ink) !important;
  line-height: 1;
  text-decoration: none;
}

html.ds-nav-refresh .ds-nav-hide-sticky,
html.ds-nav-refresh .ds-nav-restore-sticky {
  cursor: pointer;
  flex: 0 0 44px;
  font: inherit;
}

html.ds-nav-refresh .ds-nav-hide-sticky[hidden],
html.ds-nav-refresh .ds-nav-restore-sticky[hidden] {
  display: none !important;
}

/* Reserve the close control's small slot so hiding it never changes header height. */
html.ds-nav-refresh .ds-nav-hide-sticky.ds-nav-control-idle {
  visibility: hidden;
  pointer-events: none;
}

html.ds-nav-refresh .ds-nav-restore-sticky {
  position: fixed;
  top: max(10px, env(safe-area-inset-top));
  right: max(10px, env(safe-area-inset-right));
  z-index: 901;
  box-shadow: 0 3px 16px rgba(32, 53, 72, .18);
}

html.ds-nav-refresh .ds-nav-hide-sticky:hover,
html.ds-nav-refresh .ds-nav-restore-sticky:hover {
  border-color: var(--ds-nav-accent);
  background: var(--ds-nav-card);
  background: color-mix(in srgb, var(--ds-nav-accent) 10%, var(--ds-nav-surface));
}

html.ds-nav-refresh .ds-nav-mobile .uk-navbar-toggle:hover,
html.ds-nav-refresh .ds-nav-mobile-call:hover {
  background: var(--ds-nav-card);
  background: color-mix(in srgb, var(--ds-nav-accent) 10%, var(--ds-nav-surface));
}

html.ds-nav-refresh .ds-nav-desktop a:focus-visible,
html.ds-nav-refresh .ds-nav-mobile a:focus-visible,
html.ds-nav-refresh .ds-nav-drawer a:focus-visible,
html.ds-nav-refresh .ds-nav-drawer button:focus-visible,
html.ds-nav-refresh .ds-nav-hide-sticky:focus-visible,
html.ds-nav-refresh .ds-nav-restore-sticky:focus-visible {
  outline: 3px solid var(--ds-nav-accent);
  outline-offset: 3px;
}

html.ds-nav-refresh .ds-nav-mobile .uk-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: var(--ds-nav-mobile-height);
  box-sizing: border-box;
  padding-block: var(--ds-nav-mobile-padding);
}

html.ds-nav-refresh .ds-nav-mobile .uk-navbar-left {
  flex: 0 0 44px;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
}

html.ds-nav-refresh .ds-nav-mobile .uk-navbar-center {
  position: static;
  transform: none;
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: auto;
  margin: 0;
  gap: 0;
}

html.ds-nav-refresh .ds-nav-mobile .uk-logo {
  font-size: 19px;
  min-width: 0;
}

html.ds-nav-refresh .ds-nav-mobile .uk-logo.ds-nav-hidden-logo { display: none !important; }

html.ds-nav-refresh .ds-nav-mobile-call {
  flex: 0 0 44px;
  background: var(--ds-nav-accent);
  border-color: var(--ds-nav-accent);
  color: var(--ds-nav-accent-text) !important;
}

html.ds-nav-refresh .ds-nav-mobile-call:hover {
  background: var(--ds-nav-accent);
  background: color-mix(in srgb, var(--ds-nav-accent) 85%, #000);
}

html.ds-nav-refresh .ds-nav-burger-lines {
  display: block;
  width: 20px;
  height: 17px;
  background: linear-gradient(currentColor, currentColor) 0 0 / 20px 2px no-repeat,
              linear-gradient(currentColor, currentColor) 0 5px / 20px 2px no-repeat,
              linear-gradient(currentColor, currentColor) 0 10px / 20px 2px no-repeat,
              linear-gradient(currentColor, currentColor) 0 15px / 20px 2px no-repeat;
}

html.ds-nav-refresh .ds-nav-burger-lines > svg { display: none; }

html.ds-nav-refresh #tm-mobile.ds-nav-drawer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200;
  width: 100%;
  height: 100%;
  display: none !important;
  background: rgba(20, 35, 48, .36);
  overflow: hidden;
  touch-action: auto;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer.ds-nav-open { display: block !important; }

html.ds-nav-refresh #tm-mobile.ds-nav-drawer > .uk-offcanvas-bar {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  transform: none !important;
  box-sizing: border-box;
  width: min(370px, calc(100vw - 28px));
  max-width: 100%;
  height: 100%;
  height: 100dvh;
  margin: 0;
  padding: max(22px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));
  border: 0;
  border-radius: 0 20px 20px 0;
  background: var(--ds-nav-surface);
  color: var(--ds-nav-ink);
  box-shadow: 12px 0 38px rgba(20, 35, 48, .18);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer > .uk-offcanvas-bar.ds-nav-drawer-with-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-drawer-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-right: 2px;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-drawer-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding-top: 12px;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-drawer-footer[hidden] { display: none !important; }

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-drawer-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  box-sizing: border-box;
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
  padding: 9px 14px;
  border: 1px solid var(--ds-nav-accent);
  border-radius: 14px;
  background: var(--ds-nav-accent);
  color: var(--ds-nav-accent-text) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 0 18px color-mix(in srgb, var(--ds-nav-accent) 25%, transparent);
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-drawer-phone:hover {
  background: var(--ds-nav-accent);
  background: color-mix(in srgb, var(--ds-nav-accent) 88%, #000);
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-drawer-phone svg { flex: 0 0 20px; }
html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-drawer-phone small { display: block; font-size: 12px; font-weight: 500; margin-top: 2px; }

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-drawer-title {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin: 0 56px 18px 0;
  color: var(--ds-nav-ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  flex: 0 0 auto;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-offcanvas-close {
  position: absolute;
  top: max(22px, env(safe-area-inset-top));
  right: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid var(--ds-nav-line);
  border-radius: 12px;
  background: var(--ds-nav-card);
  color: var(--ds-nav-ink) !important;
  cursor: pointer;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav > li {
  margin: 0 0 8px;
  padding: 0;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav > li > a,
html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav > li > span {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--ds-nav-line);
  border-radius: 12px;
  background: var(--ds-nav-card);
  color: var(--ds-nav-ink) !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav > li > a:hover {
  background: var(--ds-nav-card);
  background: color-mix(in srgb, var(--ds-nav-accent) 10%, var(--ds-nav-surface));
  border-color: var(--ds-nav-accent);
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav > li.active > a,
html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav > li.uk-active > a,
html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav > li.current > a,
html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav > li > a[aria-current]:not([aria-current="false"]) {
  color: var(--ds-nav-accent-text) !important;
  background: var(--ds-nav-accent);
  border-color: var(--ds-nav-accent);
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav-sub {
  padding: 8px 0 4px 12px;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav-sub a {
  min-height: 44px;
  box-sizing: border-box;
  padding: 10px 12px;
  color: var(--ds-nav-ink) !important;
  line-height: 1.4;
  overflow-wrap: anywhere;
  border-radius: 8px;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .uk-nav-sub a:hover {
  background: var(--ds-nav-card);
  background: color-mix(in srgb, var(--ds-nav-accent) 10%, var(--ds-nav-surface));
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-submenu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 4px;
  top: 2px;
  min-width: 44px;
  min-height: 44px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--ds-nav-ink);
  cursor: pointer;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-has-fallback-submenu {
  position: relative;
}

html.ds-nav-refresh #tm-mobile.ds-nav-drawer .ds-nav-has-fallback-submenu > a { padding-right: 52px; }

html.ds-nav-refresh .ds-nav-language-links {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html.ds-nav-refresh .ds-nav-desktop .ds-nav-language-links {
  grid-template-columns: repeat(2, min(44px, var(--ds-nav-item-height)));
  gap: var(--ds-nav-gap);
  flex: 0 0 auto;
}

html.ds-nav-refresh .ds-nav-desktop .ds-nav-language-links > a {
  min-width: min(44px, var(--ds-nav-item-height));
  min-height: min(44px, var(--ds-nav-item-height));
}

html.ds-nav-refresh .ds-nav-mobile .ds-nav-language-links {
  grid-template-columns: repeat(var(--ds-nav-language-count, 4), 44px);
  justify-content: center;
  gap: 8px;
  padding: 0 0 8px;
}

html.ds-nav-refresh .ds-nav-mobile.ds-nav-inline-languages .uk-navbar-center .ds-nav-language-links {
  grid-template-columns: repeat(var(--ds-nav-language-count, 4), 36px);
  gap: 4px;
  padding: 0;
}

html.ds-nav-refresh .ds-nav-mobile.ds-nav-inline-languages .uk-navbar-center .ds-nav-language-links > a {
  min-width: 36px;
  width: 36px;
  min-height: 44px;
  padding: 4px;
  font-size: 12px;
}

html.ds-nav-refresh .ds-nav-drawer .ds-nav-language-links {
  grid-template-columns: repeat(var(--ds-nav-language-count, 4), 44px);
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
  flex: 0 0 auto;
}

html.ds-nav-refresh .ds-nav-language-links > a {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  padding: 6px;
  border: 1px solid var(--ds-nav-line);
  border-radius: 10px;
  background: var(--ds-nav-card);
  color: var(--ds-nav-ink) !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

html.ds-nav-refresh .ds-nav-language-links > a:hover {
  border-color: var(--ds-nav-accent);
  background: var(--ds-nav-card);
  background: color-mix(in srgb, var(--ds-nav-accent) 10%, var(--ds-nav-surface));
}

html.ds-nav-refresh .ds-nav-language-links > a[aria-current="page"] {
  border-color: var(--ds-nav-accent);
  background: var(--ds-nav-accent);
  color: var(--ds-nav-accent-text) !important;
}

html.ds-nav-refresh .ds-nav-desktop .ds-nav-language-slot {
  display: flex;
  align-items: center;
}

html.ds-nav-refresh .mod-languages.ds-nav-original-language { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  html.ds-nav-refresh .ds-nav-desktop a,
  html.ds-nav-refresh .ds-nav-mobile a,
  html.ds-nav-refresh .ds-nav-drawer a { transition: none; }
}

@media print {
  html.ds-nav-refresh .tm-header.ds-nav-desktop,
  html.ds-nav-refresh .tm-header-mobile.ds-nav-mobile { position: static !important; box-shadow: none; }
  html.ds-nav-refresh #tm-mobile.ds-nav-drawer,
  html.ds-nav-refresh .ds-nav-hide-sticky,
  html.ds-nav-refresh .ds-nav-restore-sticky { display: none !important; }
}

/* Optional small mobile call button; no bottom strip or language controls. */
html.ds-nav-refresh .ds-nav-floating-contact {
  position: fixed;
  right: max(14px, env(safe-area-inset-right));
  bottom: calc(var(--ds-nav-floating-bottom, 18px) + env(safe-area-inset-bottom));
  z-index: 9980;
  width: 52px;
  height: 52px;
  display: none;
}
html.ds-nav-refresh .ds-nav-floating-contact[hidden] { display: none !important; }
html.ds-nav-refresh .ds-nav-floating-call {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border-radius: 18px;
  border: 1px solid var(--ds-nav-line);
  background: var(--ds-nav-accent);
  color: var(--ds-nav-accent-text) !important;
  text-decoration: none;
  box-shadow: 0 7px 22px rgba(32, 53, 72, .22);
}
html.ds-nav-refresh .ds-nav-floating-close {
  position: absolute;
  top: -20px;
  right: -3px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  border: 1px solid var(--ds-nav-line);
  color: var(--ds-nav-ink);
  background: var(--ds-nav-surface);
  font: 700 18px/1 Arial, sans-serif;
  box-shadow: 0 3px 10px rgba(32, 53, 72, .12);
  cursor: pointer;
}
html.ds-nav-refresh .ds-nav-floating-call:focus-visible,
html.ds-nav-refresh .ds-nav-floating-close:focus-visible { outline: 3px solid var(--ds-nav-accent); outline-offset: 3px; }
@media screen and (max-width: 720px) {
  html.ds-nav-refresh .ds-nav-floating-contact { display: block; }
}
html.ds-nav-refresh:has(dialog[open]) .ds-nav-floating-contact,
html.ds-nav-refresh:has([aria-modal="true"][aria-hidden="false"]) .ds-nav-floating-contact { display: none !important; }