/* MoveVolt — features-laag: snelfilter-grid, count-up accent, dichter ritme.
   Laadt NA futuristic.css/filters.css/compare.css. Donker/futuristisch, site-tokens. */

/* ---- Snelfilter: productgrid (de filterbalk/chips doet filters.css) ---- */
.vw-qfsec .vw-qf{ margin-top:6px; }
.vw-qf__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}
@media(max-width:1040px){ .vw-qf__grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:720px){  .vw-qf__grid{ grid-template-columns:repeat(2,1fr); gap:12px; } }
@media(max-width:420px){  .vw-qf__grid{ grid-template-columns:1fr; } }
/* verborgen kaarten nemen geen ruimte (quickfilter.js zet display:none of .is-hidden) */
.vw-qf__grid .vw-card.is-hidden{ display:none; }
.vw-qf__empty{ text-align:center; color:var(--ink-2); padding:28px 0 6px; font-weight:600; }

/* ---- Count-up cijfers laten poppen (de animatie doet app.js) ---- */
.vw-feat__n{ color:var(--volt-300); font-variant-numeric:tabular-nums; }
.vw-stat__n[data-count]{ font-variant-numeric:tabular-nums; }

/* ---- Dichter ritme: futuristische secties iets compacter + duidelijke afwisseling ---- */
@media(min-width:721px){
  .vw-qfsec, .vw-featsec, .vw-cmpsec{ padding-block:clamp(30px,3.2vw,46px); }
}
/* subtiele opbouw-beweging op de nieuwe blokken (reduced-motion = uit via theme) */
.vw-feat[data-reveal]{ will-change:opacity, transform; }