/* KingNeed Control Center v1.6.16: stable four-level Astra desktop navigation. */
@media (min-width: 922px) {
  /* Translate once. Applying this to nested wrappers multiplies the offset. */
  #ast-desktop-header .ast-builder-menu-1 {
    position: relative !important;
    z-index: 100010 !important;
    transform: translateX(clamp(-140px, -7vw, -80px)) !important;
  }

  #masthead, #ast-desktop-header, #ast-desktop-header .ast-main-header-wrap,
  #ast-desktop-header .ast-primary-header-bar, #ast-desktop-header .site-primary-header-wrap,
  #ast-desktop-header .ast-builder-grid-row, #ast-desktop-header .site-header-section,
  #ast-desktop-header .ast-builder-menu-1, #ast-desktop-header #primary-site-navigation-desktop,
  #ast-desktop-header .main-header-bar-navigation, #ast-desktop-header .main-navigation,
  #ast-desktop-header .main-header-menu, #ast-desktop-header .main-header-menu .menu-item {
    overflow: visible !important;
  }

  #ast-desktop-header .main-header-menu .sub-menu {
    box-sizing: border-box !important;
    width: clamp(280px, 18vw, 320px) !important;
    min-width: clamp(280px, 18vw, 320px) !important;
    max-width: calc(100vw - 48px) !important;
    z-index: 100020 !important;
    background: #f9fcff !important;
    overflow: visible !important;
  }
  #ast-desktop-header .main-header-menu .sub-menu a {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
  }

  /* Every deeper panel grows left in sequence, avoiding level overlap. */
  #ast-desktop-header .main-header-menu > .menu-item > .sub-menu .sub-menu {
    left: auto !important;
    right: 100% !important;
    margin: 0 !important;
  }
  #ast-desktop-header .main-header-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
    background: #f1f7ff !important;
  }
  #ast-desktop-header .main-header-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > li > a {
    background: #f1f7ff !important;
  }

  /* Fourth level stays above product content and uses a distinct surface. */
  #ast-desktop-header .main-header-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
    z-index: 100040 !important;
    background: #e1efff !important;
    border-top-color: #1882ff !important;
    box-shadow: 0 12px 30px rgba(8,55,112,.22) !important;
  }
  #ast-desktop-header .main-header-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > li > a {
    background: #e1efff !important;
    color: #073575 !important;
  }
  #ast-desktop-header .main-header-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > li:hover > a,
  #ast-desktop-header .main-header-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > li:focus-within > a {
    background: #cfe5ff !important;
  }
}

@media (min-width: 922px) and (max-width: 1180px) {
  #ast-desktop-header .ast-builder-menu-1 {
    transform: translateX(-30px) !important;
  }
  #ast-desktop-header .main-header-menu .sub-menu {
    width: 240px !important;
    min-width: 240px !important;
  }
}