@media (max-width: 768px) {
  .header.scrolled {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .mobile-menu {
    bottom: auto;
    height: 100vh;
    height: 100dvh;
    min-height: 100vh;
    justify-content: flex-start;
    gap: 18px;
    padding: 96px 24px 32px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
  }

  .mobile-menu.active {
    pointer-events: auto;
  }

  .mobile-menu a {
    flex-shrink: 0;
    font-size: clamp(1.25rem, 6.5vw, 1.8rem);
  }

  .mobile-menu .btn-primary {
    font-size: clamp(1.15rem, 5.5vw, 1.5rem);
  }

  .menu-toggle {
    position: relative;
    touch-action: manipulation;
  }

  .menu-toggle.active span {
    background: var(--dark);
  }
}