document.addEventListener(‘DOMContentLoaded’, function () { const cards = document.querySelectorAll(‘.treatment-card’); cards.forEach(card => { card.addEventListener(‘click’, function (e) { const alreadyActive = this.classList.contains(‘is-active’); cards.forEach(c => c.classList.remove(‘is-active’)); if (!alreadyActive) { this.classList.add(‘is-active’); } }); }); document.addEventListener(‘click’, function (e) { if (!e.target.closest(‘.treatment-card’)) { document.querySelectorAll(‘.treatment-card’).forEach(card => { card.classList.remove(‘is-active’); }); } }); });