/* =====================================================================
   ZekerMobiel — zm-verkoop.css  (Z4 verkoop-herindeling, 2026-07-06)
   ADDITIEF: nieuwe regels in een eigen sectie. Bestaand niet slopen.
   Doel (operator 05-07 avond, OPERATOR-SMAAK #14): koop-eerst + prijs-focus.
   - Prijs = visueel zwaarste element na de foto (cards, PDP, buybar, categorie).
   - Koopknop primair; proefrit degradeert naar een stille secundaire tekstlink.
   - Blijft binnen de smaak: één knoppen-schaal, rustig, WCAG-contrast.
   Laadt NA css/styles.css + css/home-v2.css zodat deze regels winnen.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1) PRIJS PROMINENT — productkaarten (PLP / merk / gerelateerd)
   --------------------------------------------------------------------- */
.product-card__foot .price{ align-items:baseline; gap:6px; }
.product-card__foot .price .amount{
  font-size:23px;
  font-weight:800;
  color:var(--ink);
  letter-spacing:-.015em;
  line-height:1.05;
}
.product-card__foot .price small{
  font-size:12px;
  font-weight:600;
  color:var(--muted);
  letter-spacing:.01em;
}
/* koopgerichte kaart-knop nét compacter dan de prijs (foto+prijs leiden) */
.product-card__foot .button--small{ font-weight:700; }

/* ---------------------------------------------------------------------
   2) PRIJS PROMINENT — home bestsellers-rail (.pcard)
   --------------------------------------------------------------------- */
.pcard__price b{
  font-size:24px;
  font-weight:800;
  color:var(--ink);
  letter-spacing:-.015em;
  line-height:1.05;
}
.pcard__price small{
  font-size:12px;
  font-weight:600;
  color:var(--muted);
}

/* ---------------------------------------------------------------------
   3) PRIJS PROMINENT — categorierij (segment-cards, vanaf-prijzen)
   --------------------------------------------------------------------- */
.segment-card__price{
  font-weight:800;
  font-size:19px;
  color:var(--ink);
  letter-spacing:-.01em;
}
.segment-card__price small{
  font-weight:600;
  font-size:12px;
  color:var(--muted);
  margin-right:5px;
  letter-spacing:.01em;
}

/* ---------------------------------------------------------------------
   4) PRIJS PROMINENT — PDP koopblok
   --------------------------------------------------------------------- */
.pdp__price{ align-items:baseline; gap:9px; flex-wrap:wrap; margin:6px 0 8px; }
.pdp__price .amount{
  font-size:40px;
  font-weight:800;
  color:var(--ink);
  letter-spacing:-.025em;
  line-height:1;
}
.pdp__price .from{
  font-size:15px;
  font-weight:600;
  color:var(--muted);
}
@media (max-width:760px){
  .pdp__price .amount{ font-size:34px; }
}

/* sticky koopbalk-prijs mee omhoog */
.buybar__info .p{
  font-size:19px;
  font-weight:800;
  color:var(--ink);
  letter-spacing:-.01em;
}

/* ---------------------------------------------------------------------
   5) PROEFRIT GEDEGRADEERD — stille secundaire tekstlink op de PDP
   (geen grote knop, geen kleur-accent; blijft vindbaar voor wie wil)
   --------------------------------------------------------------------- */
.pdp__proefrit{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.5;
  color:var(--muted);
}
.pdp__proefrit a{
  color:var(--ink-soft, #39414b);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.pdp__proefrit a:hover{ color:var(--accent-cta, #1f6b4c); }
.pdp__proefrit .muted{ font-size:14px; }

/* ---------------------------------------------------------------------
   6) HERO — prijsanker (wit op donker scrim)
   --------------------------------------------------------------------- */
.hero-price{
  display:inline-flex;
  align-items:baseline;
  gap:9px;
  margin:0 0 16px;
  color:#fff;
}
.hero-price .n{
  font-size:30px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1;
}
.hero-price .lbl{
  font-size:15px;
  font-weight:600;
  opacity:.92;
}
@media (max-width:760px){
  .hero-price .n{ font-size:25px; }
}

/* ---------------------------------------------------------------------
   7) Kleine consistentie-tweaks (blijven binnen één knoppen-schaal)
   --------------------------------------------------------------------- */
/* de degradatie-transform van de oude 'Proefrit'-sectie: stats-band blijft,
   kop wordt koop/vertrouwen — geen extra styling nodig, erft section--dark. */

/* 18-07 operator-schouwronde (Janus): PDP-belknop niet laten omslaan; stock-regel
   exact op de as van de reassure-vinkjes (26px-cirkelslot + gap 10). */
.pdp-bel{white-space:nowrap}
.pdp__buy .stock{align-items:center;gap:10px}
.pdp__buy .stock .dot{flex:0 0 auto;margin:0;width:26px;height:26px;border-radius:50%;background:var(--green-soft,#d8ece0);box-shadow:none;display:grid;place-items:center}
.pdp__buy .stock .dot::after{content:"";width:10px;height:10px;border-radius:50%;background:#25a06b}