.page-background-quantum{background:radial-gradient(circle at top, #050816 0, #02010a 40%, #000000 100%) !important;background-attachment:fixed;background-size:cover;}

/* Presale wallet idle status readability. */
#wallet-status.text-slate-400 {
  color: #9CA3AF !important;
}

/* Mobile header premium restoration V16 — smartphone/tablet only; desktop remains untouched. */
@media (max-width: 768px) {
  /* Two-level mobile header: brand on row 1, complete navigation on row 2. */
  header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  header nav {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  /* Row 1 — logo + XERIONYX only. */
  header nav > div:first-child {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    gap: 9px !important;
  }

  header nav > div:first-child > div:first-child {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }

  header nav > div:first-child > div:last-child {
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }

  header nav > div:first-child > div:last-child > div:first-child {
    font-family: inherit !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.28em !important;
    white-space: nowrap !important;
  }

  /* The secondary presale label is intentionally hidden on mobile so row 1 stays clean. */
  header nav > div:first-child > div:last-child > div:last-child {
    display: none !important;
  }

  /* Row 2 — all seven navigation links, full mobile width. */
  header nav > div.hidden {
    display: flex !important;
    width: calc(100% + 12px) !important;
    min-width: 0 !important;
    margin: 0 -6px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow: visible !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    font-size: clamp(7.25px, 2.30vw, 9.5px) !important;
    letter-spacing: 0.01em !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  header nav > div.hidden a {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 20px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    hyphens: none !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
  }

  /* Long-label languages: retain one complete navigation row without cutting words.
     French and normal-length labels keep the standard mobile size above. */
  html[lang="fil"] header nav > div.hidden {
    font-size: clamp(4.6px, 1.45vw, 6.2px) !important;
  }

  html[lang="el"] header nav > div.hidden,
  html[lang="ru"] header nav > div.hidden,
  html[lang="uk"] header nav > div.hidden {
    font-size: clamp(5.7px, 1.80vw, 7.8px) !important;
  }

  html[lang="pl"] header nav > div.hidden,
  html[lang="hu"] header nav > div.hidden {
    font-size: clamp(6.1px, 1.95vw, 8.4px) !important;
  }

  html[lang="id"] header nav > div.hidden,
  html[lang="bg"] header nav > div.hidden,
  html[lang="ta"] header nav > div.hidden,
  html[lang="sl"] header nav > div.hidden,
  html[lang="sk"] header nav > div.hidden,
  html[lang="it"] header nav > div.hidden,
  html[lang="ro"] header nav > div.hidden {
    font-size: clamp(6.6px, 2.15vw, 9.0px) !important;
  }

  /* Home hero only — preserved exactly from the previous mobile baseline. */
  #hero h1 {
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
  }
}

/* Desktop header refinement V9 — desktop only; mobile/tablet remain unchanged. */
@media (min-width: 1280px) {
  /* Use the full desktop header width instead of the content-column max width. */
  header nav {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 44px;
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Brand stays unchanged visually, but is anchored precisely to the left edge
     of the existing 24 px header inset. */
  header nav > div:first-child {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    z-index: 2;
  }

  /* Navigation is centered against the viewport, independently of the brand.
     The 70vw envelope creates regular breathing room while using the bar width. */
  header nav > div.hidden {
    display: flex !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(1200px, 67vw);
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    font-size: clamp(12.5px, 0.75vw, 14px) !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    white-space: nowrap;
  }

  header nav > div.hidden a {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
  }

  /* Existing optional wallet/control slot remains at the right edge and outside
     the centered navigation flow. No wallet behavior or markup is changed. */
  header nav > :nth-child(3) {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
}