/* عناصر تظهر عند سكرول */

.mb-reveal-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.mb-reveal-fade {
  opacity: 0;
  transition: opacity 0.9s ease;
}

.mb-reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ممكن تضيف المزيد لاحقاً (fade-in, slide-left, …) */