/* Restrained, performance-friendly motion shared across the Notes Shop. */
html.motion-ready .motion-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--motion-delay, 0ms);
}

html.motion-ready .motion-reveal.motion-reveal--visible {
  opacity: 1;
  transform: translateY(0);
}

@media (hover: hover) and (pointer: fine) {
  .subject-card,
  .bundle-option,
  .format-card,
  .why-card,
  .subject-choice {
    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease,
      border-color 0.2s ease;
  }

  .subject-card:hover,
  .bundle-option:hover,
  .format-card:hover,
  .why-card:hover,
  .subject-choice:hover {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  html.motion-ready .motion-reveal {
    opacity: 1;
    transform: none;
  }
}