function togglePopup(event, id) {
  event.stopPropagation();
  const popup = document.getElementById(id);

  if (popup.classList.contains('active')) {
    popup.classList.remove('active');
  } else {
    document.querySelectorAll('.popup').forEach(p => p.classList.remove('active'));
    popup.classList.add('active');
  }
}

// Close on outside click
document.addEventListener('click', () => {
  document.querySelectorAll('.popup').forEach(p => p.classList.remove('active'));
});