/* الحالة الابتدائية */
[data-reveal] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .8s ease, transform .8s cubic-bezier(.2, .7, .2, 1);
  will-change: opacity, transform, clip-path;
  transition-delay: var(--delay, 0s);
  /* ← هنا */
}

/* عند الظهور */
[data-reveal].is-visible {
  opacity: 1;
  transform: none;
  clip-path: inset(0 0 0 0);
}

/* اتجاهات */
[data-reveal="top"] {
  transform: translateY(-20px);
}

[data-reveal="bottom"] {
  transform: translateY(20px);
  transition-delay: var(--delay, 0s);
  /* ← هنا */
}

[data-reveal="left"] {
  transform: translateX(-20px);
}

[data-reveal="right"] {
  transform: translateX(20px);
}

/* قص يبدأ من الأعلى (اختياري) */
[data-reveal="clip-top"] {
  clip-path: inset(0 0 100% 0);
  transition: clip-path .6s ease;
}

/* [data-reveal~="clip-top"].is-visible{
  clip-path: inset(0 0 0 0);
} */
@media (max-width: 768px) {
  [data-reveal] {
    transition-delay: 0s !important;
  }
}