/* =========================================================
   BENC STORE — OTIMIZAÇÃO (vale para todas as páginas)
   ========================================================= */

/* Animações que ficam fora da tela param de rodar (perf.js marca) */
.perf-pausa, .perf-pausa::before, .perf-pausa::after{ animation-play-state:paused !important; }

/* Celular/tablet: o desfoque atrás do topo pesa muito na rolagem.
   Troca por um fundo quase sólido (o visual fica praticamente igual). */
@media (hover:none) and (pointer:coarse){
  .header, .header.is-scrolled, .picker{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  html:not([data-theme="light"]) .header.is-scrolled,
  html:not([data-theme="light"]) .catalog-page .header,
  html:not([data-theme="light"]) .picker{ background:rgba(22,22,23,0.97) !important; }
  html[data-theme="light"] .header.is-scrolled,
  html[data-theme="light"] .catalog-page .header,
  html[data-theme="light"] .picker{ background:rgba(255,255,255,0.97) !important; }
  .video-modal, .esq-modal, .av-overlay{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  .av-overlay{ background:rgba(0,0,0,0.78) !important; }
  .enc-chip{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; background:rgba(11,13,24,0.9) !important; }
}

/* Quem pediu "menos movimento" no aparelho não recebe animações contínuas */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-iteration-count:1 !important; scroll-behavior:auto !important; }
}