@media (prefers-reduced-motion: no-preference) and (min-width: 769px) {
  .animate,
  .animate-children > * {
    opacity: 0;
    transform: translateY(var(--animate-start-y, 100px));
    transition: 
      opacity var(--animate-opacity-duration, 1s) var(--animate-opacity-timing, ease),
      transform var(--animate-transform-duration, 0.6s) var(--animate-transform-timing, ease);
    will-change: opacity, transform;
  }

  .animate.is-visible,
  .animate-children > *.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Désactiver l’animation dans l’éditeur */
  .editor-styles-wrapper .animate,
  .editor-styles-wrapper .animate-children > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}