DM Valomasis gelis riebiai/probleminei odai 200 ml

Konsultacija dėl produkto

document.addEventListener('DOMContentLoaded', function () { const popupOverlay = document.getElementById('popupOverlay'); const popup = document.getElementById('popup'); const popup_button = document.getElementById('onmacabim-pop-open'); const closePopup = document.getElementById('closePopup'); const emailInput = document.getElementById('emailInput'); // Function to open the popup function openPopup() { popupOverlay.style.display = 'block'; } // Function to close the popup function closePopupFunc() { popupOverlay.style.display = 'none'; } //openPopup(); popup_button.addEventListener('click', openPopup); closePopup.addEventListener('click', closePopupFunc); popupOverlay.addEventListener('click', function (event) { if (event.target === popupOverlay) { closePopupFunc(); } }); }); .popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; } .popup-wrap { padding: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 515px; width: 100%; } .popup { background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; } .popup-content { text-align: center; padding-top: 30px; } .popup .close { position: absolute; top: 20px; right: 20px; font-size: 20px; cursor: pointer; color: #333; } .popup #emailInput { width: 80%; padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; } .popup button { background-color: #4caf50; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; }