/* FAVORIT Stage 71
 * Restore only two confirmed original entrance effects:
 * 1) Hero blue panel: enters from the left.
 * 2) Four Services cards: enter from below when the block reaches the viewport.
 */

/* Stage 76: Hero animation is started by JavaScript after full page load.
 * Keep the element in its normal final state before the delayed animation begins.
 */
#main .landing-block-node-text-container.js-animation.fadeInLeft {
  opacity: 1;
  transform: none;
}

/* Services cards: same local motion previously used in Stage 8. */
.landing-block-node-card.js-animation.fadeInUp.favorit-anim71-prep {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  will-change: transform, opacity;
}

.landing-block-node-card.js-animation.fadeInUp.favorit-anim71-prep.favorit-anim71-run {
  animation: favorit71ServiceInUp .7s ease both;
  animation-delay: var(--favorit-anim71-delay, 0ms);
}

@keyframes favorit71ServiceInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Stable final state after animationend. */
.favorit-anim71-done {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  will-change: auto !important;
}

/* Accessibility: never hide content when reduced motion is requested. */
@media (prefers-reduced-motion: reduce) {
    #main .landing-block-node-text-container.js-animation.fadeInLeft,
.landing-block-node-card.js-animation.fadeInUp.favorit-anim71-prep,
  .landing-block-node-card.js-animation.fadeInUp.favorit-anim71-prep.favorit-anim71-run {
    opacity: 1;
    transform: none;
    animation: none;
  }
}