/* Motion system — lightweight, transform/opacity first. */

@keyframes na-float-orb {
  from {
    transform: translate3d(0,0,0) scale(1);
  }

  to {
    transform: translate3d(-18px,22px,0) scale(1.04);
  }
}

@keyframes na-heart-pop {
  0% {
    transform: scale(1);
  }

  45% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

body.nallaapps-v2.na-motion-ready [data-na-reveal] {
  opacity: 0;
  transform: translateY(18px) scale(.992);
  transition: opacity var(--na-slow) var(--na-ease),transform var(--na-slow) var(--na-ease);
}

body.nallaapps-v2.na-motion-ready [data-na-reveal].is-visible {
  opacity: 1;
  transform: none;
}

.na-app-card:nth-child(2) [data-na-reveal] {
  transition-delay: 35ms;
}

.na-app-card:nth-child(3) [data-na-reveal] {
  transition-delay: 70ms;
}

.na-favorite-badge.is-pop svg {
  animation: na-heart-pop 280ms var(--na-ease-spring);
}

.na-motion-tilt {
  transform-style: preserve-3d;
  will-change: transform;
}

.na-button,.na-icon-button,.na-favorite-badge {
  -webkit-tap-highlight-color: transparent;
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,*::before,*::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }

  [data-na-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Subtle hero life: movement is decorative and disabled by reduced-motion. */

@keyframes na-hero-orbit {
  0% {
    transform: translate3d(0,0,0) rotate(-8deg);
  }

  50% {
    transform: translate3d(-18px,-8px,0) rotate(-4deg);
  }

  100% {
    transform: translate3d(0,0,0) rotate(-8deg);
  }
}

@media (prefers-reduced-motion:no-preference) {
  .na-page-hero::after,.na-store-head::after,.na-account-hero::after {
    animation: na-hero-orbit 12s ease-in-out infinite;
  }

  .na-page-hero__copy {
    animation: na-page-copy-in 620ms var(--na-ease) both;
  }

  @keyframes na-page-copy-in {
    from {
      opacity: 0;
      transform: translateY(16px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }
}


/* 2.0.4 interaction polish — shared micro-motion only; no layout ownership. */
@keyframes na-logo-arrive {
  from { opacity: 0; transform: translate3d(0,-8px,0) scale(.97); }
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}

@keyframes na-popover-arrive {
  from { opacity: 0; transform: translate3d(0,-6px,0) scale(.985); }
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}

@keyframes na-soft-pulse {
  0%,100% { box-shadow: 0 0 0 0 color-mix(in srgb,var(--na-accent) 0%,transparent); }
  50% { box-shadow: 0 0 0 6px color-mix(in srgb,var(--na-accent) 8%,transparent); }
}

@media (prefers-reduced-motion:no-preference) {
  .na-header .na-header__site-logo,
  .na-header .na-brand__site-logo {
    animation: na-logo-arrive 560ms var(--na-ease) both;
    transform-origin: left center;
    transition: transform 260ms var(--na-ease-spring),filter 260ms var(--na-ease),opacity 260ms var(--na-ease);
  }

  .na-header .na-brand:hover .na-header__site-logo,
  .na-header .na-brand:hover .na-brand__site-logo {
    transform: translate3d(0,-2px,0) scale(1.045) rotate(-.6deg);
    filter: drop-shadow(0 8px 16px rgba(13,12,34,.12));
  }

  .na-header .na-brand:active .na-header__site-logo,
  .na-header .na-brand:active .na-brand__site-logo {
    transform: scale(.98);
  }

  .na-footer__logo-link .na-footer__site-logo {
    transform-origin: center;
    transition: transform 320ms var(--na-ease-spring),filter 320ms var(--na-ease);
  }

  .na-footer__logo-link:hover .na-footer__site-logo {
    transform: translate3d(0,-4px,0) scale(1.04) rotate(.5deg);
    filter: drop-shadow(0 12px 24px rgba(13,12,34,.13));
  }

  .na-filter-popover:not([hidden]),
  .na-language-menu__panel:not([hidden]) {
    animation: na-popover-arrive 190ms var(--na-ease) both;
    transform-origin: top center;
  }

  .na-button,.na-icon-button,.na-filter-trigger,.na-category-strip a,.na-store-category-tabs a,.na-store-quick a {
    transition-timing-function: var(--na-ease-spring);
  }

  .na-button:hover,.na-icon-button:hover {
    transform: translate3d(0,-2px,0);
  }

  .na-button:active,.na-icon-button:active,.na-filter-trigger:active {
    transform: translate3d(0,0,0) scale(.975);
  }

  .na-discovery-search:focus-within {
    transform: translate3d(0,-2px,0);
    box-shadow: var(--na-shadow-2);
  }

  .na-page-hero .na-eyebrow,
  .na-home-hero .na-eyebrow {
    transition: letter-spacing 320ms var(--na-ease),transform 320ms var(--na-ease);
  }

  .na-page-hero:hover .na-eyebrow,
  .na-home-hero:hover .na-eyebrow {
    letter-spacing: .16em;
    transform: translateX(3px);
  }

  .na-favorite-badge.is-active {
    animation: na-soft-pulse 520ms var(--na-ease) 1;
  }
}