/* ==========================================================================
   SmartPresent · KISS: prijzen en keuzehulp (SP-006)
   ========================================================================== */
.kiss__kop{max-width:46rem;margin-bottom:clamp(24px,4vw,44px)}
.kiss__kop .lead{margin-top:14px}

/* ---------- drie KISS-punten ---------- */
.kiss-uitleg-sectie{padding-top:0}
.kiss-punten{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.kiss-punt{border-top:2px solid var(--c-ink);padding-top:16px}
.kiss-punt__titel{font-family:var(--f-label);font-weight:800;font-size:1.15rem}
.kiss-punt p{margin-top:8px;color:var(--c-soft)}

/* ---------- prijsoverzicht: Starten, Bijhouden, Uitbreiden ---------- */
.prijsoverzicht-sectie{background:var(--c-bg-2,var(--c-bg))}
.kiss-kolommen{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start}
.kiss-kolom{position:relative;display:grid;align-content:start;gap:12px;padding:clamp(20px,2.4vw,30px);border-radius:16px;background:var(--c-bg);border:1px solid var(--c-line-strong)}
.kiss-kolom--starten{border-top:4px solid var(--red)}
.kiss-kolom__nr{font-family:var(--f-label);font-weight:700;font-size:.78rem;letter-spacing:.14em;color:var(--c-accent-text)}
.kiss-kolom__titel{font-family:var(--f-display);text-transform:uppercase;font-weight:400;font-size:clamp(2rem,3vw,2.8rem);line-height:1}
.kiss-kolom__uitleg{color:var(--c-soft)}
.kiss-kolom__link{justify-self:start;font-family:var(--f-label);font-weight:700;color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em;min-height:44px;display:inline-flex;align-items:center}
.kiss-kolom__link:hover{color:var(--c-accent-text)}
.prijs-lijst{list-style:none;display:grid;gap:10px;margin-top:6px}
.prijs-regel{display:grid;gap:4px;padding-top:14px;border-top:1px solid var(--c-line-strong)}
.prijs-regel__label{font-family:var(--f-label);font-weight:800;font-size:1.02rem}
.prijs-regel__betekenis{font-size:.92rem;color:var(--c-soft)}
.prijs-regel__prijs{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:4px}
.prijs-regel__bedrag{font-family:var(--f-display);font-size:clamp(1.9rem,2.6vw,2.4rem);line-height:1;color:var(--c-ink)}
.prijs-regel__eenheid{font-family:var(--f-label);font-weight:700;font-size:.95rem}
.prijs-regel__btw{font-size:.84rem;color:var(--c-muted)}
.prijs-regel__voorwaarde{font-size:.88rem;font-weight:600;color:var(--c-ink)}
/* Bijhouden: het een of het ander */
.prijs-lijst--of > li + li::before{content:"of";justify-self:start;margin:-26px 0 6px;padding:.1em .7em;border-radius:100px;background:var(--c-bg);border:1px solid var(--c-line-strong);font-family:var(--f-label);font-weight:700;font-size:.78rem;color:var(--c-muted)}

.kiss-noten{display:grid;gap:10px;max-width:52rem;margin-top:clamp(24px,3vw,36px)}
.kiss-noot{color:var(--c-soft)}
.kiss-noot strong{color:var(--c-ink)}
.kiss-noot a{color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em}

/* ---------- keuzehulp ---------- */
.keuzehulp{max-width:52rem;padding:clamp(20px,3vw,36px);border-radius:16px;background:var(--c-bg-2);border:1px solid var(--c-line)}
.keuzehulp__voortgang{font-family:var(--f-label);font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted);margin-bottom:12px}
.keuzehulp__groep legend{text-transform:none;letter-spacing:0;font-size:inherit;color:inherit;margin-bottom:16px}
.keuzehulp__vraag{font-family:var(--f-display);text-transform:uppercase;font-weight:400;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.02;color:var(--c-ink)}
.keuzehulp__vraag:focus{outline:none}
.keuzehulp__vraag:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.keuzehulp__fout{margin-top:12px;font-size:.92rem;font-weight:600;color:#FF6A7E}
.keuzehulp .chip{max-width:100%}
.keuzehulp .chip span{white-space:normal}
.keuzehulp__knoppen{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.keuzehulp__zonder-js{max-width:46rem;color:var(--c-soft)}
.keuzehulp__zonder-js a{color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em}

.keuzehulp__uitkomst{display:grid;gap:18px;margin-top:18px}
.kh-groep{display:grid;gap:6px}
.kh-groep__titel{font-family:var(--f-label);font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent-text)}
.kh-groep__uitleg{color:var(--c-soft)}
.kh-groep__lijst{list-style:none;display:grid;gap:6px}
.kh-regel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--c-line)}
.kh-regel__label{font-family:var(--f-label);font-weight:700}
.kh-regel__prijs{font-weight:600;color:var(--c-ink)}
a.kh-regel__prijs{text-decoration:underline}
.kh-groep__lijst--of > li + li::before{content:"of";flex-basis:100%;font-size:.84rem;font-weight:600;color:var(--c-muted)}
.kh-noot{color:var(--c-soft)}
.kh-noot a{color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em}
.kh-noot--klein{font-size:.86rem;color:var(--c-muted)}

@media (max-width:899px){
  .kiss-punten,.kiss-kolommen{grid-template-columns:minmax(0,1fr)}
}