/* 18 px Bewegung und maximal 140 ms Versatz: ruhig, ohne Layoutverschiebung. */
.pizza-waiting {
  opacity: 0;
}

.pizza-entering {
  animation: pizza-arrive 520ms cubic-bezier(.2, .65, .3, 1) var(--reveal-delay, 0ms) both;
}

@keyframes pizza-arrive {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tastaturfokus und reduzierte Bewegung haben immer Vorrang. */
.pizza-waiting:focus-visible,
.pizza-entering:focus-visible {
  opacity: 1;
  animation: none;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {

  .pizza-waiting,
  .pizza-entering {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

@media print {

  .pizza-waiting,
  .pizza-entering {
    opacity: 1;
    animation: none;
    transform: none;
  }
}