@media (max-width: 799px) {
    .nav-links.open {
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .nav-toggle[aria-expanded="true"] .hamburger-icon { background: transparent; }
    .nav-toggle[aria-expanded="true"] .hamburger-icon::before { transform: translateY(8px) rotate(45deg); }
    .nav-toggle[aria-expanded="true"] .hamburger-icon::after { transform: translateY(-8px) rotate(-45deg); }
}