/* Decentlux Mega Menu v1.3.10 — blue text hover, centered nav, right CTA */

:root {
  --dlx-blue: #035ee6;
  --dlx-ink: #182230;
  --dlx-body: #344054;
  --dlx-muted: #667085;
  --dlx-label: #98a2b3;
  --dlx-line: #eaecf0;
  --dlx-hover: #f2f4f7;
  --dlx-soft: #f9fafb;
  --dlx-panel: #ffffff;
  --dlx-shadow: 0 12px 32px rgba(16, 24, 40, 0.1), 0 2px 6px rgba(16, 24, 40, 0.04);
  --dlx-font: "Plus Jakarta Sans", "DM Sans", "Segoe UI", sans-serif;
  --dlx-fs-top: 15px;
  --dlx-fs-item: 14px;
  --dlx-fs-desc: 12px;
  --dlx-fs-label: 11px;
  --dlx-fs-promo-title: 16px;
  --dlx-fs-promo-text: 13px;
}

/* Force webfont through Kadence overrides */
#site-navigation.header-navigation,
#site-navigation .dlx-mega-menu,
#site-navigation .dlx-mega-menu *,
#site-navigation .dlx-mega__panel,
#site-navigation .dlx-mega__panel *,
.header-navigation .dlx-mega-menu,
.header-navigation .dlx-mega-menu *,
.header-navigation .dlx-mega__panel,
.header-navigation .dlx-mega__panel * {
  font-family: var(--dlx-font) !important;
}

.site-header .brand.has-logo-image .site-title-wrap,
.site-header .site-branding .site-title-wrap {
  display: none !important;
}

/* Mega panels are position:absolute and can extend past the header row.
   Kadence / page CSS often sets #wrapper { overflow: clip }, which clips
   the panel into a narrow single-column dropdown. Keep the header path open. */
#wrapper.site,
#wrapper,
#inner-wrap,
.site-header,
.site-header-wrap,
.site-main-header-wrap,
.site-main-header-inner-wrap,
.header-navigation,
#site-navigation,
#site-navigation ul.dlx-mega-menu,
#site-navigation ul.dlx-mega-menu > li {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

@media (min-width: 1025px) {
  .site-main-header-inner-wrap.site-header-row-has-sides,
  .site-main-header-inner-wrap.site-header-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
  }

  .site-header-main-section-right.site-header-section-right {
    flex: 1 1 auto !important;
    width: 100% !important;
    justify-content: center !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    position: relative !important;
  }

  .site-header-main-section-right .site-header-item-main-navigation,
  #site-navigation.header-navigation,
  #site-navigation {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    position: relative !important;
  }

  #site-navigation ul.dlx-mega-menu,
  ul.dlx-mega-menu {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 28px !important; /* equal item spacing */
    padding-right: 168px !important; /* reserve far-right CTA slot */
    box-sizing: border-box !important;
  }

  #site-navigation ul.dlx-mega-menu > li,
  ul.dlx-mega-menu > li {
    flex: 0 0 auto !important;
  }

  /* Far-right CTA button (menu item CSS class: dlx-mega-cta) */
  #site-navigation ul.dlx-mega-menu > li.dlx-mega-cta,
  #site-navigation ul.dlx-mega-menu > li.dlx-mega__item--cta,
  .header-navigation ul.dlx-mega-menu > li.dlx-mega-cta,
  .header-navigation ul.dlx-mega-menu > li.dlx-mega__item--cta {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
}

