/* perf.css — بهینه‌سازی سرعت (آخرین CSS لود‌شده)
   فقط افکت‌های سنگین رو روی موبایل/لمسی کم می‌کنه؛ ظاهر دسکتاپ دست‌نخورده می‌مونه. */

.home-seo, .site-footer { content-visibility: auto; contain-intrinsic-size: auto 500px; }
a, button, .icon-btn { touch-action: manipulation; }

@media (max-width: 768px), (hover: none) {
  /* هیرو: لکه‌های بزرگ بلورشده + بوم ذرات + هایلایت ماوس روی گوشی خیلی سنگینن */
  .ha-aurora, .ha-canvas, .ha-spot { display: none !important; }
  .hero-center__bg { animation: none !important; }
  .hero-center__blob { filter: none !important; animation: none !important; opacity: .28; }
  .hero-center__blob--1 { background: radial-gradient(circle, var(--accent) 0%, transparent 68%) !important; }
  .hero-center__blob--2 { background: radial-gradient(circle, var(--accent-2) 0%, transparent 68%) !important; }
  .hero-center__btn--primary { animation: none !important; }
  .hero-center__rotate.is-out, .hero-center__rotate.is-in { filter: none !important; }

  /* بلور پشت‌نما روی گوشی‌های متوسط اسکرول رو سنگین می‌کنه */
  [data-theme="dark"] .site-header,
  [data-theme="dark"] .mobile-bottom-nav,
  .toast-card, .rb-fab__backdrop {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }
  [data-theme="dark"] .site-header { background: rgba(8, 16, 32, .97); }
  [data-theme="dark"] .mobile-bottom-nav { background: rgba(8, 16, 32, .98); }
  .toast-card { background: rgba(20, 20, 28, .94) !important; }

  /* انیمیشن‌های بی‌پایانی که همیشه روی هر صفحه اجرا می‌شدن */
  .m-brand__up, .dnt-cloud-track, .rb-fab__main::after, .acx-hero::after { animation: none !important; }
}