/* ============================================================
   🔥 FIX LAG — Kill all heavy animations
   Chèn file này CUỐI CÙNG trong <head> của mọi HTML
   ============================================================ */

/* Tắt Aurora background động */
body::before,
body::after {
  animation: none !important;
}

/* Tắt viền conic xoay trên glass/card */
.glass::before,
.glass::after,
.card::after,
.card-clone::after,
.stat-card::after {
  animation: none !important;
  opacity: 0.3 !important;
}

/* Tắt text gradient chạy */
.tg,
.sidebar .tg {
  animation: none !important;
}

/* Tắt KenBurns zoom ảnh sản phẩm */
.prod-img img,
.prod-detail-img img {
  animation: none !important;
}

/* Tắt sparkle + shooting star */
.sparkle,
.sparkle-layer,
.shooting-star {
  display: none !important;
}

/* Tắt particles bay lơ lửng */
.hydra-particle {
  display: none !important;
}

/* Tắt hologram xoay avatar */
.holo-wrap::before,
.holo-wrap::after,
.holo-shine {
  animation: none !important;
}
.holo-wrap::before { opacity: 0.4 !important; }
.holo-wrap::after { display: none !important; }

/* Tắt glitch heading */
.glitch::before,
.glitch::after {
  display: none !important;
}

/* Tắt cursor glow (nếu có) */
#hydraCursor,
#hydraCursorRing {
  display: none !important;
}
* { cursor: auto !important; }

/* Giảm backdrop-filter (tốn GPU nhất) */
.glass,
.toast,
.bnav,
.mbox,
#modal {
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Tắt shimmer, pulse, glow lặp vô hạn */
@keyframes btnGlow { from,to { background-position: 0% 50% } }
.badge-hot,
.badge-sale,
.badge-new,
.hydra-countdown,
.opt-item.active {
  animation: none !important;
}

/* Tắt sẽ-gây-lag sparkle trail từ effects1.js */
.trail-dot,
.particle {
  display: none !important;
}

/* Tắt reveal animation (element hiện dần khi scroll) */
.reveal-hidden {
  opacity: 1 !important;
  transform: none !important;
}

/* Tắt toast shimmer */
.toast::before {
  animation-duration: 3.2s !important;
}

/* Mobile: tắt hẳn mọi animation */
@media (max-width: 768px) {
  .glass,
  .card,
  .btn,
  .menu,
  .bnav,
  .mbox,
  .toast {
    transition: none !important;
    animation: none !important;
  }
  .btn:active { transform: scale(0.97) !important; }
}

/* Nếu user bật "giảm chuyển động" */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}