.nav-lang { position: relative; display: inline-flex; align-items: center; }
  .nav-lang select {
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    background: oklch(100% 0 0 / 0.08);
    color: oklch(92% 0.01 270);
    border: 1px solid oklch(100% 0 0 / 0.22);
    border-radius: 8px;
    padding: 6px 26px 6px 28px;
    font-size: 13px; font-weight: 500; font-family: inherit; line-height: 1.2;
    cursor: pointer;
    transition: background .15s, border-color .15s;
  }
  .nav-lang select:hover { background: oklch(100% 0 0 / 0.14); border-color: oklch(100% 0 0 / 0.32); }
  .nav-lang select:focus-visible { outline: 2px solid var(--amber, oklch(80% 0.16 72)); outline-offset: 2px; }
  .nav-lang svg { color: oklch(92% 0.01 270); }
  .nav-lang option { color: #1b1b23; background: #ffffff; }
  @media (max-width: 640px) {
    /* A <select> takes the intrinsic width of its LONGEST option — adding
       "Português (Brasil)" would widen the closed control by ~45px on every
       page even with another language selected, tipping the ~390px pricing
       nav (logo + two switchers + CTA) into clipping. Cap the closed control
       and ellipsize; the dropdown list itself still shows full labels. */
    .nav-lang select { padding: 6px 22px 6px 26px; font-size: 12.5px;
                       max-width: 9.5em; overflow: hidden;
                       white-space: nowrap; text-overflow: ellipsis; }
  }