/* إعدادات الخط العربي */
.font-cairo { font-family: 'Cairo', sans-serif; }

/* =========================================
   1. تنسيقات السلايدر (Slider Styles)
   ========================================= */
.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    z-index: 0;
    overflow: hidden;
}
.slide.active {
    opacity: 1;
    z-index: 10;
}

/* حركة الصورة (Zoom Out بطيء) */
.slide img {
    transform: scale(1.1);
    transition: transform 10s ease;
}
.slide.active img {
    transform: scale(1);
}

/* حركة النصوص */
.slide-content {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease-out;
    transition-delay: 0.5s; /* تأخير لتظهر بعد الخلفية */
}
.slide.active .slide-content {
    opacity: 1;
    transform: translateY(0);
}

/* ظل للنصوص لزيادة الوضوح */
.text-shadow-strong {
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9);
}

/* =========================================
   2. تنسيقات المودال (Popup)
   ========================================= */
#product-modal.show {
    display: flex;
    opacity: 1;
}
#product-modal .modal-box {
    transform: scale(0.95);
    opacity: 0;
    transition: all 0.3s ease-out;
}
#product-modal.show .modal-box {
    transform: scale(1);
    opacity: 1;
}

/* =========================================
   3. شريط التمرير (Scrollbar)
   ========================================= */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #121212; }
::-webkit-scrollbar-thumb { background: #D4AF37; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #F4C430; }