/* Shared motion changes appearance only, without shifting the page layout. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  :is(button, input[type="submit"], input[type="button"], .button, .btn, .login) {
    transition: transform .2s ease, scale .2s ease, box-shadow .2s ease, background-color .2s ease !important;
  }
  :is(button, input[type="submit"], input[type="button"], .button, .btn, .login):not(:disabled):not([aria-disabled="true"]):hover {
    scale: 1.035 !important;
  }
  :is(.recipe-art, .offer-art) img {
    transition: transform .35s ease;
  }
  :is(.recipe-art, .offer-art) img:hover {
    transform: translateY(-7px) rotate(-1.5deg);
  }
  :is(.promise-hero .offer-art, .recipe-hero .recipe-art).momentum-motion img {
    transform: translate3d(var(--book-x, 0px), var(--book-y, 0px), 0)
      rotate(var(--book-roll, 0deg));
    transition: none;
  }
}
@media (prefers-reduced-motion:reduce) {
  :is(button, input[type="submit"], input[type="button"], .button, .btn, .login):hover {
    transform: none !important;
    scale: none !important;
  }
  :is(.recipe-art, .offer-art) img:hover { transform: none; }
}