---

document.addEventListener('DOMContentLoaded', () => {
    // Элементы для модалки аккаунтов
    const accountsModal = document.getElementById('accountsModal');
    const openAccountsBtn = document.getElementById('openAccountsBtn');
    const closeAccountsBtn = document.getElementById('closeAccountsBtn');

    if (openAccountsBtn && accountsModal) {
        openAccountsBtn.onclick = (e) => {
            e.preventDefault();
            // В вашем CSS используется класс .open для отображения
            accountsModal.classList.add('open'); 
        };
    }

    if (closeAccountsBtn) {
        closeAccountsBtn.onclick = () => {
            accountsModal.classList.remove('open');
        };
    }

    // Закрытие по клику вне контента модалки
    window.addEventListener('click', (event) => {
        if (event.target === accountsModal) {
            accountsModal.classList.remove('open');
        }
    });
});




.modal.open {
  visibility: visible;
  pointer-events: auto;
  background-color: var(--bg-glass);
}
.modal.open .modal-content {
  transform: translateX(0); /* Выезжает справа */
}