@media (width <= 820px) {
  .site-header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    background: rgba(7, 29, 49, 0.97);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .menu-toggle {
    z-index: 1010;
    min-width: 48px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    touch-action: manipulation;
  }

  .menu-toggle span {
    pointer-events: none;
  }

  .primary-nav {
    z-index: 1005;
    pointer-events: auto;
  }

  .primary-nav a {
    pointer-events: auto;
  }

  .menu-overlay {
    z-index: 900;
    pointer-events: auto;
  }
}