/**
 * ZERK TOOL — iPhone / mobile Safari performance (desktop unchanged)
 */
@media (max-width: 768px) {
  html.is-mobile,
  html.is-mobile body {
    -webkit-overflow-scrolling: touch;
  }

  /* Kill GPU-heavy layers */
  .bg-sweep,
  .bg-grain,
  .hero-grid,
  .hero-beam,
  .hero-spotlight,
  .hero-floor,
  .hero-stage,
  .hero-ring,
  .hero-glow,
  .hero-pedestal,
  .hero-scroll-hint {
    display: none !important;
  }

  .bg-mesh {
    background: radial-gradient(ellipse 100% 80% at 50% -20%, rgba(80, 120, 220, 0.1), transparent 60%);
  }

  .bg,
  .glass,
  .card,
  .catalog-card,
  .catalog-preview-card,
  .zerk-faq__panel,
  .zerk-faq__item,
  header,
  .mobile-menu,
  .mobile-dock,
  .zerk-cart-panel,
  .zerk-assistant-panel {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 0.15s !important;
    transition-delay: 0s !important;
  }

  .hero-showcase,
  .hero-eyebrow,
  .hero-line,
  .hero-desc,
  .hero-buttons,
  [data-reveal],
  .catalog-preview-card,
  .catalog-card,
  .zerk-faq__item {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
  }

  .hero-showcase img,
  .hero-visual img {
    filter: none !important;
    will-change: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    padding-bottom: 32px !important;
    overflow: visible !important;
    padding-top: calc(var(--header-h) + env(safe-area-inset-top) + 12px) !important;
  }

  .hero-showcase {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 16px !important;
    transform: none !important;
    order: 0;
  }

  .hero-inner {
    order: 1;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 0 var(--space-page) !important;
  }

  .hero-scrim {
    display: none !important;
  }

  .card,
  .catalog-card,
  .catalog-preview-card,
  .zerk-faq__item {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  }

  .zerk-faq--premium .zerk-faq__answer {
    max-height: none !important;
  }

  .zerk-assistant-fab__pulse {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}