/* ============================================================
   APEX GROWTH — SHARED NAVBAR (desktop + home mobile on all pages)
   ============================================================ */

/* ══ LAMP (desktop) ══ */
.lamp-wrap {
  position: absolute !important;
  top: 0 !important;
  left: clamp(100px, 13vw, 180px) !important;
  z-index: 6 !important;
  pointer-events: none !important;
  width: clamp(180px, 22vw, 360px) !important;
  overflow: hidden !important;
  line-height: 0 !important;
}
.lamp-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  transform: translateY(-38%) !important;
  margin-bottom: -28% !important;
  mix-blend-mode: lighten !important;
  filter: drop-shadow(0 12px 28px rgba(0,0,0,.35)) !important;
}
.lamp-glow { display: none !important; }

/* ══ NAVBAR BASE (desktop) ══ */
.apex-nav {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 8px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
  overflow: visible !important;
  transform: none !important;
  height: auto !important;
  min-height: 0 !important;
  transition: background .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.apex-nav.is-sticky,
.apex-nav.nav-scrolled {
  background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92)) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
  border-bottom: 1px solid rgba(212,175,55,.14) !important;
}

.apex-nav .nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(12px, 2vw, 24px) !important;
  overflow: visible !important;
  width: 95% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 0 !important;
  height: auto !important;
  flex-wrap: nowrap !important;
}

.apex-nav .nav-left {
  display: flex !important;
  align-items: center !important;
  gap: clamp(14px, 2.2vw, 32px) !important;
  flex-shrink: 0 !important;
  margin-left: 0 !important;
  flex: 0 0 auto !important;
}

.apex-nav .nav-right {
  display: flex !important;
  align-items: center !important;
  gap: clamp(6px, 0.8vw, 12px) !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.apex-nav .nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 1 auto !important;
  gap: clamp(2px, 0.4vw, 4px) !important;
  flex-wrap: nowrap !important;
}

.apex-nav .brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

.apex-nav .brand-logo {
  display: block !important;
  width: auto !important;
  height: clamp(46px, 5.2vw, 58px) !important;
  max-width: min(300px, 42vw) !important;
  object-fit: contain !important;
  mix-blend-mode: lighten !important;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,.35)) !important;
}

