/* Master Animationen – Frontend + Editor Preview */
.ma-anim {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition-property: opacity, transform;
  transition-duration: var(--ma-duration, 600ms);
  transition-timing-function: cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--ma-delay, 0ms);
  will-change: opacity, transform;
}

.ma-anim.ma-fade {
  transform: none;
}

.ma-anim.ma-slide-up {
  transform: translate3d(0, 24px, 0);
}

.ma-anim.ma-slide-left {
  transform: translate3d(24px, 0, 0);
}

.ma-anim.ma-slide-right {
  transform: translate3d(-24px, 0, 0);
}

.ma-anim.ma-zoom {
  transform: scale(0.96);
}

.ma-anim.ma-in {
  opacity: 1;
  transform: none;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ma-anim {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}