/* Klikr — performance layer (desktop + mobile) */

.perf-paused *,
.perf-paused *::before,
.perf-paused *::after {
  animation-play-state: paused !important;
}

/* Faster taps — no 300ms delay */
body.glass-page a,
body.glass-page button,
body.glass-page .btn-primary,
body.glass-page .btn-secondary,
body.glass-page .nav-link,
body.glass-page .hamburger {
  touch-action: manipulation;
}

/* Below-fold sections — skip work until scrolled near */
body.glass-page .stats,
body.glass-page .landing-explore,
body.glass-page .testimonials,
body.glass-page .cta,
body.glass-page .page-main,
body.glass-page .luxury-divider,
body.glass-page .features,
body.glass-page .pricing,
body.glass-page .faq {
  content-visibility: auto;
  contain-intrinsic-size: auto 420px;
}

body.glass-page .landing-instore,
body.glass-page .landing-instore-strip,
body.glass-page .landing-explore,
body.glass-page .lp-phones {
  content-visibility: auto;
  contain-intrinsic-size: auto 360px;
}

body.dashboard-page .card-section:not(.active) {
  content-visibility: hidden;
  contain-intrinsic-size: auto 480px;
}

body.dashboard-page .card-section.active {
  content-visibility: visible;
}

/* Reduce paint cost on scroll */
.perf-mobile body.glass-page.scene-bg .video-bg__media,
.perf-lite body.glass-page.scene-bg .video-bg__media {
  transform: translateZ(0);
}

.perf-lite .hero-logo-spin {
  animation: none !important;
}

body.glass-page .cosmic-hero,
body.glass-page .page-hero {
  content-visibility: visible;
}

/* Decorative layers — skip on lite / save-data */
.perf-lite .glass-bg,
.perf-lite .pulse-wave,
.perf-lite .orb,
.perf-lite .glass-star {
  display: none !important;
}

.perf-lite .glass-morph {
  animation: none !important;
  opacity: 0.35 !important;
}

.perf-lite body.glass-page .feature-card,
.perf-lite body.glass-page .pricing-card,
.perf-lite body.glass-page .cta-box,
.perf-lite body.glass-page .stat,
.perf-lite body.glass-page .cosmic-hero__cta,
.perf-lite body.glass-page .nav-pill::after,
.perf-lite .section-title[data-kinetic],
.perf-lite .pricing-card.featured,
.perf-lite .cta-box::before,
.perf-lite .cta-box::after {
  animation: none !important;
}

/* backdrop-filter is expensive on mobile GPUs */
.perf-lite body.dashboard-page .sidebar,
.perf-lite body.dashboard-page .card,
.perf-lite body.dashboard-page .analytics-stats-shell,
.perf-lite body.dashboard-page .analytics-kpi,
.perf-lite body.dashboard-page .analytics-panel,
.perf-lite body.dashboard-page .analytics-metric,
.perf-lite body.dashboard-page .analytics-insight,
.perf-lite body.dashboard-page .analytics-engage-card,
.perf-lite body.dashboard-page .mobile-topbar,
.perf-lite body.dashboard-page .pricing-card-dash,
.perf-lite body.dashboard-page .plan-stat,
.perf-lite body.dashboard-page .staff-card,
.perf-lite body.dashboard-page .form-input,
.perf-lite body.dashboard-page .analytics-link-bar input,
.perf-lite body.dashboard-page .share-link-box input,
.perf-lite .card,
.perf-lite .mobile-topbar,
.perf-lite .toast,
.perf-lite .join-container,
.perf-lite .modal-box,
.perf-lite nav,
.perf-lite body.glass-page .nav-pill,
.perf-lite body.glass-page .stat,
.perf-lite body.glass-page .landing-card,
.perf-lite body.glass-page .testimonial-card,
.perf-lite body.glass-page .page-hero-card,
.perf-lite body.glass-page .cta-box {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.perf-mobile body.dashboard-page .nav-item,
.perf-mobile body.dashboard-page .btn-sm,
.perf-mobile body.dashboard-page .btn-send,
.perf-mobile body.dashboard-page .btn-upgrade,
.perf-mobile body.dashboard-page .btn-refresh,
.perf-mobile body.dashboard-page .dash-info-btn,
.perf-mobile body.dashboard-page .analytics-kpi-info,
.perf-mobile body.dashboard-page .mobile-menu-btn {
  touch-action: manipulation;
}

.perf-mobile body.dashboard-page .card:hover::before {
  opacity: 0 !important;
}

.perf-save .video-bg-side,
.perf-save #videoBgSide,
.perf-mobile .video-bg-side,
.perf-mobile #videoBgSide,
.perf-lite .video-bg-side,
.perf-lite #videoBgSide {
  display: none !important;
}

.perf-lite .analytics-stats-shell,
.perf-lite .analytics-hero-val,
.perf-lite .status-active .status-dot,
.perf-lite .hero-logo-spin {
  animation: none !important;
}

.perf-touch .tilt-card {
  transform: none !important;
}

/* Desktop: lighter blur on nav only when scrolling is heavy */
.perf-desktop body.glass-page.scene-bg .nav-pill {
  contain: layout style;
}

@media (max-width: 768px) {
  .glass-morph {
    animation-duration: 28s, 24s !important;
  }

  .glass-star:nth-child(n + 16) {
    display: none;
  }

  .card:hover::before {
    opacity: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .perf-lite .glass-morph {
    display: none !important;
  }
}