.apex-nav .nav-links a {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px clamp(9px, 0.95vw, 13px) !important;
  border-radius: 8px !important;
  font-size: clamp(13px, 1.05vw, 15px) !important;
  font-weight: 500 !important;
  color: #FFFFFF !important;
  transition: color .2s, background .2s !important;
  position: relative !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
.apex-nav .nav-links a i { color: #FFFFFF !important; font-size: 14px !important; opacity: 1 !important; }
.apex-nav .nav-links a:hover { background: rgba(255,255,255,.04) !important; color: #fff !important; }
.apex-nav .nav-links a.active { color: #FFFFFF !important; }
.apex-nav .nav-links a.active::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: -10px !important;
  width: 32px !important;
  height: 2px !important;
  border-radius: 20px !important;
  background: linear-gradient(90deg, #716848, #D4AF37) !important;
  box-shadow: 0 0 8px rgba(215,180,130,.55) !important;
}

.nav-toggle { display: none !important; }
.nav-mobile { display: none !important; visibility: hidden !important; pointer-events: none !important; }
body.nav-open { overflow: auto !important; }

/* ============================================================
   HOME MOBILE NAVBAR — exact from home.html — ALL PAGES
   ============================================================ */
@media (max-width: 991px) {
  .apex-nav,
  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    overflow: visible !important;
    padding: 7px 0 !important;
  }

  .apex-nav .nav-inner,
  .apex-nav.nav-scrolled .nav-inner,
  .apex-nav.is-sticky .nav-inner {
    width: 95% !important;
    max-width: 95% !important;
    min-height: 38px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: clamp(6px, 1.5vw, 14px) !important;
    overflow: visible !important;
  }

  .apex-nav .nav-left,
  .apex-nav.nav-scrolled .nav-left,
  .apex-nav.is-sticky .nav-left {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .apex-nav .brand,
  .apex-nav .nav-left .brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  .apex-nav .brand-logo,
  .apex-nav.nav-scrolled .brand-logo,
  .apex-nav.is-sticky .brand-logo {
    width: auto !important;
    height: clamp(27px, 6.8vw, 42px) !important;
    max-width: clamp(74px, 20vw, 128px) !important;
    object-fit: contain !important;
    mix-blend-mode: lighten !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.32)) !important;
  }

  .apex-nav .nav-right,
  .apex-nav.nav-scrolled .nav-right,
  .apex-nav.is-sticky .nav-right {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
  }

  .apex-nav .nav-links,
  .apex-nav.nav-scrolled .nav-links,
  .apex-nav.is-sticky .nav-links {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: clamp(1px, .6vw, 7px) !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: static !important;
  }

  .apex-nav .nav-links a,
  .apex-nav.nav-scrolled .nav-links a,
  .apex-nav.is-sticky .nav-links a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(2px, .45vw, 5px) !important;
    padding: 6px clamp(3px, .75vw, 10px) !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(7px, 1.55vw, 13px) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  .apex-nav .nav-links a i,
  .apex-nav.nav-scrolled .nav-links a i,
  .apex-nav.is-sticky .nav-links a i {
    color: inherit !important;
    font-size: clamp(7px, 1.5vw, 13px) !important;
    line-height: 1 !important;
  }

  .apex-nav .nav-links a.active::after,
  .apex-nav.nav-scrolled .nav-links a.active::after,
  .apex-nav.is-sticky .nav-links a.active::after {
    width: clamp(18px, 4vw, 38px) !important;
    height: 2px !important;
    bottom: -4px !important;
  }

  .nav-toggle,
  .apex-nav .nav-toggle,
  .apex-nav.nav-scrolled .nav-toggle,
  .apex-nav.is-sticky .nav-toggle,
  .nav-mobile,
  .nav-right > .btn-cta,
  .apex-nav.nav-scrolled .nav-right > .btn-cta,
  .apex-nav.is-sticky .nav-right > .btn-cta {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .lamp-wrap {
    display: block !important;
    position: fixed !important;
    top: -8px !important;
    left: clamp(80px, 22vw, 160px) !important;
    width: clamp(100px, 20vw, 200px) !important;
    overflow: hidden !important;
    z-index: 100000 !important;
    pointer-events: none !important;
  }

  .lamp-img {
    width: 100% !important;
    transform: translateY(-38%) !important;
    margin-bottom: -28% !important;
  }

  .lamp-wrap.lamp-scrolled,
  .apex-nav.is-sticky .lamp-wrap {
    display: none !important;
  }

  .apex-nav.is-sticky,
  .apex-nav.nav-scrolled {
    background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.45) !important;
    border-bottom: 1px solid rgba(212,175,55,.14) !important;
  }
}

@media (max-width: 480px) {
  .apex-nav,
  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    padding: 6px 0 !important;
  }

  .apex-nav .nav-inner,
  .apex-nav.nav-scrolled .nav-inner,
  .apex-nav.is-sticky .nav-inner {
    width: 96% !important;
    max-width: 96% !important;
    gap: 4px !important;
  }

  .apex-nav .brand-logo,
  .apex-nav.nav-scrolled .brand-logo,
  .apex-nav.is-sticky .brand-logo {
    height: clamp(24px, 6.2vw, 30px) !important;
    max-width: clamp(62px, 17vw, 82px) !important;
  }

  .apex-nav .nav-links,
  .apex-nav.nav-scrolled .nav-links,
  .apex-nav.is-sticky .nav-links {
    gap: 0 !important;
  }

  .apex-nav .nav-links a,
  .apex-nav.nav-scrolled .nav-links a,
  .apex-nav.is-sticky .nav-links a {
    gap: 2px !important;
    padding: 5px clamp(2px, .65vw, 4px) !important;
    font-size: clamp(6.2px, 1.72vw, 8.2px) !important;
  }

  .apex-nav .nav-links a i,
  .apex-nav.nav-scrolled .nav-links a i,
  .apex-nav.is-sticky .nav-links a i {
    font-size: clamp(6.2px, 1.7vw, 8.2px) !important;
  }

  .lamp-wrap {
    left: clamp(60px, 18vw, 100px) !important;
    width: clamp(80px, 18vw, 120px) !important;
  }
}

@media (max-width: 360px) {
  .apex-nav .brand-logo,
  .apex-nav.nav-scrolled .brand-logo,
  .apex-nav.is-sticky .brand-logo {
    height: 22px !important;
    max-width: 56px !important;
  }

  .apex-nav .nav-links a,
  .apex-nav.nav-scrolled .nav-links a,
  .apex-nav.is-sticky .nav-links a {
    padding-left: 1.5px !important;
    padding-right: 1.5px !important;
    font-size: 5.8px !important;
  }

  .apex-nav .nav-links a i,
  .apex-nav.nav-scrolled .nav-links a i,
  .apex-nav.is-sticky .nav-links a i {
    font-size: 5.8px !important;
  }
}

/* ============================================================
   SHARED HOME LAMP — one fixed lamp for all pages (DESKTOP)
   ============================================================ */
@media (min-width: 992px) {
  html body .apex-header-lamp.lamp-wrap,
  html body.package-page-body .apex-header-lamp.lamp-wrap,
  html body.services-page .apex-header-lamp.lamp-wrap,
  html body.results-page .apex-header-lamp.lamp-wrap,
  html body.page-about .apex-header-lamp.lamp-wrap,
  html body.page-home .apex-header-lamp.lamp-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: clamp(100px, 13vw, 180px) !important;
    right: auto !important;
    transform: none !important;
    z-index: 100000 !important;
    pointer-events: none !important;
    width: clamp(180px, 22vw, 360px) !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }

  html body .apex-header-lamp .lamp-img,
  html body.package-page-body .apex-header-lamp .lamp-img,
  html body.services-page .apex-header-lamp .lamp-img,
  html body.results-page .apex-header-lamp .lamp-img,
  html body.page-about .apex-header-lamp .lamp-img,
  html body.page-home .apex-header-lamp .lamp-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    transform: translateY(-38%) !important;
    margin-bottom: -28% !important;
    mix-blend-mode: lighten !important;
    filter: drop-shadow(0 12px 28px rgba(0,0,0,.35)) !important;
  }
}

