/* style.css */
body { font-family: 'Cairo', 'Poppins', sans-serif; transition: background-color 0.3s ease, color 0.3s ease; }
.glassmorphism { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.scrollbar-none::-webkit-scrollbar { display: none; }
.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
.channel-card { transition: all 0.25s ease; }
.channel-card:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.08); }
@keyframes spin-slow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.animate-spin-slow { animation: spin-slow 8s linear infinite; }
.hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.hover-lift:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -12px rgba(0,0,0,0.25); }
.btn-primary { background: linear-gradient(135deg, #e35711, #c94a0f); transition: all 0.3s ease; }
.btn-primary:hover { background: linear-gradient(135deg, #f58553, #e35711); transform: scale(1.03); }
.btn-outline-primary { border: 2px solid #e35711; color: #e35711; transition: all 0.3s ease; }
.btn-outline-primary:hover { background: #e35711; color: #fff; }
.section-title { position: relative; display: inline-block; }
.section-title::after { content: ''; position: absolute; bottom: -8px; right: 0; width: 60px; height: 3px; background: linear-gradient(to left, #e35711, #ae8c64); border-radius: 4px; }
.section-title-center::after { right: 50%; transform: translateX(50%); }
.stat-number { font-family: 'Poppins', sans-serif; font-weight: 900; font-size: 2.8rem; background: linear-gradient(135deg, #e35711, #ae8c64); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dark .stat-number { background: linear-gradient(135deg, #f58553, #c3a377); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.top-bar { background: #1a1a1a; color: #ccc; font-size: 0.8rem; padding: 6px 0; border-bottom: 2px solid #e35711; }
.dark .top-bar { background: #0c0c0e; border-bottom-color: #ae8c64; }
.top-bar a { color: #fff; transition: color 0.3s; }
.top-bar a:hover { color: #e35711; } .dark .top-bar a:hover { color: #ae8c64; }
.footer-link { transition: color 0.3s, transform 0.3s; }
.footer-link:hover { color: #e35711; transform: translateX(-4px); }
.dark .footer-link:hover { color: #ae8c64; }
[dir="ltr"] .footer-link:hover { transform: translateX(4px); }
.lang-transition { transition: all 0.25s ease-in-out; }
.special-offer-btn {
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: white !important;
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    animation: pulse-glow 1.5s infinite;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.6);
    font-weight: 900;
}
@keyframes pulse-glow {
    0% { box-shadow: 0 0 5px rgba(245,158,11,0.6); }
    50% { box-shadow: 0 0 25px rgba(239,68,68,0.9); }
    100% { box-shadow: 0 0 5px rgba(245,158,11,0.6); }
}
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#gallery-page { display: none; }
#main-content { display: block; }
.modal-enter { animation: modalFadeIn 0.3s ease-out; }
@keyframes modalFadeIn { from { opacity: 0; } to { opacity: 1; } }
.offer-discount-badge {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    background: #ef4444;
    color: white;
    font-size: 0.7rem;
    font-weight: bold;
    padding: 0.15rem 0.5rem;
    border-radius: 0.5rem;
}
#mobile-menu { transition: all 0.3s ease; }
#mobile-menu.hidden { display: none; }
#mobile-menu:not(.hidden) { display: block; }