function openModal(ingredientId) { const data = ingredientData[ingredientId]; const modalBody = document.getElementById('modalBody'); modalBody.innerHTML = `

${data.name}

${data.subtitle}

${data.description}

`; document.getElementById('modal').classList.add('active'); } function closeModal() { document.getElementById('modal').classList.remove('active'); } function closeModalOnOverlay(event) { if (event.target.id === 'modal') { closeModal(); } } // Optimized for mobile/touch if ('ontouchstart' in window) { document.body.style.webkitTouchCallout = 'none'; }