@media (max-width:500px){
  nav.tabs {
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:.6rem;
    padding:.5rem .75rem;
  }

  /* מסתירות הכל כברירת מחדל */
  nav.tabs a {
    display:none !important;
  }

  /* מציגות השלישייה החשובה + סדר */
  /* Login – לפי class או data-tab */
  nav.tabs a.login,
  nav.tabs a[data-tab="login"] {
    display:inline-flex !important;
    order:1;
  }

  /* LION Safety – לפי href או data-tab */
  nav.tabs a[href$="lion.html"],
  nav.tabs a[href$="/lion-safety/"],
  nav.tabs a[data-tab="lion"] {
    display:inline-flex !important;
    order:2;
  }

  /* Vault – לפי href או data-tab */
  nav.tabs a[href$="vault.html"],
  nav.tabs a[data-tab="vault"] {
    display:inline-flex !important;
    order:3;
  }

  /* "עוד" – באותה שורה */
  nav.tabs details.more {
    display:inline-flex !important;
    order:4;
    margin-left:.25rem;
    position:relative;
  }
  nav.tabs details.more > summary {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.48rem .72rem;
    border-radius:11px;
    white-space:nowrap;
    background:#0D2219;
    color:#E8ECE9;
    border:1px solid rgba(255,255,255,.12);
    list-style:none;
  }
  nav.tabs details.more > summary::-webkit-details-marker {
    display:none;
  }
  nav.tabs details.more[open] > summary {
    background:#173427;
    border-color:rgba(255,255,255,.18);
  }
  nav.tabs details.more .more-list {
    position:absolute;
    top:100%;
    left:0;
    z-index:20;
    margin-top:.5rem;
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
    max-width:92vw;
    background:rgba(6,18,14,.85);
    padding:.6rem;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(6px);
  }

  /* לוגו – בלי "ריבוע" */
  .logo {
    filter:none !important;
    background:transparent !important;
    mix-blend-mode:normal !important;
  }

  /* כותרת – קונטרסט עדין */
  .title::before {
    content:none !important;
  }
  .title {
    text-shadow:0 -1px 0 rgba(255,255,255,.06),
                 0 2px 0 rgba(12,24,20,.70),
                 0 12px 18px rgba(0,0,0,.30);
    filter:brightness(1.08) saturate(.95);
  }
}