    .lang-switcher {
      position: relative;
      margin-left: 0.75rem;
    }

    /* Hide desktop selector on very small screens for now */
    @media (max-width: 768px) {
      /* .lang-switcher {
        display: none;
      } */
    }

    .lang-toggle {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      padding: 0.35rem 0.75rem;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 184, 0.7);
      background: rgba(15, 23, 42, 0.6);
      color: #e5e7eb;
      font-size: 0.75rem;
      cursor: pointer;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transition:
        background 150ms ease,
        border-color 150ms ease,
        transform 150ms ease,
        box-shadow 150ms ease;
    }

    .lang-toggle:hover {
      background: rgba(15, 23, 42, 0.9);
      border-color: rgba(129, 140, 248, 0.8);
      box-shadow: 0 10px 25px rgba(15, 23, 42, 0.35);
      transform: translateY(-1px);
    }

    .lang-flag {
      font-size: 1rem;
      line-height: 1;
    }

    .lang-label {
      font-weight: 500;
    }

    .lang-code {
      font-size: 0.7rem;
      opacity: 0.85;
      text-transform: uppercase;
    }

    .lang-caret {
      font-size: 0.65rem;
      opacity: 0.8;
    }

    .lang-menu {
      position: absolute;
      right: 0;
      margin-top: 0.4rem;
      min-width: 160px;
      background: #020617;
      border-radius: 0.75rem;
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.55);
      border: 1px solid rgba(30, 64, 175, 0.7);
      padding: 0.35rem;
      display: none;
      z-index: 40;
    }

    .lang-menu.open {
      display: block;
    }

    .lang-option {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 0.45rem;
      padding: 0.4rem 0.55rem;
      border-radius: 0.6rem;
      border: none;
      background: transparent;
      color: #e5e7eb;
      font-size: 0.8rem;
      cursor: pointer;
      text-align: left;
    }

    .lang-option:hover {
      background: rgba(30, 64, 175, 0.9);
    }

    .lang-option .lang-code {
      margin-left: auto;
      opacity: 0.75;
    }
