.edu-wheel-wrap{ text-align:center; padding:20px; }

.edu-wheel{
    position:relative; width:260px; height:260px; margin:0 auto;
    border-radius:50%; border:6px solid var(--edu-dark);
    overflow:hidden; transition:transform 4s cubic-bezier(.17,.67,.32,1.01);
    background:conic-gradient(var(--edu-primary) 0deg, var(--edu-secondary) 90deg, var(--edu-dark-2) 180deg, var(--edu-secondary) 270deg);
}
.edu-wheel-slice{
    /* ملحوظة: left هنا إحداثي هندسي لمركز دوران الشريحة (Rotation Anchor)، مش اتجاه واجهة —
       بيفضل زي ما هو في وضعي RTL وLTR لإن العجلة شكل دائري متماثل، مش نص أو عنصر تخطيط */
    position:absolute; top:0; left:50%; width:2px; height:50%;
    transform-origin:bottom center;
}
.edu-wheel-slice span{
    position:absolute; top:14px; left:-30px; width:60px; text-align:center;
    font-weight:700; color:#fff; font-size:14px;
    transform:rotate(90deg);
}
.edu-wheel-pointer{
    font-size:28px; margin-top:-8px; color:var(--edu-dark);
}
.edu-wheel-spins-left{ margin-top:10px; font-weight:600; }

/* Tablet+ حجم أكبر شوية */
@media (min-width:768px){
    .edu-wheel{ width:320px; height:320px; }
}