/**
 * Lite FX mode — paired with device-fx-boot.js (html.fx-lite).
 * Cuts GPU-heavy glass / infinite motion on weak devices.
 */

html.fx-lite .bg-blobs,
html.fx-lite .max-urgent-glow,
html.fx-lite .blob {
  display: none !important;
}

html.fx-lite {
  --glass-blur: none;
  --transition-speed: 0.15s;
}

/* Kill expensive compositing */
html.fx-lite *,
html.fx-lite *::before,
html.fx-lite *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Static reveal instead of scroll choreography */
html.fx-lite .animate-on-scroll {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  filter: none !important;
}

/* Pause decorative infinite animations (keep essential UI transitions short) */
html.fx-lite .max-urgent-glow,
html.fx-lite .pricing-timer,
html.fx-lite .pricing-timer::after,
html.fx-lite .pricing-warm,
html.fx-lite .pricing-warm::before,
html.fx-lite .pricing-warm::after,
html.fx-lite .pricing-warm strong,
html.fx-lite .price-new,
html.fx-lite .price-new::before,
html.fx-lite .price-new::after,
html.fx-lite .pricing-cta,
html.fx-lite .header .pricing-cta::before,
html.fx-lite .header .pricing-cta::after,
html.fx-lite .hero-services__tab.is-active::before,
html.fx-lite .live-dot,
html.fx-lite .pulse,
html.fx-lite .blob,
html.fx-lite .blob-1,
html.fx-lite .blob-2,
html.fx-lite .blob-3 {
  animation: none !important;
}

html.fx-lite .max-btn-urgent::before,
html.fx-lite .max-btn-urgent::after,
html.fx-lite .max-btn-urgent-wrap::after,
html.fx-lite .max-urgent-content .max-btn-urgent::before,
html.fx-lite .max-urgent-content .max-btn-urgent::after,
html.fx-lite .max-urgent-content .max-btn-urgent-wrap::after {
  display: none !important;
}

/* Flatten heavy shadows a bit for fill-rate */
html.fx-lite .max-urgent-card,
html.fx-lite .order-card,
html.fx-lite .pricing-card,
html.fx-lite .work-card,
html.fx-lite .feature-card,
html.fx-lite .tabs-content {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}

/* Also honor OS reduced-motion even if boot missed */
@media (prefers-reduced-motion: reduce) {
  html:not(.fx-full) .bg-blobs {
    display: none !important;
  }
}