/* Mobile performance. Desktop rules in main.css are unchanged. */

@media (max-width: 991.98px) {
  a,
  button,
  p,
  input,
  select,
  textarea,
  li,
  .transition-3 {
    transition-property: color, background-color, border-color, opacity, transform, box-shadow;
  }

  .px-blur-bottom {
    display: none;
  }

  .at-offcanvas {
    right: 0;
    transform: translate3d(105%, 0, 0);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease, visibility 0.28s ease;
  }

  .at-offcanvas.opened {
    right: 0;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.28s;
  }

  .body-overlay {
    transition-duration: 0.2s;
    backdrop-filter: none;
  }

  .rotate-infinite,
  .text-scale-anim {
    animation: none;
  }
}

html.menu-scroll-lock,
html.menu-scroll-lock body {
  overflow: hidden;
  touch-action: none;
}

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