/* Mobile navigation remains compact until intentionally opened. */
.mobile-menu-toggle,
.mobile-menu { display: none; }

@media (max-width: 900px) {
  .nav { position: relative; }
  .nav-actions { display: none; }

  .mobile-menu-toggle {
    display: grid;
    place-content: center;
    gap: 5px;
    width: 43px;
    height: 43px;
    padding: 0;
    border: 1px solid rgba(23, 35, 30, .16);
    border-radius: 50%;
    background: rgba(255, 255, 255, .6);
    cursor: pointer;
  }

  .mobile-menu-toggle i {
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--ink);
    transform-origin: center;
    transition: transform .25s ease, opacity .18s ease;
  }

  .mobile-menu-toggle.is-open i:first-child { transform: translateY(6.5px) rotate(45deg); }
  .mobile-menu-toggle.is-open i:nth-child(2) { opacity: 0; transform: scaleX(.35); }
  .mobile-menu-toggle.is-open i:last-child { transform: translateY(-6.5px) rotate(-45deg); }

  .mobile-menu {
    position: absolute;
    z-index: 30;
    top: 70px;
    right: 0;
    left: 0;
    padding: 11px;
    border: 1px solid rgba(23, 35, 30, .14);
    border-radius: 22px 8px 22px 8px;
    background: rgba(247, 245, 240, .96);
    box-shadow: 0 20px 42px rgba(18, 35, 25, .16);
  }

  .mobile-menu:not([hidden]) { display: block; }
  .mobile-menu > a {
    display: flex;
    align-items: center;
    min-height: 47px;
    padding: 0 12px;
    border-bottom: 1px solid var(--line);
    color: var(--ink);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
  }

  .mobile-menu-actions { display: flex; justify-content: space-between; align-items: center; padding: 12px 4px 3px; }
  .mobile-menu-actions .nav-cta { padding: 11px 13px; font-size: 10px; }
  .mobile-menu-actions .nav-cta > span { font-size: 10px; }
  .mobile-menu-actions .nav-cta b { margin-left: 6px; font-size: 12px; }
  .mobile-language-toggle { display: inline-flex !important; }
}

@media (max-width: 800px) {
  .mobile-menu { top: 59px; }
}