document.getElementById('menu-toggle').addEventListener('click', function () {
  const menu = document.getElementById('menu');
  const overlay = document.getElementById('overlay');

  menu.classList.toggle('active');
  overlay.classList.toggle('active');
  document.body.classList.toggle('menu-open'); // 🔒 Lock/unlock scroll
});

// Hide menu when overlay is clicked
document.getElementById('overlay').addEventListener('click', function () {
  document.getElementById('menu').classList.remove('active');
  document.getElementById('overlay').classList.remove('active');
  document.body.classList.remove('menu-open'); // 🔓 Unlock scroll
});
