.makita-popup-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background-color: rgba(0, 0, 0, 0.8) !important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); display: flex !important; justify-content: center !important; align-items: center !important; z-index: 99999999 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.3s ease, visibility 0.3s ease !important; padding: 16px !important; box-sizing: border-box !important; } .makita-popup-overlay.is-active { opacity: 1 !important; visibility: visible !important; } .makita-popup-container { position: relative !important; max-width: 550px !important; width: 100% !important; max-height: 90vh !important; display: flex !important; justify-content: center !important; align-items: center !important; transform: scale(0.9) !important; transition: transform 0.3s ease !important; } .makita-popup-overlay.is-active .makita-popup-container { transform: scale(1) !important; } .makita-popup-img { width: 100% !important; height: auto !important; max-height: 85vh !important; object-fit: contain !important; border-radius: 12px !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important; display: block !important; } .makita-popup-close { position: absolute !important; top: -16px !important; right: -16px !important; width: 44px !important; height: 44px !important; background-color: #000000 !important; color: #ffffff !important; border: 2px solid #ffffff !important; border-radius: 50% !important; font-size: 28px !important; font-family: Arial, sans-serif !important; font-weight: bold !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 1000 !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important; } .makita-popup-close:hover { background-color: #FF5500 !important; transform: scale(1.1) !important; } @media (max-width: 576px) { .makita-popup-container { max-width: 92vw !important; } .makita-popup-close { top: -12px !important; right: -12px !important; width: 40px !important; height: 40px !important; font-size: 24px !important; } } (function() { function runPopup() { var popup = document.getElementById('makita-promo-popup'); var closeBtn = document.getElementById('makita-close-btn'); if (!popup) return; setTimeout(function() { popup.classList.add('is-active'); }, 100); if (closeBtn) { closeBtn.addEventListener('click', function(e) { e.preventDefault(); popup.classList.remove('is-active'); }); } popup.addEventListener('click', function(e) { if (e.target === popup) { popup.classList.remove('is-active'); } }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && popup.classList.contains('is-active')) { popup.classList.remove('is-active'); } }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', runPopup); } else { runPopup(); } })();