.dlb-site-header {
  z-index: 90;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(16px, 3vw, 40px);
  width: min(calc(100% - 32px), 1180px);
  min-height: 66px;
  margin: 12px auto 0;
  padding: 10px 18px;
  border: 1px solid rgba(118, 145, 176, 0.24);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 48px rgba(25, 82, 126, 0.12);
  backdrop-filter: blur(18px);
  transition: transform 220ms ease, opacity 220ms ease, box-shadow 220ms ease;
}

.dlb-site-header:where(.dlb-position-static) { position: sticky; top: 12px; }
:where(.admin-bar) .dlb-site-header:where(.dlb-position-static) { top: calc(12px + 32px); }
.dlb-site-header.is-dlb-header-hidden { transform: translateY(calc(-100% - 24px)); opacity: 0; pointer-events: none; }
.dlb-site-header.is-dlb-header-visible,
.dlb-site-header.menu-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
.dlb-site-header.is-dlb-header-scrolled { box-shadow: 0 20px 56px rgba(25, 82, 126, 0.18); }
.dlb-site-header.dlb-width-narrow { width: min(calc(100% - 32px), var(--dlb-narrow-width, 860px)); margin-right: auto; margin-left: auto; }
.dlb-site-header.dlb-width-wide { width: min(calc(100% - 32px), var(--dlb-content-width, 1180px)); margin-right: auto; margin-left: auto; }
.dlb-site-header.dlb-width-full { width: 100%; }
.dlb-site-header.dlb-padding-compact { padding: clamp(1rem, 2.4vw, 1.5rem); }
.dlb-site-header.dlb-padding-normal { padding: clamp(1.5rem, 4vw, 3rem); }
.dlb-site-header.dlb-padding-large { padding: clamp(2.2rem, 6vw, 5rem); }
.dlb-site-header[style*="--dlb-margin-top"] {
  gap: var(--dlb-block-gap, 16px);
  margin: var(--dlb-margin-top, 12px) var(--dlb-margin-right, auto) var(--dlb-margin-bottom, 0) var(--dlb-margin-left, auto);
  padding: var(--dlb-padding-top, 10px) var(--dlb-padding-right, 18px) var(--dlb-padding-bottom, 10px) var(--dlb-padding-left, 18px);
}
:where(.dlb-site-header) .brand-lockup { display: inline-flex; align-items: center; gap: 10px; min-width: 0; color: inherit; text-decoration: none; }
:where(.dlb-site-header) .brand-lockup img { display: block; width: auto; max-width: 220px; height: 44px; object-fit: contain; }
:where(.dlb-site-header) .desktop-nav { min-width: 0; }
:where(.dlb-site-header) :is(.desktop-nav-list, .mobile-nav-list) { margin: 0; padding: 0; list-style: none; }
:where(.dlb-site-header) .desktop-nav-list { display: flex; align-items: center; justify-content: center; gap: clamp(12px, 2vw, 28px); }
:where(.dlb-site-header) .desktop-nav-list li { position: relative; }
:where(.dlb-site-header) .desktop-nav-list a { color: inherit; font-weight: 750; text-decoration: none; }
:where(.dlb-site-header) .desktop-nav-list .sub-menu {
  position: absolute;
  inset: calc(100% + 10px) auto auto 50%;
  z-index: 5;
  min-width: 220px;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(118, 145, 176, 0.28);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(25, 82, 126, 0.16);
  list-style: none;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 6px);
  transition: opacity 160ms ease, transform 160ms ease;
}
:where(.dlb-site-header) .desktop-nav-list .sub-menu::before {
  position: absolute;
  inset: -10px 0 auto;
  height: 10px;
  content: "";
}
:where(.dlb-site-header) .desktop-nav-list li:is(:hover, :focus-within) > .sub-menu { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
:where(.dlb-site-header) .desktop-nav-list .sub-menu .sub-menu {
  inset: -8px auto auto calc(100% + 10px);
  transform: translate(6px, 0);
}
:where(.dlb-site-header) .desktop-nav-list .sub-menu .sub-menu::before {
  inset: 0 auto 0 -10px;
  width: 10px;
  height: auto;
}
:where(.dlb-site-header) .desktop-nav-list .sub-menu li:is(:hover, :focus-within) > .sub-menu { transform: translate(0, 0); }
:where(.dlb-site-header) .desktop-nav-list .sub-menu .sub-menu.is-dlb-submenu-flipped {
  inset: -8px calc(100% + 10px) auto auto;
  transform: translate(-6px, 0);
}
:where(.dlb-site-header) .desktop-nav-list .sub-menu .sub-menu.is-dlb-submenu-flipped::before { inset: 0 -10px 0 auto; }
:where(.dlb-site-header) .desktop-nav-list .sub-menu li:is(:hover, :focus-within) > .sub-menu.is-dlb-submenu-flipped { transform: translate(0, 0); }
html[dir="rtl"] :where(.dlb-site-header) .desktop-nav-list .sub-menu .sub-menu {
  inset: -8px calc(100% + 10px) auto auto;
  transform: translate(-6px, 0);
}
html[dir="rtl"] :where(.dlb-site-header) .desktop-nav-list .sub-menu .sub-menu::before { inset: 0 -10px 0 auto; }
html[dir="rtl"] :where(.dlb-site-header) .desktop-nav-list .sub-menu li:is(:hover, :focus-within) > .sub-menu { transform: translate(0, 0); }
html[dir="rtl"] :where(.dlb-site-header) .desktop-nav-list .sub-menu .sub-menu.is-dlb-submenu-flipped {
  inset: -8px auto auto calc(100% + 10px);
  transform: translate(6px, 0);
}
html[dir="rtl"] :where(.dlb-site-header) .desktop-nav-list .sub-menu .sub-menu.is-dlb-submenu-flipped::before { inset: 0 auto 0 -10px; }
:where(.dlb-site-header) .desktop-nav-list .sub-menu a { display: block; padding: 9px 10px; border-radius: 9px; }
:where(.dlb-site-header) .desktop-nav-list .sub-menu a:is(:hover, :focus-visible) { background: rgba(18, 119, 242, 0.08); }
:where(.dlb-site-header) .header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.dlb-site-header .dlb-site-header-cta {
  --dlb-header-cta-background: linear-gradient(135deg, #071426 0%, #0c315e 58%, #0e6ef6 100%);
  --dlb-header-cta-color: #fff;
  --dlb-header-cta-border: rgba(7, 20, 38, 0.12);
  --dlb-header-cta-shadow: 0 18px 42px rgba(7, 20, 38, 0.22);
  --dlb-header-cta-shadow-hover: 0 24px 56px rgba(7, 20, 38, 0.26);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.72rem 1.15rem;
  border: 1px solid var(--dlb-header-cta-border);
  border-radius: 999px;
  appearance: none;
  background: var(--dlb-header-cta-background);
  box-shadow: var(--dlb-header-cta-shadow);
  color: var(--dlb-header-cta-color);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
.dlb-site-header .dlb-site-header-cta-accent {
  --dlb-header-cta-background: linear-gradient(135deg, var(--dlb-primary-dark, #0b5fc7), var(--dlb-accent-dark, #087f78));
  --dlb-header-cta-color: #fff;
  --dlb-header-cta-border: transparent;
  --dlb-header-cta-shadow: var(--dlb-button-shadow, 0 18px 42px rgba(18, 119, 242, 0.24));
  --dlb-header-cta-shadow-hover: 0 24px 56px rgba(18, 119, 242, 0.3);
}
.dlb-site-header .dlb-site-header-cta-secondary {
  --dlb-header-cta-background: rgba(255, 255, 255, 0.9);
  --dlb-header-cta-color: var(--dlb-ink, #07162f);
  --dlb-header-cta-border: var(--dlb-line, rgba(118, 145, 176, 0.34));
  --dlb-header-cta-shadow: 0 12px 30px rgba(25, 82, 126, 0.12);
  --dlb-header-cta-shadow-hover: 0 18px 40px rgba(25, 82, 126, 0.16);
}
.dlb-site-header .dlb-site-header-cta-outline {
  --dlb-header-cta-background: transparent;
  --dlb-header-cta-color: var(--dlb-primary-dark, #0b5fc7);
  --dlb-header-cta-border: currentColor;
  --dlb-header-cta-shadow: none;
  --dlb-header-cta-shadow-hover: none;
}
.dlb-site-header .dlb-site-header-cta-size-normal { min-height: 52px; padding: 0.84rem 1.3rem; font-size: 0.95rem; }
.dlb-site-header .dlb-site-header-cta-size-large { min-height: 56px; padding: 0.96rem 1.5rem; font-size: 1rem; }
.dlb-site-header .dlb-site-header-cta-shape-rounded { border-radius: 14px; }
.dlb-site-header .dlb-site-header-cta-shape-square { border-radius: 4px; }
.dlb-site-header .dlb-site-header-cta:is(:hover, :focus-visible) {
  color: var(--dlb-header-cta-color);
  filter: brightness(1.04);
  transform: translateY(-1px);
}
.dlb-site-header .dlb-site-header-cta:hover { box-shadow: var(--dlb-header-cta-shadow-hover); }
.dlb-site-header .dlb-site-header-cta:focus-visible {
  outline: 3px solid var(--dlb-focus-ring, #1277f2);
  outline-offset: 3px;
}
:where(.dlb-site-header) .mobile-menu-toggle {
  display: none;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(118, 145, 176, 0.34);
  border-radius: 12px;
  background: #fff;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
:where(.dlb-site-header) .mobile-menu-toggle :is(.menu-open-icon, .menu-close-icon) {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  vertical-align: middle;
}
:where(.dlb-site-header) .menu-close-icon,
:where(.dlb-site-header.menu-open) .menu-open-icon { display: none; }
:where(.dlb-site-header.menu-open) .menu-close-icon { display: inline; }
:where(.dlb-site-header) .mobile-menu-panel {
  grid-column: 1 / -1;
  max-height: min(34rem, calc(100dvh - 7rem));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 0 4px;
  border-top: 1px solid rgba(118, 145, 176, 0.24);
}
:where(.dlb-site-header) .mobile-menu-panel[hidden] { display: none; }
:where(.dlb-site-header) .mobile-nav-list { display: grid; gap: 4px; }
:where(.dlb-site-header) .mobile-nav-list a { display: block; padding: 10px 4px; color: inherit; font-weight: 750; text-decoration: none; }
:where(.dlb-site-header) .mobile-nav-list .sub-menu { display: grid; gap: 2px; margin: 0 0 4px 14px; padding: 0; list-style: none; }
:where(.dlb-site-header) .mobile-nav-list .sub-menu a { font-weight: 600; }
:where(.dlb-site-header) .mobile-menu-cta { width: 100%; margin-top: 10px; text-align: center; }

@media (max-width: 782px) {
  .dlb-site-header { grid-template-columns: minmax(0, 1fr) auto; width: min(calc(100% - 20px), 1180px); margin-top: 8px; border-radius: 18px; }
  :where(.admin-bar) .dlb-site-header:where(.dlb-position-static) { top: calc(12px + 46px); }
  :where(.dlb-site-header) .desktop-nav { display: none; }
  :where(.dlb-site-header) .header-actions > .dlb-site-header-cta { display: none; }
  :where(.dlb-site-header) .mobile-menu-toggle { display: grid; }
}

@media (max-width: 860px) {
  .dlb-site-header[style*="--dlb-margin-top"] {
    gap: var(--dlb-block-gap-tablet, var(--dlb-block-gap, 16px));
    margin: var(--dlb-margin-top-tablet, var(--dlb-margin-top, 12px)) var(--dlb-margin-right-tablet, var(--dlb-margin-right, auto)) var(--dlb-margin-bottom-tablet, var(--dlb-margin-bottom, 0)) var(--dlb-margin-left-tablet, var(--dlb-margin-left, auto));
    padding: var(--dlb-padding-top-tablet, var(--dlb-padding-top, 10px)) var(--dlb-padding-right-tablet, var(--dlb-padding-right, 18px)) var(--dlb-padding-bottom-tablet, var(--dlb-padding-bottom, 10px)) var(--dlb-padding-left-tablet, var(--dlb-padding-left, 18px));
  }
}

@media (max-width: 640px) {
  .dlb-site-header[style*="--dlb-margin-top"] {
    gap: var(--dlb-block-gap-mobile, var(--dlb-block-gap-tablet, var(--dlb-block-gap, 12px)));
    margin: var(--dlb-margin-top-mobile, var(--dlb-margin-top-tablet, var(--dlb-margin-top, 8px))) var(--dlb-margin-right-mobile, var(--dlb-margin-right-tablet, var(--dlb-margin-right, auto))) var(--dlb-margin-bottom-mobile, var(--dlb-margin-bottom-tablet, var(--dlb-margin-bottom, 0))) var(--dlb-margin-left-mobile, var(--dlb-margin-left-tablet, var(--dlb-margin-left, auto)));
    padding: var(--dlb-padding-top-mobile, var(--dlb-padding-top-tablet, var(--dlb-padding-top, 10px))) var(--dlb-padding-right-mobile, var(--dlb-padding-right-tablet, var(--dlb-padding-right, 18px))) var(--dlb-padding-bottom-mobile, var(--dlb-padding-bottom-tablet, var(--dlb-padding-bottom, 10px))) var(--dlb-padding-left-mobile, var(--dlb-padding-left-tablet, var(--dlb-padding-left, 18px)));
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.dlb-site-header),
  :where(.dlb-site-header) .desktop-nav-list .sub-menu,
  .dlb-site-header .dlb-site-header-cta { transition: none; }
  .dlb-site-header .dlb-site-header-cta:is(:hover, :focus-visible) { transform: none; }
}
