/* SVAP Group — pohyb. Střídmý, rychlý, zleva doprava. */
:root {
  --motion-duration: 220ms; /* @kind other */
  --motion-duration-fast: 150ms; /* @kind other */
  --motion-ease: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --motion-shift: 12px;                      /* max posun */
}

@media (prefers-reduced-motion: no-preference) {
  .svap-enter {
    animation: svap-enter var(--motion-duration) var(--motion-ease) both;
  }
  @keyframes svap-enter {
    from { opacity: 0; transform: translateX(calc(-1 * var(--motion-shift))); }
    to   { opacity: 1; transform: none; }
  }
}