/* Camada de performance: preserva o visual e reduz repinturas durante a rolagem. */
html {
  scroll-behavior: auto;
}

/* O filtro SVG fixo de ruido forçava a tela inteira a ser repintada a cada frame. */
.noise {
  display: none !important;
}

.admin-noise {
  display: none !important;
}

/* O cabeçalho continua sólido e legível sem recalcular blur sobre toda a página. */
.topbar {
  background: rgba(5, 8, 6, .97) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Mantém os halos do início sem filtros de blur grandes. */
.hero-glow {
  filter: none !important;
  will-change: auto !important;
}

.hero-glow-a {
  background: radial-gradient(circle, rgba(21, 255, 88, .32) 0, rgba(21, 255, 88, .11) 38%, transparent 72%) !important;
}

.hero-glow-b {
  background: radial-gradient(circle, rgba(20, 168, 65, .28) 0, rgba(20, 168, 65, .08) 42%, transparent 72%) !important;
}

/* Cada card tinha um raio com filtros animados continuamente, inclusive fora da tela. */
.product-art::after,
.reseller-product-art::after {
  animation: none !important;
  filter: drop-shadow(0 0 10px rgba(52, 242, 107, .62)) !important;
  opacity: .48 !important;
}

/* O navegador deixa de desenhar blocos grandes enquanto estiverem fora da viewport. */
.confidence-section,
.catalog-section,
.reward-section,
.section.faq,
.community,
body > footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

.product {
  contain: layout style;
}

/* Listas extensas do ADM/revenda só são pintadas quando entram na tela. */
.table-row:not(.header),
.review-admin-card,
.reseller-product-card {
  content-visibility: auto;
  contain-intrinsic-size: auto 66px;
}

.reseller-product-card {
  contain-intrinsic-size: auto 420px;
  contain: layout style;
}

@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}