/* الحاوية الأساسية */
#circle-links-slider-1 .swiper-wrapper {
    display: flex;
    gap: 30px;
  
    animation: infiniteScroll 10s linear infinite; /* Desktop افتراضي */
}
@media (min-width:769px){
  .s-block--circle-links salla-slider .custom-width {
    width: 15%;
}
}
/* السلايد */
#circle-links-slider-1 .swiper-slide {
    flex-shrink: 0;
}

/* الحركة من اليمين لليسار */
@keyframes infiniteScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(50%); /* كامل العناصر على الديسكتوب */
    }
}

/* الموبايل: نغير فقط مدى التحويل والسرعة */
@media (max-width: 768px) {
    #circle-links-slider-1 .swiper-wrapper {
        animation-duration: 12s; /* أسرع */
        animation-name: infiniteScrollMobile;
      gap: 5px;
    }
  .s-block--circle-links salla-slider .custom-width {
    width: 30%;
}
 .s-block--circle-links h3.text-base {
    font-size: .8rem;
    line-height: 1.5rem;
}
}

@keyframes infiniteScrollMobile {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(160%); /* يستغل الشاشة الصغيرة */
    }
}