/* ===== دایره‌های تزئینی زیر کارت‌های سرویس =====
   نسخه: v1.1.0-20260827-1304
   تغییر این نسخه: افزودن بلاک prefers-reduced-motion برای توقف
   انیمیشن infinite دائمی orb (رعایت WCAG 2.3.3)؛ هیچ استایل بصری دیگری تغییر نکرده
*/

.ai-container {
  position: relative;
}

.ai-services-grid {
  position: relative;
  overflow: visible;
}

.ai-services-grid::after {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 2px solid rgba(0, 133, 122, 0.08);
  background: rgba(0, 133, 122, 0.02);
  bottom: -60px;
  right: 5%;
  pointer-events: none;
  z-index: -1;
  animation: orb-float-2 12s ease-in-out infinite;
}

@keyframes orb-float-2 {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(15px, -10px); }
}

/* کاربران حساس به حرکت — orb تزئینی کاملاً بی‌حرکت بماند */
@media (prefers-reduced-motion: reduce) {
  .ai-services-grid::after {
    animation: none !important;
    transform: none !important;
  }
}