/* Lumina Landing Page Custom CSS */
body { font-family: 'Cairo', sans-serif; background-color: #f9fbfc; color: #1e293b; scroll-behavior: smooth; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.gradient-text { background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hover-lift { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.hover-lift:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }

@keyframes pulse-whatsapp {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.whatsapp-btn { animation: pulse-whatsapp 2s infinite; }

/* Navbar scroll effect */
.scrolled-nav { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

/* Mobile menu slide */
#mobile-menu { transition: max-height 0.3s ease-in-out; max-height: 0; overflow: hidden; }
#mobile-menu.open { max-height: 400px; }

/* Reveal animation */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }

/* نافذة شكر ما بعد الطلب */
.ambient-shadow {
    box-shadow: 0 25px 50px -12px rgba(37, 99, 235, 0.18), 0 0 0 1px rgba(148, 163, 184, 0.12);
}

@keyframes purchase-modal-fade-in {
    from { opacity: 0; transform: scale(0.98); }
    to { opacity: 1; transform: scale(1); }
}

.purchase-thank-modal-panel {
    animation: purchase-modal-fade-in 0.25s ease-out;
}