/* ===================================================================
   MoveVolt — POP / DEFINITIE laag (donker blijft). Laadt ALS LAATSTE.
   Operator: "alles blendt in elkaar, te vaag, producten poppen niet uit".
   Fix: scherpe kaarten met contrast + helder fotovlak + glow weg +
   duidelijke sectie-scheiding. GEEN kleur/richting-omslag.
   =================================================================== */

:root{
  --bg:#070A0F;                 /* iets dieper zwart = meer contrast met kaarten */
  --panel:#141A26;              /* sectie-paneel (afwisseling) */
  --card:#1A2130;               /* kaart — duidelijk lichter dan bg → popt */
  --card-2:#202838;             /* kaart hover */
  --card-line:rgba(255,255,255,.14);
  --card-line-2:rgba(255,255,255,.22);
  --media-pop-a:#FFFFFF; --media-pop-b:#E7ECF3;
  --ink:#F3F5F9; --ink-2:#AEB6C6;
}

/* ---- 1. GLOW/BLUR WEG → scherp, niet vaag --------------------------- */
.vw-aurora,.vw-aurora__c{ display:none !important; }
.vw-feat::after{ display:none !important; }
.vw-hero__content h1,.vw-hero2__content h1,.vw-hero__title,
.vw-feat__big,.vw-stat__n,.vw-sectionhead h2{ text-shadow:none !important; }
.vw-kicker::before{ box-shadow:none !important; }
.vw-feat__ico,.vw-herotrust__ico,.vw-cart__count,.vw-segcard__ico{ box-shadow:none !important; }
.vw-hero__eyebrow{ box-shadow:none !important; -webkit-backdrop-filter:none; backdrop-filter:none; }

/* ---- 2. PRODUCTKAART popt: paneel + scherpe rand + schaduw ---------- */
.vw-card{
  background:var(--card) !important;
  border:1px solid var(--card-line) !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.5) !important;
  overflow:hidden; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.vw-card:hover{
  transform:translateY(-4px);
  border-color:var(--volt) !important;
  background:var(--card-2) !important;
  box-shadow:0 0 0 1px var(--volt), 0 18px 38px rgba(0,0,0,.6) !important;
}
/* HELDER WIT fotovlak → product knalt eruit */
.vw-card__media,
.vw-card--cutout .vw-card__media{
  background:linear-gradient(180deg,var(--media-pop-a) 0%, var(--media-pop-b) 100%) !important;
  border-bottom:1px solid var(--card-line) !important;
  padding:16px !important;
}
.vw-card__media img{ object-fit:contain; mix-blend-mode:normal !important;
  filter:drop-shadow(0 10px 14px rgba(20,24,31,.22)) !important; }
/* kaart-tekst: hoog contrast */
.vw-card__brand{ color:var(--ink-2) !important; font-weight:700; letter-spacing:.04em; }
.vw-card__title a{ color:#fff !important; font-weight:700; }
.vw-card__specs{ color:var(--ink-2) !important; }
.vw-card__price strong{ color:#fff !important; font-size:1.32rem; font-weight:800; }
.vw-card__from{ color:var(--ink-2) !important; }
.vw-card__stock{ color:#3FDD8A !important; font-weight:700; }
.vw-card__foot{ border-top:1px solid rgba(255,255,255,.07); padding-top:10px; }

/* badges scherp & duidelijk */
.vw-badge{ box-shadow:none !important; font-weight:800; letter-spacing:.03em; }
.vw-badge--tip{ background:var(--volt) !important; color:#04231B !important; }
.vw-badge--sale{ background:#FF3B57 !important; color:#fff !important; }
.vw-badge--hot{ background:#F59E0B !important; color:#3A2800 !important; }

/* ---- 3. CATEGORIE-/REVIEW-/GUIDE-/FEAT-kaarten ook poppen ---------- */
.vw-segcard,.vw-guidecard,.vw-review,.vw-feat,.vw-herodeal,.vw-herotrust,.vw-filters{
  background:var(--card) !important; border:1px solid var(--card-line) !important;
  border-radius:14px !important; box-shadow:0 8px 24px rgba(0,0,0,.45) !important;
}
.vw-segcard:hover,.vw-guidecard:hover,.vw-review:hover{ border-color:var(--card-line-2) !important; transform:translateY(-3px); }
.vw-segcard__media{ background:linear-gradient(180deg,var(--media-pop-a),var(--media-pop-b)) !important; }
.vw-feat{ background:linear-gradient(165deg,var(--card-2),var(--card)) !important; }
.vw-feat__ico{ background:rgba(0,230,184,.16) !important; }
.vw-herodeal__media{ background:linear-gradient(180deg,var(--media-pop-a),var(--media-pop-b)) !important; }
.vw-herodeal__media img{ filter:drop-shadow(0 8px 12px rgba(20,24,31,.2)); }

/* ---- 4. SECTIE-SCHEIDING duidelijk (niet alles dezelfde brij) ------- */
body{ background:var(--bg) !important; }
.vw-section{ border:0; }
.vw-section--alt{ background:var(--panel) !important; border-block:1px solid rgba(255,255,255,.08) !important; }
.vw-sectionhead h2{ color:#fff !important; font-weight:800; letter-spacing:-.015em; }
.vw-sectionhead p{ color:var(--ink-2) !important; }
.vw-kicker{ color:var(--volt-300) !important; }

/* ---- 5. Hero leesbaar & scherp ------------------------------------- */
.vw-hero2__main{ border:1px solid var(--card-line) !important; box-shadow:0 10px 30px rgba(0,0,0,.5); }
.vw-hero2__content h1{ color:#fff !important; }
.vw-herodeal{ border:1px solid var(--card-line) !important; }

/* ---- 6. Merkenmuur chips scherp (wit, met rand) -------------------- */
.vw-brandtile{ box-shadow:0 6px 16px rgba(0,0,0,.4) !important; border:1px solid rgba(255,255,255,.10) !important; }

/* ---- 7. Knoppen duidelijk ----------------------------------------- */
.vw-btn--cta{ box-shadow:0 6px 18px rgba(0,230,184,.22) !important; font-weight:800; }

@media (prefers-reduced-motion: reduce){ .vw-card,.vw-segcard{ transition:none; } }