html body .apex-header-lamp.lamp-scrolled,
html body .apex-nav.is-sticky ~ .apex-header-lamp,
html body .apex-nav.nav-scrolled ~ .apex-header-lamp {
  display: none !important;
}

/* Hide page-level lamps so only the shared header lamp shows */
html body .lamp-wrap:not(.apex-header-lamp),
html body.package-page-body .lamp-wrap:not(.apex-header-lamp),
html body.services-page .lamp-wrap:not(.apex-header-lamp),
html body.results-page .lamp-wrap:not(.apex-header-lamp),
html body.page-about .lamp-wrap:not(.apex-header-lamp),
html body.page-home .lamp-wrap:not(.apex-header-lamp),
html body .hero-section > .lamp-wrap,
html body .package-page-hero > .lamp-wrap,
html body .services-page-hero > .lamp-wrap {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html:not(.lamp-css-ready) .apex-header-lamp.lamp-wrap {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================================
   DESKTOP LOCK — home navbar only (min-width 992px)
   Beats about/services/packages/results page CSS overrides
   ============================================================ */
@media (min-width: 992px) {
  html body .apex-nav,
  html body.package-page-body .apex-nav,
  html body.services-page .apex-nav,
  html body.results-page .apex-nav,
  html body.page-about .apex-nav,
  html body .apex-nav.is-sticky,
  html body .apex-nav.nav-scrolled,
  html body.package-page-body .apex-nav.is-sticky,
  html body.services-page .apex-nav.is-sticky,
  html body.results-page .apex-nav.is-sticky,
  html body.page-about .apex-nav.is-sticky {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 8px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    overflow: visible !important;
    transform: none !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.package-page-body .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.services-page .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.results-page .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.page-about .apex-nav:not(.is-sticky):not(.nav-scrolled) {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
  }

  html body .apex-nav.is-sticky,
  html body .apex-nav.nav-scrolled,
  html body.package-page-body .apex-nav.is-sticky,
  html body.services-page .apex-nav.is-sticky,
  html body.results-page .apex-nav.is-sticky,
  html body.page-about .apex-nav.is-sticky {
    background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
    border-bottom: 1px solid rgba(212,175,55,.14) !important;
  }

  html body .apex-nav .nav-inner,
  html body.package-page-body .apex-nav .nav-inner,
  html body.services-page .apex-nav .nav-inner,
  html body.results-page .apex-nav .nav-inner,
  html body.page-about .apex-nav .nav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(12px, 2vw, 24px) !important;
    overflow: visible !important;
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
  }

  html body .apex-nav .nav-left,
  html body.package-page-body .apex-nav .nav-left,
  html body.services-page .apex-nav .nav-left,
  html body.results-page .apex-nav .nav-left,
  html body.page-about .apex-nav .nav-left {
    display: flex !important;
    align-items: center !important;
    gap: clamp(14px, 2.2vw, 32px) !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  html body .apex-nav .nav-right,
  html body.package-page-body .apex-nav .nav-right,
  html body.services-page .apex-nav .nav-right,
  html body.results-page .apex-nav .nav-right,
  html body.page-about .apex-nav .nav-right {
    display: flex !important;
    align-items: center !important;
    gap: clamp(6px, 0.8vw, 12px) !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  html body .apex-nav .brand-logo,
  html body.package-page-body .apex-nav .brand-logo,
  html body.services-page .apex-nav .brand-logo,
  html body.results-page .apex-nav .brand-logo,
  html body.page-about .apex-nav .brand-logo {
    display: block !important;
    width: auto !important;
    height: clamp(46px, 5.2vw, 58px) !important;
    max-width: min(300px, 42vw) !important;
    object-fit: contain !important;
    mix-blend-mode: lighten !important;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.35)) !important;
  }

  html body .apex-nav .nav-links,
  html body.package-page-body .apex-nav .nav-links,
  html body.services-page .apex-nav .nav-links,
  html body.results-page .apex-nav .nav-links,
  html body.page-about .apex-nav .nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 1 auto !important;
    gap: clamp(2px, 0.4vw, 4px) !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
  }

  html body .apex-nav .nav-links a,
  html body.package-page-body .apex-nav .nav-links a,
  html body.services-page .apex-nav .nav-links a,
  html body.results-page .apex-nav .nav-links a,
  html body.page-about .apex-nav .nav-links a {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px clamp(9px, 0.95vw, 13px) !important;
    border-radius: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(13px, 1.05vw, 15px) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    background: transparent !important;
    position: relative !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  /* Kill page-specific fake icons / underlines that change the home nav look */
  html body .apex-nav .nav-links a::before,
  html body.package-page-body .apex-nav .nav-links a::before,
  html body.services-page .apex-nav .nav-links a::before,
  html body.results-page .apex-nav .nav-links a::before,
  html body.page-about .apex-nav .nav-links a::before {
    content: none !important;
    display: none !important;
  }

  html body .apex-nav .nav-links a i,
  html body.package-page-body .apex-nav .nav-links a i,
  html body.services-page .apex-nav .nav-links a i,
  html body.results-page .apex-nav .nav-links a i,
  html body.page-about .apex-nav .nav-links a i {
    color: #FFFFFF !important;
    font-size: 14px !important;
    opacity: 1 !important;
    line-height: 1 !important;
  }

  html body .apex-nav .nav-links a.active::after,
  html body.package-page-body .apex-nav .nav-links a.active::after,
  html body.services-page .apex-nav .nav-links a.active::after,
  html body.results-page .apex-nav .nav-links a.active::after,
  html body.page-about .apex-nav .nav-links a.active::after {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -10px !important;
    width: 32px !important;
    height: 2px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, #716848, #D4AF37) !important;
    box-shadow: 0 0 8px rgba(215,180,130,.55) !important;
  }

  html body .apex-nav .nav-links a:not(.active)::after,
  html body.package-page-body .apex-nav .nav-links a:not(.active)::after,
  html body.services-page .apex-nav .nav-links a:not(.active)::after,
  html body.results-page .apex-nav .nav-links a:not(.active)::after,
  html body.page-about .apex-nav .nav-links a:not(.active)::after {
    width: 0 !important;
    height: 0 !important;
    content: none !important;
  }

  html body .apex-nav .nav-toggle,
  html body .apex-nav .nav-mobile,
  html body .apex-nav .nav-right > .btn-cta {
    display: none !important;
  }
}

/* ============================================================
   MOBILE LOCK — home index.php navbar on ALL pages (≤991px)
   Beats results/services/packages/about .nav-links{display:none}
   and .nav-toggle{display:inline-flex} hamburger rules.
   ============================================================ */
@media (max-width: 991px) {
  html body .apex-nav,
  html body.package-page-body .apex-nav,
  html body.services-page .apex-nav,
  html body.results-page .apex-nav,
  html body.page-about .apex-nav,
  html body.page-home .apex-nav,
  html body .apex-nav.is-sticky,
  html body .apex-nav.nav-scrolled,
  html body.package-page-body .apex-nav.is-sticky,
  html body.services-page .apex-nav.is-sticky,
  html body.results-page .apex-nav.is-sticky,
  html body.page-about .apex-nav.is-sticky,
  html body.page-home .apex-nav.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 99999 !important;
    overflow: visible !important;
    padding: 7px 0 !important;
    margin: 0 !important;
    transform: none !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.package-page-body .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.services-page .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.results-page .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.page-about .apex-nav:not(.is-sticky):not(.nav-scrolled),
  html body.page-home .apex-nav:not(.is-sticky):not(.nav-scrolled) {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
  }

  html body .apex-nav.is-sticky,
  html body .apex-nav.nav-scrolled,
  html body.package-page-body .apex-nav.is-sticky,
  html body.services-page .apex-nav.is-sticky,
  html body.results-page .apex-nav.is-sticky,
  html body.page-about .apex-nav.is-sticky,
  html body.page-home .apex-nav.is-sticky {
    background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.45) !important;
    border-bottom: 1px solid rgba(212,175,55,.14) !important;
  }

  html body .apex-nav .nav-inner,
  html body.package-page-body .apex-nav .nav-inner,
  html body.services-page .apex-nav .nav-inner,
  html body.results-page .apex-nav .nav-inner,
  html body.page-about .apex-nav .nav-inner,
  html body.page-home .apex-nav .nav-inner {
    width: 95% !important;
    max-width: 95% !important;
    min-height: 38px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: clamp(6px, 1.5vw, 14px) !important;
    overflow: visible !important;
  }

  html body .apex-nav .nav-left,
  html body.package-page-body .apex-nav .nav-left,
  html body.services-page .apex-nav .nav-left,
  html body.results-page .apex-nav .nav-left,
  html body.page-about .apex-nav .nav-left,
  html body.page-home .apex-nav .nav-left {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  html body .apex-nav .brand,
  html body .apex-nav .nav-left .brand,
  html body.package-page-body .apex-nav .brand,
  html body.services-page .apex-nav .brand,
  html body.results-page .apex-nav .brand,
  html body.page-about .apex-nav .brand,
  html body.page-home .apex-nav .brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  html body .apex-nav .brand-logo,
  html body.package-page-body .apex-nav .brand-logo,
  html body.services-page .apex-nav .brand-logo,
  html body.results-page .apex-nav .brand-logo,
  html body.page-about .apex-nav .brand-logo,
  html body.page-home .apex-nav .brand-logo {
    display: block !important;
    width: auto !important;
    height: clamp(27px, 6.8vw, 42px) !important;
    max-width: clamp(74px, 20vw, 128px) !important;
    object-fit: contain !important;
    mix-blend-mode: lighten !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.32)) !important;
  }

  html body .apex-nav .nav-right,
  html body.package-page-body .apex-nav .nav-right,
  html body.services-page .apex-nav .nav-right,
  html body.results-page .apex-nav .nav-right,
  html body.page-about .apex-nav .nav-right,
  html body.page-home .apex-nav .nav-right {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
  }

  /* Force home-style inline links — never hamburger drawer */
  html body .apex-nav .nav-links,
  html body.package-page-body .apex-nav .nav-links,
  html body.services-page .apex-nav .nav-links,
  html body.results-page .apex-nav .nav-links,
  html body.page-about .apex-nav .nav-links,
  html body.page-home .apex-nav .nav-links,
  html body .apex-nav .nav-links.open,
  html body.package-page-body .apex-nav .nav-links.open,
  html body.services-page .apex-nav .nav-links.open,
  html body.results-page .apex-nav .nav-links.open,
  html body.page-about .apex-nav .nav-links.open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: clamp(1px, .6vw, 7px) !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  html body .apex-nav .nav-links a,
  html body.package-page-body .apex-nav .nav-links a,
  html body.services-page .apex-nav .nav-links a,
  html body.results-page .apex-nav .nav-links a,
  html body.page-about .apex-nav .nav-links a,
  html body.page-home .apex-nav .nav-links a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    gap: clamp(2px, .45vw, 5px) !important;
    padding: 6px clamp(3px, .75vw, 10px) !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(7px, 1.55vw, 13px) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  html body .apex-nav .nav-links a::before,
  html body.package-page-body .apex-nav .nav-links a::before,
  html body.services-page .apex-nav .nav-links a::before,
  html body.results-page .apex-nav .nav-links a::before,
  html body.page-about .apex-nav .nav-links a::before,
  html body.page-home .apex-nav .nav-links a::before {
    content: none !important;
    display: none !important;
  }

  html body .apex-nav .nav-links a i,
  html body.package-page-body .apex-nav .nav-links a i,
  html body.services-page .apex-nav .nav-links a i,
  html body.results-page .apex-nav .nav-links a i,
  html body.page-about .apex-nav .nav-links a i,
  html body.page-home .apex-nav .nav-links a i {
    color: inherit !important;
    font-size: clamp(7px, 1.5vw, 13px) !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  html body .apex-nav .nav-links a.active::after,
  html body.package-page-body .apex-nav .nav-links a.active::after,
  html body.services-page .apex-nav .nav-links a.active::after,
  html body.results-page .apex-nav .nav-links a.active::after,
  html body.page-about .apex-nav .nav-links a.active::after,
  html body.page-home .apex-nav .nav-links a.active::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -4px !important;
    width: clamp(18px, 4vw, 38px) !important;
    height: 2px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, #716848, #D4AF37) !important;
    box-shadow: 0 0 8px rgba(215,180,130,.55) !important;
  }

  html body .apex-nav .nav-links a:not(.active)::after,
  html body.package-page-body .apex-nav .nav-links a:not(.active)::after,
  html body.services-page .apex-nav .nav-links a:not(.active)::after,
  html body.results-page .apex-nav .nav-links a:not(.active)::after,
  html body.page-about .apex-nav .nav-links a:not(.active)::after,
  html body.page-home .apex-nav .nav-links a:not(.active)::after {
    content: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* Hide hamburger / slide-out panel on every page */
  html body .nav-toggle,
  html body .apex-nav .nav-toggle,
  html body.package-page-body .apex-nav .nav-toggle,
  html body.services-page .apex-nav .nav-toggle,
  html body.results-page .apex-nav .nav-toggle,
  html body.page-about .apex-nav .nav-toggle,
  html body.page-home .apex-nav .nav-toggle,
  html body .nav-mobile,
  html body #nav-mobile,
  html body.package-page-body .nav-mobile,
  html body.services-page .nav-mobile,
  html body.results-page .nav-mobile,
  html body.page-about .nav-mobile,
  html body.page-home .nav-mobile,
  html body .apex-nav .nav-right > .btn-cta,
  html body.package-page-body .apex-nav .nav-right > .btn-cta,
  html body.services-page .apex-nav .nav-right > .btn-cta,
  html body.results-page .apex-nav .nav-right > .btn-cta,
  html body.page-about .apex-nav .nav-right > .btn-cta {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 480px) {
  html body .apex-nav .nav-inner,
  html body.package-page-body .apex-nav .nav-inner,
  html body.services-page .apex-nav .nav-inner,
  html body.results-page .apex-nav .nav-inner,
  html body.page-about .apex-nav .nav-inner,
  html body.page-home .apex-nav .nav-inner {
    width: 96% !important;
    max-width: 96% !important;
    gap: 4px !important;
  }

  html body .apex-nav .brand-logo,
  html body.package-page-body .apex-nav .brand-logo,
  html body.services-page .apex-nav .brand-logo,
  html body.results-page .apex-nav .brand-logo,
  html body.page-about .apex-nav .brand-logo,
  html body.page-home .apex-nav .brand-logo {
    height: clamp(24px, 6.2vw, 30px) !important;
    max-width: clamp(62px, 17vw, 82px) !important;
  }

  html body .apex-nav .nav-links,
  html body.package-page-body .apex-nav .nav-links,
  html body.services-page .apex-nav .nav-links,
  html body.results-page .apex-nav .nav-links,
  html body.page-about .apex-nav .nav-links,
  html body.page-home .apex-nav .nav-links {
    gap: 0 !important;
  }

  html body .apex-nav .nav-links a,
  html body.package-page-body .apex-nav .nav-links a,
  html body.services-page .apex-nav .nav-links a,
  html body.results-page .apex-nav .nav-links a,
  html body.page-about .apex-nav .nav-links a,
  html body.page-home .apex-nav .nav-links a {
    gap: 2px !important;
    padding: 5px clamp(2px, .65vw, 4px) !important;
    font-size: clamp(6.2px, 1.72vw, 8.2px) !important;
  }

  html body .apex-nav .nav-links a i,
  html body.package-page-body .apex-nav .nav-links a i,
  html body.services-page .apex-nav .nav-links a i,
  html body.results-page .apex-nav .nav-links a i,
  html body.page-about .apex-nav .nav-links a i,
  html body.page-home .apex-nav .nav-links a i {
    font-size: clamp(6.2px, 1.7vw, 8.2px) !important;
  }
}

@media (max-width: 360px) {
  html body .apex-nav .brand-logo,
  html body.package-page-body .apex-nav .brand-logo,
  html body.services-page .apex-nav .brand-logo,
  html body.results-page .apex-nav .brand-logo,
  html body.page-about .apex-nav .brand-logo,
  html body.page-home .apex-nav .brand-logo {
    height: 22px !important;
    max-width: 56px !important;
  }

  html body .apex-nav .nav-links a,
  html body.package-page-body .apex-nav .nav-links a,
  html body.services-page .apex-nav .nav-links a,
  html body.results-page .apex-nav .nav-links a,
  html body.page-about .apex-nav .nav-links a,
  html body.page-home .apex-nav .nav-links a {
    padding-left: 1.5px !important;
    padding-right: 1.5px !important;
    font-size: 5.8px !important;
  }

  html body .apex-nav .nav-links a i,
  html body.package-page-body .apex-nav .nav-links a i,
  html body.services-page .apex-nav .nav-links a i,
  html body.results-page .apex-nav .nav-links a i,
  html body.page-about .apex-nav .nav-links a i,
  html body.page-home .apex-nav .nav-links a i {
    font-size: 5.8px !important;
  }
}

/* ============================================================
   MOBILE LAMP LOCK — home index.php lamp on ALL pages (≤991px)
   Beats page CSS that hides / mis-sizes the shared lamp.
   ============================================================ */
@media (max-width: 991px) {
  html body .apex-header-lamp.lamp-wrap,
  html body.package-page-body .apex-header-lamp.lamp-wrap,
  html body.services-page .apex-header-lamp.lamp-wrap,
  html body.results-page .apex-header-lamp.lamp-wrap,
  html body.page-about .apex-header-lamp.lamp-wrap,
  html body.page-home .apex-header-lamp.lamp-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: -8px !important;
    left: clamp(80px, 22vw, 160px) !important;
    right: auto !important;
    transform: none !important;
    z-index: 100000 !important;
    pointer-events: none !important;
    width: clamp(100px, 20vw, 200px) !important;
    overflow: hidden !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .apex-header-lamp .lamp-img,
  html body.package-page-body .apex-header-lamp .lamp-img,
  html body.services-page .apex-header-lamp .lamp-img,
  html body.results-page .apex-header-lamp .lamp-img,
  html body.page-about .apex-header-lamp .lamp-img,
  html body.page-home .apex-header-lamp .lamp-img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    transform: translateY(-38%) !important;
    margin-bottom: -28% !important;
    mix-blend-mode: lighten !important;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.35)) !important;
  }

  /* Keep lamp visible at top of page; hide only after scroll (same as home) */
  html body .apex-nav:not(.is-sticky):not(.nav-scrolled) ~ .apex-header-lamp.lamp-wrap,
  html body.package-page-body .apex-nav:not(.is-sticky):not(.nav-scrolled) ~ .apex-header-lamp.lamp-wrap,
  html body.services-page .apex-nav:not(.is-sticky):not(.nav-scrolled) ~ .apex-header-lamp.lamp-wrap,
  html body.results-page .apex-nav:not(.is-sticky):not(.nav-scrolled) ~ .apex-header-lamp.lamp-wrap,
  html body.page-about .apex-nav:not(.is-sticky):not(.nav-scrolled) ~ .apex-header-lamp.lamp-wrap,
  html body.page-home .apex-nav:not(.is-sticky):not(.nav-scrolled) ~ .apex-header-lamp.lamp-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body .apex-header-lamp.lamp-scrolled,
  html body .apex-nav.is-sticky ~ .apex-header-lamp,
  html body .apex-nav.nav-scrolled ~ .apex-header-lamp,
  html body.package-page-body .apex-nav.is-sticky ~ .apex-header-lamp,
  html body.services-page .apex-nav.is-sticky ~ .apex-header-lamp,
  html body.results-page .apex-nav.is-sticky ~ .apex-header-lamp,
  html body.page-about .apex-nav.is-sticky ~ .apex-header-lamp,
  html body.page-home .apex-nav.is-sticky ~ .apex-header-lamp {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

@media (max-width: 480px) {
  html body .apex-header-lamp.lamp-wrap,
  html body.package-page-body .apex-header-lamp.lamp-wrap,
  html body.services-page .apex-header-lamp.lamp-wrap,
  html body.results-page .apex-header-lamp.lamp-wrap,
  html body.page-about .apex-header-lamp.lamp-wrap,
  html body.page-home .apex-header-lamp.lamp-wrap {
    left: clamp(60px, 18vw, 100px) !important;
    width: clamp(80px, 18vw, 120px) !important;
    top: -8px !important;
  }
}