/* Mobile-first lightweight overrides for low-end Android */
@media (max-width: 900px) {
  html.cd-mobile-lite,
  html.cd-mobile-lite body {
    scroll-behavior: auto !important;
  }

  html.cd-mobile-lite *,
  html.cd-mobile-lite *::before,
  html.cd-mobile-lite *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }

  html.cd-mobile-lite .cosmic-bg,
  html.cd-mobile-lite .ritual-particles,
  html.cd-mobile-lite .tarot-collection__cosmos,
  html.cd-mobile-lite .tile-ph-shimmer,
  html.cd-mobile-lite .tile-skeleton,
  html.cd-mobile-lite .ritual-bg-glow,
  html.cd-mobile-lite .ritual-flash {
    display: none !important;
  }

  html.cd-mobile-lite .golden-grain-modal__card,
  html.cd-mobile-lite .prem-card,
  html.cd-mobile-lite .tarot-tile,
  html.cd-mobile-lite .fc-toggle-btn,
  html.cd-mobile-lite .modal-box {
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  /* ── 핵심 브랜드 UI 애니메이션: mobile-lite에서도 반드시 실행 ── */
  html.cd-mobile-lite .honeypig-logo-icon,
  html.cd-mobile-lite .neo-logo-icon {
    animation: pig-float 3.2s ease-in-out infinite !important;
    -webkit-animation: pig-float 3.2s ease-in-out infinite !important;
  }
  html.cd-mobile-lite .pig-svg-wrap::after {
    animation: pig-shadow-anim 3.2s ease-in-out infinite !important;
    -webkit-animation: pig-shadow-anim 3.2s ease-in-out infinite !important;
  }
  html.cd-mobile-lite .cd-user-star {
    animation: cdStarBlink var(--dur, 2s) ease-in-out var(--delay, 0s) infinite !important;
    -webkit-animation: cdStarBlink var(--dur, 2s) ease-in-out var(--delay, 0s) infinite !important;
  }
  html.cd-mobile-lite .cd-user-card__avatar {
    animation: cdAvatarGlow 3s ease-in-out infinite !important;
    -webkit-animation: cdAvatarGlow 3s ease-in-out infinite !important;
  }
  html.cd-mobile-lite .cd-user-card__avatar-ring {
    animation: cdAvatarSpin 4s linear infinite !important;
    -webkit-animation: cdAvatarSpin 4s linear infinite !important;
  }
  html.cd-mobile-lite .logo-area::after {
    animation: starfall 12s linear infinite !important;
    -webkit-animation: starfall 12s linear infinite !important;
  }
}
