/* ------------------------------------------------------------------- */
/* ⭐ شكل كارد المراجعة (مع الحركة الاحترافية) */
/* ------------------------------------------------------------------- */
.faten-reviews-slider .swiper-slide {
    /* (1) إعادة الإعدادات الأصلية */
    background: #ffffff;
    padding: 27px 22px;
    border-radius: 13px;
    border: 1px solid #eee;
    text-align: right;
    
    /* (2) تحسين الظل الابتدائي */
    box-shadow: 0 4px 14px rgba(51,153,255,0.08);

    /* (3) 🚀 الانتقال (Transition) الاحترافي */
    /* استخدام توقيت بيزير (cubic-bezier) لـ "تأثير فقاعة" أكثر سلاسة */
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 
    position: relative; /* ضروري للتحريك والـ z-index */
}

.faten-reviews-slider .swiper-slide:hover {
    /* (4) حركة التحليق (Animation) الأقوى */
    transform: translateY(-6px); /* رفع أعلى قليلاً */
    box-shadow: 0 14px 28px rgba(51,153,255,0.18), 0 10px 10px rgba(0,0,0,0.1); /* ظل متعدد الطبقات لإضافة عمق */
    z-index: 5; /* يضمن بروز الكارد المُحلق فوق الكروت الأخرى */
}

/* ------------------------------------------------------------------- */
/* 👤 تنسيق الاسم (الآن هو الأب للنجوم المطلقة) */
/* ------------------------------------------------------------------- */
.faten-reviews-slider .swiper-slide span {
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 8px;
    display: block; /* لضمان أخذ السطر كاملاً */
    text-align: right;
    
    /* * الأهم: جعل الـ span موضعاً مرجعياً للنجوم المطلقة * */
    position: relative; 
    line-height: 1.2; /* ضبط ارتفاع السطر */
    padding-left: 100px; /* لإفساح المجال للنجوم على اليسار (هذه مسافة تقديرية) */
}

/* 🌟 النجوم تحت الاسم وعلى الشمال */
.faten-reviews-slider .swiper-slide span::after {
    content: "★★★★★";
    font-size: 2rem;
    color: #f5b500;
    
    /* * الحل البديل لـ float: left; * */
    position: absolute; /* تحديد مطلق للموضع */
    top: 50%; /* وضعها في المنتصف عمودياً بالنسبة للـ span */
    left: 0; /* تحريكها إلى أقصى اليسار */
    transform: translateY(-50%); /* تعديل المحاذاة العمودية بدقة */
}

/* ------------------------------------------------------------------- */
/* 💬 تنسيق التعليق (يأتي تحت الاسم والنجوم) */
/* ------------------------------------------------------------------- */
.faten-reviews-slider .swiper-slide p {
    font-size: 1rem !important;
    line-height: 1.2;
    color: #333;
    margin-bottom: 9px; /* تم إرجاع الهامش الأصلي لك */
    /* زيادة طفيفة للمسافة بين الاسم والتعليق */
    margin-top: 15px;
}