ul.dlx-mega-menu {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

ul.dlx-mega-menu > li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#site-navigation .dlx-mega__link--top,
.header-navigation .dlx-mega__link--top,
ul.dlx-mega-menu > li > a.dlx-mega__link--top {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 14px 2px !important;
  color: var(--dlx-body) !important;
  background: transparent !important;
  font-family: var(--dlx-font) !important;
  font-size: var(--dlx-fs-top) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#site-navigation .dlx-mega__item--top:hover > .dlx-mega__link--top,
#site-navigation .dlx-mega__item--top:focus-within > .dlx-mega__link--top,
#site-navigation .dlx-mega__item--top.is-open > .dlx-mega__link--top,
.header-navigation .dlx-mega__item--top:hover > .dlx-mega__link--top,
.header-navigation .dlx-mega__item--top.is-open > .dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li:hover > .dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li:hover > .dlx-mega__link--top,
/* Current page / section — blue text only, no pill background */
#site-navigation ul.dlx-mega-menu > li.current-menu-item > .dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.current-menu-ancestor > .dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.current-menu-parent > .dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.current_page_item > .dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.current_page_ancestor > .dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.current_page_parent > .dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.current-menu-item > .dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.current-menu-ancestor > .dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.current-menu-parent > .dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.current_page_item > .dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.current_page_ancestor > .dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.current_page_parent > .dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li > a.dlx-mega__link--top[aria-current="page"],
.header-navigation ul.dlx-mega-menu > li > a.dlx-mega__link--top[aria-current="page"] {
  color: var(--dlx-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Header CTA button */
#site-navigation ul.dlx-mega-menu > li.dlx-mega-cta > a.dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.dlx-mega__item--cta > a.dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.dlx-mega-cta > a.dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.dlx-mega__item--cta > a.dlx-mega__link--top {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 10px 18px !important;
  border-radius: 4px !important;
  background: var(--dlx-blue) !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

#site-navigation ul.dlx-mega-menu > li.dlx-mega-cta:hover > a.dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.dlx-mega__item--cta:hover > a.dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.dlx-mega-cta:hover > a.dlx-mega__link--top,
.header-navigation ul.dlx-mega-menu > li.dlx-mega__item--cta:hover > a.dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.dlx-mega-cta.current-menu-item > a.dlx-mega__link--top,
#site-navigation ul.dlx-mega-menu > li.dlx-mega__item--cta.current-menu-item > a.dlx-mega__link--top {
  background: #0a4bac !important;
  color: #fff !important;
}

.dlx-mega__chevron {
  width: 12px;
  height: 12px;
  opacity: 0.7;
  transition: transform 0.15s ease;
}

/* Only flip chevron when panel is actually open / hovered — not merely current page. */
.dlx-mega__item--top:hover > .dlx-mega__link--top .dlx-mega__chevron,
.dlx-mega__item--top:focus-within > .dlx-mega__link--top .dlx-mega__chevron,
.dlx-mega__item--top.is-open > .dlx-mega__link--top .dlx-mega__chevron {
  transform: rotate(180deg);
}

/*
 * Panels stay children of each top item (position:relative) so the mouse can
 * travel into the panel without a dead gap. padding-top is an invisible bridge.
 */
#site-navigation ul.dlx-mega-menu > .dlx-mega__item--top,
.header-navigation ul.dlx-mega-menu > .dlx-mega__item--top,
#site-navigation ul.dlx-mega-menu > .dlx-mega__item--force-grid,
.header-navigation ul.dlx-mega-menu > .dlx-mega__item--force-grid {
  position: relative !important;
}

#site-navigation .dlx-mega__panel,
.header-navigation .dlx-mega__panel,
ul.dlx-mega-menu .dlx-mega__panel {
  position: absolute !important;
  top: calc(100% - 2px) !important;
  left: 0 !important;
  width: max-content !important;
  max-width: min(980px, 96vw) !important;
  min-width: 260px !important;
  padding: 14px 0 0 !important; /* hover bridge — do not remove */
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none !important;
  transition: opacity 0.12s ease, visibility 0.12s ease;
  z-index: 10060 !important;
}

/* Widths are refined by JS to span from logo → header right. */
#site-navigation .dlx-mega__panel--split,
.header-navigation .dlx-mega__panel--split {
  min-width: min(1248px, 96vw) !important;
  width: min(1248px, 96vw) !important;
}

#site-navigation .dlx-mega__item--force-grid > .dlx-mega__panel--grid,
.header-navigation .dlx-mega__item--force-grid > .dlx-mega__panel--grid,
#site-navigation .dlx-mega__panel--grid,
.header-navigation .dlx-mega__panel--grid {
  min-width: min(1217px, 96vw) !important;
  width: min(1217px, 96vw) !important;
  max-width: none !important;
}

/* Default left; JS overrides to logo X for Indoor / Outdoor / Service. */
#site-navigation .dlx-mega__panel,
.header-navigation .dlx-mega__panel {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}

#site-navigation .dlx-mega__item--top:hover > .dlx-mega__panel,
#site-navigation .dlx-mega__item--top:focus-within > .dlx-mega__panel,
#site-navigation .dlx-mega__item--top.is-open > .dlx-mega__panel,
.header-navigation .dlx-mega__item--top:hover > .dlx-mega__panel,
.header-navigation .dlx-mega__item--top:focus-within > .dlx-mega__panel,
.header-navigation .dlx-mega__item--top.is-open > .dlx-mega__panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: block !important;
  right: auto !important;
  transform: none !important;
}

#site-navigation .dlx-mega__panel-inner,
.header-navigation .dlx-mega__panel-inner {
  background: var(--dlx-panel) !important;
  border: 1px solid var(--dlx-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--dlx-shadow) !important;
  overflow: hidden;
}

/* Untitled 3-zone layout: rail | stage | promo */
#site-navigation .dlx-mega__layout,
.header-navigation .dlx-mega__layout {
  display: grid !important;
  grid-template-columns: 300px minmax(300px, 1fr) 230px !important;
  align-items: stretch !important;
  min-height: 420px !important;
  max-height: none !important;
  height: auto !important;
}

#site-navigation .dlx-mega__panel--flat .dlx-mega__layout,
.header-navigation .dlx-mega__panel--flat .dlx-mega__layout {
  grid-template-columns: 1fr !important;
  min-height: 0 !important;
  max-height: none !important;
}

#site-navigation .dlx-mega__panel--flat .dlx-mega__stage,
#site-navigation .dlx-mega__panel--flat .dlx-mega__promo,
.header-navigation .dlx-mega__panel--flat .dlx-mega__stage,
.header-navigation .dlx-mega__panel--flat .dlx-mega__promo {
  display: none !important;
}

/* Outdoor: 4-column flat grid + promo (no rail/stage hierarchy) */
#site-navigation .dlx-mega__panel--grid .dlx-mega__layout,
.header-navigation .dlx-mega__panel--grid .dlx-mega__layout {
  grid-template-columns: minmax(0, 1fr) 220px !important;
  min-height: 0 !important;
}

#site-navigation .dlx-mega__panel--grid .dlx-mega__stage,
.header-navigation .dlx-mega__panel--grid .dlx-mega__stage {
  display: none !important;
}

#site-navigation .dlx-mega__panel--grid ul.dlx-mega__columns,
.header-navigation .dlx-mega__panel--grid ul.dlx-mega__columns {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px 20px !important;
  border-right: 1px solid var(--dlx-line) !important;
  padding: 14px 16px !important;
  overflow: visible !important;
  max-height: none !important;
  flex-direction: unset !important;
  width: 100% !important;
  box-sizing: border-box !important;
  align-content: start !important;
}

#site-navigation .dlx-mega__panel--grid .dlx-mega__column,
.header-navigation .dlx-mega__panel--grid .dlx-mega__column {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  height: auto !important;
}

#site-navigation .dlx-mega__panel--grid a.dlx-mega__link--column,
.header-navigation .dlx-mega__panel--grid a.dlx-mega__link--column {
  height: auto !important;
  align-items: center !important;
  padding: 7px 8px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#site-navigation .dlx-mega__panel--grid .dlx-mega__copy,
.header-navigation .dlx-mega__panel--grid .dlx-mega__copy {
  min-width: 0 !important;
  max-width: 100% !important;
}

#site-navigation .dlx-mega__panel--grid .dlx-mega__title,
.header-navigation .dlx-mega__panel--grid .dlx-mega__title {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#site-navigation .dlx-mega__panel--grid .dlx-mega__desc,
.header-navigation .dlx-mega__panel--grid .dlx-mega__desc {
  display: none !important;
}

#site-navigation .dlx-mega__panel--grid .dlx-mega__title,
.header-navigation .dlx-mega__panel--grid .dlx-mega__title {
  font-family: var(--dlx-font) !important;
  font-size: var(--dlx-fs-item) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Service may have nested Template children — hide them in flat grid mode */
#site-navigation .dlx-mega__panel--grid .dlx-mega__column > .dlx-mega__list,
.header-navigation .dlx-mega__panel--grid .dlx-mega__column > .dlx-mega__list {
  display: none !important;
}

/* Left rail categories — no scrollbar; panel grows with content */
#site-navigation ul.dlx-mega__columns,
.header-navigation ul.dlx-mega__columns {
  list-style: none !important;
  margin: 0 !important;
  padding: 14px 12px !important;
  background: #fff !important;
  border-right: 1px solid var(--dlx-line) !important;
  overflow: visible !important;
  max-height: none !important;
  position: static !important;
  width: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

#site-navigation .dlx-mega__panel--flat ul.dlx-mega__columns,
.header-navigation .dlx-mega__panel--flat ul.dlx-mega__columns {
  border-right: 0 !important;
  max-height: none !important;
  padding: 8px !important;
}

#site-navigation .dlx-mega__column,
.header-navigation .dlx-mega__column {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Hide nested lists in rail — shown in stage via JS */
#site-navigation .dlx-mega__panel--split .dlx-mega__column > .dlx-mega__list,
.header-navigation .dlx-mega__panel--split .dlx-mega__column > .dlx-mega__list {
  display: none !important;
}

#site-navigation a.dlx-mega__link--column,
.header-navigation a.dlx-mega__link--column {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 12px 12px !important;
  margin: 0 !important;
  color: var(--dlx-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background 0.12s ease, color 0.12s ease !important;
}

#site-navigation .dlx-mega__column.is-active > a.dlx-mega__link--column,
#site-navigation a.dlx-mega__link--column:hover,
.header-navigation .dlx-mega__column.is-active > a.dlx-mega__link--column,
.header-navigation a.dlx-mega__link--column:hover,
#site-navigation li.current-menu-item > a.dlx-mega__link--column,
#site-navigation li.current-menu-item > a.dlx-mega__link--child,
#site-navigation li.current_page_item > a.dlx-mega__link--column,
#site-navigation li.current_page_item > a.dlx-mega__link--child,
#site-navigation li.dlx-mega__item--current > a.dlx-mega__link--column,
#site-navigation li.dlx-mega__item--current > a.dlx-mega__link--child,
#site-navigation li.dlx-mega__item--current-branch > a.dlx-mega__link--column,
.header-navigation li.current-menu-item > a.dlx-mega__link--column,
.header-navigation li.current-menu-item > a.dlx-mega__link--child,
.header-navigation li.current_page_item > a.dlx-mega__link--column,
.header-navigation li.current_page_item > a.dlx-mega__link--child,
.header-navigation li.dlx-mega__item--current > a.dlx-mega__link--column,
.header-navigation li.dlx-mega__item--current > a.dlx-mega__link--child,
.header-navigation li.dlx-mega__item--current-branch > a.dlx-mega__link--column,
#site-navigation a.dlx-mega__link--column[aria-current="page"],
#site-navigation a.dlx-mega__link--child[aria-current="page"],
.header-navigation a.dlx-mega__link--column[aria-current="page"],
.header-navigation a.dlx-mega__link--child[aria-current="page"] {
  background: var(--dlx-hover) !important;
  color: var(--dlx-blue) !important;
}

#site-navigation a.dlx-mega__link--column:hover .dlx-mega__title,
#site-navigation a.dlx-mega__link--child:hover .dlx-mega__title,
#site-navigation .dlx-mega__column.is-active > a.dlx-mega__link--column .dlx-mega__title,
.header-navigation a.dlx-mega__link--column:hover .dlx-mega__title,
.header-navigation a.dlx-mega__link--child:hover .dlx-mega__title,
.header-navigation .dlx-mega__column.is-active > a.dlx-mega__link--column .dlx-mega__title,
#site-navigation li.current-menu-item > a .dlx-mega__title,
#site-navigation li.current_page_item > a .dlx-mega__title,
.header-navigation li.current-menu-item > a .dlx-mega__title,
.header-navigation li.current_page_item > a .dlx-mega__title {
  color: var(--dlx-blue) !important;
}

/* Dot bullet via ::before (always visible) — blue on hover */
#site-navigation a.dlx-mega__link--column,
#site-navigation a.dlx-mega__link--child,
.header-navigation a.dlx-mega__link--column,
.header-navigation a.dlx-mega__link--child {
  gap: 10px !important;
}

#site-navigation a.dlx-mega__link--column::before,
#site-navigation a.dlx-mega__link--child::before,
.header-navigation a.dlx-mega__link--column::before,
.header-navigation a.dlx-mega__link--child::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  border-radius: 50% !important;
  background: #98a2b3 !important;
  flex: 0 0 auto !important;
  margin-top: 0.45em !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
  display: inline-block !important;
}

#site-navigation a.dlx-mega__link--column:hover::before,
#site-navigation a.dlx-mega__link--child:hover::before,
#site-navigation .dlx-mega__column.is-active > a.dlx-mega__link--column::before,
.header-navigation a.dlx-mega__link--column:hover::before,
.header-navigation a.dlx-mega__link--child:hover::before,
.header-navigation .dlx-mega__column.is-active > a.dlx-mega__link--column::before,
#site-navigation li.current-menu-item > a.dlx-mega__link--column::before,
#site-navigation li.current-menu-item > a.dlx-mega__link--child::before,
#site-navigation li.current_page_item > a.dlx-mega__link--column::before,
#site-navigation li.current_page_item > a.dlx-mega__link--child::before,
.header-navigation li.current-menu-item > a.dlx-mega__link--column::before,
.header-navigation li.current-menu-item > a.dlx-mega__link--child::before,
.header-navigation li.current_page_item > a.dlx-mega__link--column::before,
.header-navigation li.current_page_item > a.dlx-mega__link--child::before {
  background: var(--dlx-blue) !important;
  transform: scale(1.2) !important;
}

/* Hide redundant HTML dots if present (CSS ::before is source of truth) */
#site-navigation .dlx-mega__dot,
.header-navigation .dlx-mega__dot,
#site-navigation .dlx-mega__icon,
.header-navigation .dlx-mega__icon {
  display: none !important;
}

.dlx-mega__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  text-align: left;
}

#site-navigation .dlx-mega__panel-inner,
.header-navigation .dlx-mega__panel-inner,
#site-navigation .dlx-mega__panel-inner a,
.header-navigation .dlx-mega__panel-inner a {
  font-family: var(--dlx-font) !important;
}

#site-navigation .dlx-mega__title,
.header-navigation .dlx-mega__title {
  display: block !important;
  color: var(--dlx-ink) !important;
  font-family: var(--dlx-font) !important;
  font-size: var(--dlx-fs-item) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em !important;
  transition: color 0.12s ease !important;
  text-transform: none !important;
}

#site-navigation .dlx-mega__desc,
.header-navigation .dlx-mega__desc {
  display: block !important;
  color: var(--dlx-muted) !important;
  font-family: var(--dlx-font) !important;
  font-size: var(--dlx-fs-desc) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* Center stage — compact 2-column product grid */
#site-navigation .dlx-mega__stage,
.header-navigation .dlx-mega__stage {
  padding: 16px 18px !important;
  background: #fff !important;
  border-right: 1px solid var(--dlx-line) !important;
  overflow: visible !important;
  max-height: none !important;
}

.dlx-mega__stage-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.dlx-mega__stage-label {
  margin: 0;
  color: var(--dlx-label);
  font-family: var(--dlx-font);
  font-size: var(--dlx-fs-label);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.3;
}

.dlx-mega__stage-view {
  color: var(--dlx-blue) !important;
  font-family: var(--dlx-font) !important;
  font-size: var(--dlx-fs-desc) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}

#site-navigation ul.dlx-mega__list--stage,
.header-navigation ul.dlx-mega__list--stage {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: static !important;
  width: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Never show nested lists inside stage — JS flattens Lamps/Spot children */
#site-navigation .dlx-mega__list--stage .dlx-mega__list,
.header-navigation .dlx-mega__list--stage .dlx-mega__list {
  display: none !important;
}

#site-navigation .dlx-mega__list--stage > .dlx-mega__item,
.header-navigation .dlx-mega__list--stage > .dlx-mega__item {
  margin: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

#site-navigation a.dlx-mega__link--child,
.header-navigation a.dlx-mega__link--child,
#site-navigation .dlx-mega__list--stage a.dlx-mega__link--child,
.header-navigation .dlx-mega__list--stage a.dlx-mega__link--child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  color: var(--dlx-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  transition: background 0.12s ease, color 0.12s ease !important;
}

#site-navigation a.dlx-mega__link--child:hover,
.header-navigation a.dlx-mega__link--child:hover,
#site-navigation .dlx-mega__list--stage > .is-active > a.dlx-mega__link--child,
.header-navigation .dlx-mega__list--stage > .is-active > a.dlx-mega__link--child {
  background: var(--dlx-hover) !important;
  color: var(--dlx-blue) !important;
}

#site-navigation .dlx-mega__list--stage .dlx-mega__title,
.header-navigation .dlx-mega__list--stage .dlx-mega__title {
  font-size: var(--dlx-fs-item) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#site-navigation .dlx-mega__list--stage a.dlx-mega__link--child,
.header-navigation .dlx-mega__list--stage a.dlx-mega__link--child {
  align-items: center !important;
}

.dlx-mega__stage-empty {
  display: inline-flex;
  margin-top: 8px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--dlx-soft);
  color: var(--dlx-blue) !important;
  font-weight: 600;
  text-decoration: none !important;
}

/* Right promo card */
#site-navigation .dlx-mega__promo,
.header-navigation .dlx-mega__promo {
  padding: 18px 16px !important;
  background: var(--dlx-soft) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.dlx-mega__promo-label {
  margin: 0;
  color: var(--dlx-label);
  font-family: var(--dlx-font);
  font-size: var(--dlx-fs-label);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.3;
}

.dlx-mega__promo-title {
  margin: 0;
  color: var(--dlx-ink);
  font-family: var(--dlx-font);
  font-size: var(--dlx-fs-promo-title);
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: -0.015em;
}

.dlx-mega__promo-text {
  margin: 0;
  color: var(--dlx-muted);
  font-family: var(--dlx-font);
  font-size: var(--dlx-fs-promo-text);
  font-weight: 400;
  line-height: 1.5;
}

.dlx-mega__promo-btn {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  border-radius: 8px;
  background: var(--dlx-blue) !important;
  color: #fff !important;
  font-family: var(--dlx-font) !important;
  font-size: var(--dlx-fs-item) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

.dlx-mega__promo-btn:hover {
  background: #024bb8 !important;
  color: #fff !important;
}

/* Flat outdoor dropdown */
#site-navigation .dlx-mega__panel--flat ul.dlx-mega__columns a.dlx-mega__link--column,
.header-navigation .dlx-mega__panel--flat ul.dlx-mega__columns a.dlx-mega__link--column {
  padding: 10px 12px !important;
}

#site-navigation .dlx-mega__panel--flat .dlx-mega__desc,
.header-navigation .dlx-mega__panel--flat .dlx-mega__desc {
  display: none !important;
}


@media (max-width: 1024px) {
  ul.dlx-mega-menu {
    flex-direction: column !important;
    width: 100% !important;
  }

  #site-navigation .dlx-mega__panel,
  .header-navigation .dlx-mega__panel {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    display: none !important;
  }

  #site-navigation .dlx-mega__item--top.is-open > .dlx-mega__panel,
  .header-navigation .dlx-mega__item--top.is-open > .dlx-mega__panel {
    display: block !important;
  }

  #site-navigation .dlx-mega__layout,
  .header-navigation .dlx-mega__layout {
    grid-template-columns: 1fr !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  #site-navigation .dlx-mega__panel--split .dlx-mega__column > .dlx-mega__list,
  .header-navigation .dlx-mega__panel--split .dlx-mega__column > .dlx-mega__list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding: 0 8px 8px !important;
  }

  #site-navigation .dlx-mega__stage,
  #site-navigation .dlx-mega__promo,
  .header-navigation .dlx-mega__stage,
  .header-navigation .dlx-mega__promo {
    display: none !important;
  }

  #site-navigation ul.dlx-mega__columns,
  .header-navigation ul.dlx-mega__columns {
    border-right: 0 !important;
    max-height: none !important;
  }
}