/* ==========================================================================
   websitelatenmakenkapper.nl, ontwerp "De prijskaart" (29-10-2026).
   Zwart-wit met framboos: de menukaart van de salon als beeldtaal. Zwart draagt (hero-vlak, volvlak, footer),
   framboos wijst de weg (knoppen, onderstreping, prijzen op zwart, CTA-band), lichtroze en wit wisselen elkaar af.
   Signatuur: de stippellijn-leader tussen dienst en prijs (.leader: pakketten, prijskaart, kostentabellen, footer)
   en een framboos streep van 40px onder elke H2 (.kopblok h2::after). Eyebrows in klein-kapitaal framboos.
   Foto's hoek 0, kaarten hoek 16 met 1px rand en zonder schaduw, knoppen en velden hoek 2. Geen pills.
   Zelfde klassenamen als de motor (bouw.py, main.js, md_paginas_basis.py); tokens uit config.py.
   Geen framework, geen externe requests: de letters staan in assets/fonts/.
   ========================================================================== */

@font-face{font-family:"Playfair Display";font-weight:700;font-style:normal;font-display:swap;
  src:url("/assets/fonts/kop-700.woff2") format("woff2");}
@font-face{font-family:"DM Sans";font-weight:400;font-style:normal;font-display:swap;
  src:url("/assets/fonts/tekst-400.woff2") format("woff2");}
@font-face{font-family:"DM Sans";font-weight:500;font-style:normal;font-display:swap;
  src:url("/assets/fonts/tekst-500.woff2") format("woff2");}

:root{
  --inkt:#1D1217;
  --merk:#141214;
  --accent:#FF4F8B;
  --grond:#FBF0F3;
  --wit:#FFFFFF;
  --diep:#000000;
  --lijn:rgba(29,18,23,.12);
  --lijn-sterk:rgba(29,18,23,.28);
  --lijn-licht:rgba(255,255,255,.2);
  --zacht:rgba(29,18,23,.74);
  --zacht-licht:rgba(255,255,255,.82);
  --stip:rgba(29,18,23,.36);
  --stip-licht:rgba(255,255,255,.4);

  --kop:"Playfair Display",Georgia,"Times New Roman",serif;
  --tekst:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  --xs:14px; --s:17px; --m:20px; --l:30px; --xl:48px; --xxl:80px;
  --maxw:1180px;
  --hero:920px;
  --gut:clamp(16px,4vw,48px);
  --ritme:clamp(64px,7.4vw,104px);
  --r:16px;
  --rk:2px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:92px;}
body{margin:0;background:var(--wit);color:var(--inkt);font-family:var(--tekst);font-size:var(--s);
  line-height:1.6;overflow-x:clip;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4{font-family:var(--kop);font-weight:700;margin:0;overflow-wrap:break-word;line-height:1.1;}
h1{font-size:clamp(40px,5.2vw,var(--xxl));letter-spacing:-.015em;line-height:1.04;}
h2{font-size:clamp(30px,3.4vw,var(--xl));letter-spacing:-.01em;}
h3{font-size:var(--m);line-height:1.25;}
h4{font-size:var(--m);}
p{margin:0;}
a{color:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}
strong,b{font-weight:500;}
button{font:inherit;color:inherit;}
[hidden]{display:none !important;}

.wrap{max-width:calc(var(--maxw) + 2*var(--gut));margin:0 auto;padding:0 var(--gut);width:100%;}
.sec{padding:var(--ritme) 0;}
.sec--licht{background:var(--grond);}
.sec--merk{background:var(--merk);color:var(--wit);}
.sec--donker{background:var(--diep);color:var(--wit);}
.sec--accent{background:var(--accent);color:var(--inkt);}
.sec--vragen{background:var(--wit);}
.sec--usp + .sec--vragen,.sec:not(.sec--licht):not(.sec--merk):not(.sec--donker) + .sec--vragen{background:var(--grond);}
.sec--merk p,.sec--donker p{color:var(--zacht-licht);}
.sec--merk h2,.sec--merk h3,.sec--donker h2,.sec--donker h3{color:var(--wit);}
.sec--merk a,.sec--donker a{color:var(--wit);}
.lead{font-size:var(--m);line-height:1.6;color:var(--zacht);}
.sec--merk .lead,.sec--donker .lead{color:var(--zacht-licht);}
.sec--accent .lead,.sec--accent p{color:var(--inkt);}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:12px;top:12px;background:var(--accent);color:var(--inkt);padding:10px 16px;z-index:99;border-radius:var(--rk);}
.vb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.sec--accent :focus-visible{outline-color:var(--merk);}

/* --- eyebrow: klein-kapitaal framboos ------------------------------------------------ */
.label{display:block;font-family:var(--tekst);font-weight:500;font-size:var(--s);line-height:1.3;color:var(--accent);
  font-variant-caps:all-small-caps;letter-spacing:.14em;margin-bottom:14px;}
.sec--accent .label{color:var(--merk);}

/* --- de framboos streep van 40px onder elke H2 ----------------------------------------- */
.kopblok h2::after,.proza--lang h2::after,.bedankt__kop::after{content:"";display:block;width:40px;height:3px;
  background:var(--accent);margin-top:20px;}
.sec--accent .kopblok h2::after{background:var(--merk);}

/* --- de stippellijn-leader ------------------------------------------------------------ */
.leader{display:flex;align-items:baseline;gap:10px;min-width:0;}
.leader__naam{flex:0 1 auto;min-width:0;overflow-wrap:break-word;}
.leader__lijn{flex:1 1 24px;min-width:16px;border-bottom:2px dotted var(--stip);transform:translateY(-.28em);}
.leader__prijs{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500;}
.sec--merk .leader__lijn,.voet .leader__lijn{border-bottom-color:var(--stip-licht);}
.leader--klein{font-size:var(--xs);color:var(--zacht);}
.leader--klein .leader__prijs{white-space:normal;text-align:right;flex:0 1 auto;color:var(--inkt);}

/* --- kop ------------------------------------------------------------------------ */
.kop{background:var(--wit);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--lijn);}
.kop__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;}
.merk{font-family:var(--kop);font-weight:700;font-size:var(--m);letter-spacing:-.005em;line-height:1.1;
  text-decoration:none;white-space:nowrap;}
.merk::after{content:"";display:block;width:28px;height:2px;margin-top:6px;background:var(--accent);}
.nav{display:flex;gap:clamp(14px,1.6vw,24px);}
.nav__link{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:500;font-size:16px;white-space:nowrap;}
.nav__link:hover,.nav__link.is-hier{text-decoration:underline;text-decoration-color:var(--accent);
  text-decoration-thickness:2px;text-underline-offset:8px;}
.kop__acties{display:flex;align-items:center;gap:18px;}
.tel{display:inline-flex;align-items:center;min-height:44px;font-weight:500;white-space:nowrap;font-size:var(--s);
  text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px;}
.kop__acties .knop{min-height:46px;padding:11px 18px;white-space:nowrap;}
.menuknop{display:none;width:48px;height:48px;border-radius:var(--rk);border:1px solid var(--inkt);
  background:var(--wit);padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.menuknop span:not(.vb){display:block;width:20px;height:2px;background:var(--inkt);}
.mobielmenu{display:none;flex-direction:column;gap:2px;padding:4px var(--gut) 24px;}
.mobielmenu__link{display:flex;align-items:center;min-height:52px;border-bottom:2px dotted var(--stip);
  text-decoration:none;font-weight:500;}
.mobielmenu .knop{margin-top:16px;width:100%;}

/* --- knoppen: hoek 2, 15px/500, letter-spacing .02em ----------------------------------- */
.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;min-height:52px;
  border-radius:var(--rk);border:1px solid transparent;font-family:var(--tekst);font-weight:500;font-size:15px;
  letter-spacing:.02em;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;}
.knop--vol{background:var(--accent);color:var(--inkt);border-color:var(--accent);}
.knop--vol:hover{background:var(--merk);border-color:var(--merk);color:var(--wit);}
.knop--merk{background:var(--merk);color:var(--wit);border-color:var(--merk);}
.knop--merk:hover{background:var(--diep);border-color:var(--diep);}
.knop--lijn{border-color:currentColor;background:transparent;color:inherit;}
.knop--lijn:hover{background:rgba(29,18,23,.06);}
.sec--merk .knop--lijn:hover,.sec--donker .knop--lijn:hover,.hero .knop--lijn:hover{background:rgba(255,255,255,.12);}
.sec--accent .knop--lijn:hover{background:var(--inkt);color:var(--wit);border-color:var(--inkt);}
.sec--merk .knop--vol:hover,.hero .knop--vol:hover{background:var(--wit);border-color:var(--wit);color:var(--inkt);}
.knoprij{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center;}
.tekstlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:500;text-decoration:underline;
  text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--accent);background:none;border:0;
  padding:0;cursor:pointer;overflow-wrap:anywhere;}
.tekstlink:hover{text-decoration-color:currentColor;}
.sec--accent .tekstlink{text-decoration-color:var(--inkt);}
.tekstlink::after,.pijl::after{content:"\203A";font-weight:500;}
.tekstlink--uit::after{content:"\2197";font-size:.9em;}
.pijl{display:inline;font-weight:500;text-decoration:underline;text-decoration-thickness:2px;
  text-decoration-color:var(--accent);text-underline-offset:6px;}
.pijl::after{content:" \203A";}

/* --- hero van de home: zwart vlak links 45%, foto rechts 55%, prijskaart over de naad ------- */
.hero{position:relative;background:var(--merk);color:var(--wit);}
.hero__waas{display:none;}
.hero--split{display:grid;grid-template-columns:45% 55%;min-height:clamp(640px,92vh,var(--hero));}
.hero__links{display:flex;align-items:center;justify-content:flex-end;padding:clamp(56px,6vw,96px) 0;}
.hero__tekst{width:100%;padding:0 clamp(40px,4.4vw,72px) 0 clamp(24px,4vw,64px);}
.hero__foto{position:relative;min-height:100%;}
.hero__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.hero h1{color:var(--wit);font-size:clamp(40px,4.9vw,var(--xxl));}
.h1__accent{color:var(--wit);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:.09em;
  text-underline-offset:.14em;text-decoration-skip-ink:none;}
.hero .lead{color:var(--zacht-licht);margin-top:26px;max-width:34em;}
.hero .knoprij{margin-top:32px;}
.hero .knop--lijn{color:var(--wit);border-color:rgba(255,255,255,.7);}

/* de prijskaart (HTML), iets onder het midden over de naad */
.prijskaart{position:absolute;left:45%;bottom:11%;transform:translateX(-14%);width:340px;z-index:2;
  background:var(--wit);color:var(--inkt);padding:26px 26px 24px;border-radius:var(--r);border:1px solid var(--lijn);}
.prijskaart__kop{font-family:var(--kop);font-weight:700;font-size:var(--m);line-height:1.2;padding-bottom:14px;
  border-bottom:1px solid var(--lijn);margin-bottom:6px;}
.prijskaart__regels .leader{padding:9px 0;font-size:var(--s);}
.prijskaart__regels .leader__prijs{color:var(--inkt);}
.prijskaart__noot{font-size:var(--xs);color:var(--zacht);margin-top:8px;}
.prijskaart__knop{width:100%;margin-top:16px;}

/* hero van de vervolgpagina's: zwart vlak met kruimelpad */
.hero--kaal{padding:clamp(36px,4.6vw,64px) 0 clamp(56px,6.4vw,92px);}
.hero--kaal h1{max-width:17em;font-size:clamp(40px,5vw,72px);}
.hero--kaal .lead{margin-top:22px;max-width:62ch;}
.hero--kaal .lead a{text-underline-offset:4px;text-decoration-color:var(--accent);}
.hero--kaal .knoprij{margin-top:24px;}
.kruimels{display:flex;flex-wrap:wrap;gap:10px;font-size:var(--xs);margin-bottom:26px;color:var(--zacht-licht);}
.kruimels a{color:var(--wit);text-decoration-color:var(--accent);text-underline-offset:4px;}

/* --- werkt met en usp's -------------------------------------------------------------- */
.sec--usp{padding:clamp(40px,4.6vw,60px) 0;border-bottom:1px solid var(--lijn);}
.werktmet{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 28px;padding-bottom:18px;
  border-bottom:2px dotted var(--stip);}
.werktmet__label{font-variant-caps:all-small-caps;letter-spacing:.14em;color:var(--accent);font-weight:500;}
.werktmet__lijst{display:flex;flex-wrap:wrap;gap:6px 26px;font-family:var(--kop);font-weight:700;font-size:var(--m);}
.werktmet__onder{margin-top:16px;color:var(--zacht);max-width:80ch;font-size:var(--s);}
.werktmet__onder a{text-decoration-color:var(--accent);text-underline-offset:4px;}
.usp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);margin-top:clamp(32px,3.6vw,48px);}
.usp__item{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:3px solid var(--merk);}
.usp__nr{font-family:var(--kop);font-weight:700;font-size:var(--m);color:var(--accent);}
.usp__item h3{font-family:var(--tekst);font-weight:500;font-size:var(--m);line-height:1.3;}
.usp__item p{color:var(--zacht);font-size:var(--s);}

/* --- rasters en kaarten ------------------------------------------------------------------ */
.kopblok{max-width:820px;margin-bottom:clamp(32px,4vw,56px);}
.kopblok .lead{margin-top:20px;max-width:62ch;}
.kopblok .lead a{text-decoration-color:var(--accent);text-underline-offset:4px;}
.raster{display:grid;gap:clamp(16px,2vw,24px);}
.raster--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.raster--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.raster--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.raster--5{grid-template-columns:repeat(3,minmax(0,1fr));}
.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);padding:clamp(22px,2.2vw,30px);
  display:flex;flex-direction:column;gap:10px;color:var(--inkt);min-width:0;}
.sec:not(.sec--licht):not(.sec--merk) .kaart{background:var(--grond);border-color:transparent;}
.sec--merk .kaart,.sec--donker .kaart{background:rgba(255,255,255,.06);color:var(--wit);border-color:var(--lijn-licht);}
.sec--accent .kaart{background:var(--wit);color:var(--inkt);}
.sec--accent .kaart p{color:var(--zacht);}
.kaart h3{font-size:var(--m);}
.kaart p{color:var(--zacht);}
.sec--merk .kaart p,.sec--donker .kaart p{color:var(--zacht-licht);}
.kaart--link{text-decoration:none;transition:border-color .15s ease;}
.kaart--link:hover{border-color:var(--accent);}
.kaart--link .pijl{margin-top:auto;padding-top:10px;align-self:flex-start;white-space:nowrap;}
.kaart__leader{padding-bottom:12px;border-bottom:1px solid var(--lijn);margin-bottom:4px;}
.kaart__leader{flex-wrap:wrap;row-gap:4px;}
.kaart__leader h3,.kaart__leader .leader__naam{font-size:24px;line-height:1.1;flex:0 0 auto;max-width:100%;overflow-wrap:normal;}
.kaart__leader .leader__prijs{font-size:15px;}
.kaart--doel .tekstlink{margin-top:auto;align-self:flex-start;display:inline;min-height:0;padding:8px 0;line-height:1.5;}
.kaart__plaats{font-variant-caps:all-small-caps;letter-spacing:.14em;color:var(--accent) !important;font-weight:500;line-height:1.3;}
.kaart--case h3{font-size:var(--l);}
.kaart--case .tekstlink{margin-top:auto;align-self:flex-start;}
.kaart--shot h3{font-size:var(--m);}
.kaart--shot p{font-size:var(--s);}
.kaart--shot .leader--klein{padding-top:8px;border-top:1px solid var(--lijn);margin-top:auto;}
.kaart--shot .tekstlink{margin-top:0;}

/* tekst naast beeld */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center;}
.split--boven{align-items:start;}
.split--tekst{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);}
.split--beeld{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;}
.split--demo{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;}
.split > div > p + p,.proza p + p{margin-top:16px;}
.proza p{color:var(--zacht);max-width:70ch;}
.sec--merk .proza p,.sec--donker .proza p{color:var(--zacht-licht);}
.proza h2{margin:44px 0 16px;font-size:var(--l);}
.proza h2:first-child{margin-top:24px;}
.proza h3{margin:28px 0 10px;}
.proza a,.lead a{text-underline-offset:4px;text-decoration-color:var(--accent);}
.wrap > ul:not([class]),.wrap > .proza ul{display:grid;gap:10px;margin:16px 0;max-width:76ch;}
.wrap > ul:not([class]) li,.proza li{position:relative;padding-left:24px;color:var(--zacht);}
.wrap > ul:not([class]) li::before,.proza li::before{content:"";position:absolute;left:0;top:.75em;width:12px;
  border-bottom:2px dotted var(--accent);}
.sec--merk .wrap > ul:not([class]) li{color:var(--zacht-licht);}
.wrap > h3{margin:32px 0 12px;font-size:var(--l);}
.wrap > .proza + .proza,.wrap > .vinkjes + .proza,.wrap > .proza + .vinkjes,.wrap > ul + .proza,.wrap > .proza + ul,
.wrap > .raster + .proza,.wrap > .proza + .raster,.wrap > .tabel-wrap + .proza,.wrap > .proza + .tabel-wrap,
.wrap > .stappen-lijst + .proza,.wrap > .proza + .stappen-lijst,.wrap > .pakketten + .proza,
.wrap > .raster + .note{margin-top:24px;}
.wrap > .vinkjes{margin:18px 0;max-width:76ch;}

/* rijen met een stippellijn ertussen */
.rijen > div{padding:18px 0;border-top:2px dotted var(--stip);}
.rijen h3{font-family:var(--tekst);font-weight:500;font-size:var(--m);margin-bottom:6px;}
.rijen p{color:var(--zacht);}

/* --- vinkjes ---------------------------------------------------------------------- */
.vinkjes{display:grid;gap:10px;}
.vinkjes li{position:relative;padding-left:30px;line-height:1.5;}
.vinkjes li::before{content:"";position:absolute;left:2px;top:.32em;width:7px;height:12px;border:solid var(--accent);
  border-width:0 2px 2px 0;transform:rotate(45deg);}
.sec--merk .vinkjes li,.sec--donker .vinkjes li{color:var(--wit);}
.sec--accent .vinkjes li::before{border-color:var(--inkt);}

/* --- werkwijze (home): drie stappen als genummerde menuregels ----------------------------- */
.werkstappen{counter-reset:ws;display:grid;gap:0;}
.werkstappen li{position:relative;padding:22px 0 22px 72px;border-top:2px dotted var(--stip);}
.werkstappen li:last-child{border-bottom:2px dotted var(--stip);}
.werkstappen li::before{counter-increment:ws;content:counter(ws,decimal-leading-zero);position:absolute;left:0;top:18px;
  font-family:var(--kop);font-weight:700;font-size:var(--l);line-height:1;color:var(--accent);}
.werkstappen h3{font-size:var(--m);margin-bottom:6px;font-family:var(--tekst);font-weight:500;}
.werkstappen p{color:var(--zacht);}

/* stappen van de motor en de genummerde lijst uit de markdown */
.stappen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);}
.stap{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,30px);border-radius:var(--r);background:var(--grond);}
.sec--licht .stap{background:var(--wit);}
.stap__wanneer{font-family:var(--kop);font-weight:700;font-size:var(--l);color:var(--accent);}
.stap p{color:var(--zacht);}
.stappen-lijst{counter-reset:stap;display:grid;gap:0;margin:18px 0;max-width:80ch;}
.stappen-lijst li{position:relative;padding:14px 0 14px 52px;color:var(--zacht);border-top:2px dotted var(--stip);}
.stappen-lijst li:last-child{border-bottom:2px dotted var(--stip);}
.stappen-lijst li::before{counter-increment:stap;content:counter(stap);position:absolute;left:0;top:10px;
  font-family:var(--kop);font-weight:700;font-size:var(--l);line-height:1;color:var(--accent);}
.stappen-lijst strong{color:var(--inkt);}
.sec--merk .stappen-lijst li{color:var(--zacht-licht);border-color:var(--stip-licht);}
.sec--merk .stappen-lijst strong{color:var(--wit);}

/* --- lijst "wat een klant zoekt" -------------------------------------------------------- */
.menulijst{display:grid;gap:0;max-width:64ch;}
.menulijst li{padding:14px 0;border-top:2px dotted var(--stip);color:var(--zacht);}
.menulijst li:last-child{border-bottom:2px dotted var(--stip);}
.menulijst strong{display:block;color:var(--inkt);font-family:var(--kop);font-weight:700;font-size:var(--m);margin-bottom:2px;}
.menulijst__slot{margin-top:24px;font-size:var(--s);}

/* --- pakketten: naam ...... prijs ------------------------------------------------------- */
.pakketten{align-items:stretch;}
.pakket{position:relative;background:var(--wit);color:var(--inkt);border-radius:var(--r);border:1px solid var(--lijn);
  padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:12px;}
.sec:not(.sec--licht) .pakket{background:var(--grond);border-color:transparent;}
.pakket--uit{background:var(--merk) !important;color:var(--wit);border-color:var(--merk) !important;}
.pakket--uit .pakket__voor,.pakket--uit .prijs__duur{color:var(--zacht-licht) !important;}
.pakket--uit .vinkjes li{color:var(--wit) !important;}
.pakket--uit .leader__lijn{border-bottom-color:var(--stip-licht);}
.pakket--uit .leader__prijs{color:var(--accent);}
.pakket__kop{margin-top:6px;}
.pakket__kop h3,.pakket__kop .leader__naam{font-size:var(--l);line-height:1.1;}
.pakket__kop .leader__prijs{font-family:var(--kop);font-weight:700;font-size:var(--l);line-height:1.1;}
.pakket__voor,.pakket p{color:var(--zacht);font-size:var(--s);}
.pakket .vinkjes{flex-grow:1;align-content:start;margin:8px 0 14px;padding-top:16px;border-top:1px solid var(--lijn);}
.pakket--uit .vinkjes{border-top-color:var(--lijn-licht);}
.pakket .vinkjes li{color:var(--inkt);font-size:var(--s);}
.pakket .knop{width:100%;}
.prijs,.leader__prijs,.uitkomst output{font-variant-numeric:lining-nums tabular-nums;}
.prijs{font-family:var(--kop);font-weight:700;font-size:var(--xl);line-height:1;white-space:nowrap;}
.prijs__duur{font-size:var(--xs);color:var(--zacht);margin-top:-6px;}
.merkje{align-self:flex-start;font-variant-caps:all-small-caps;letter-spacing:.14em;font-weight:500;font-size:var(--s);
  color:var(--accent);line-height:1;border-bottom:2px solid var(--accent);padding-bottom:4px;}
.losse{margin-top:clamp(24px,2.6vw,32px);background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);
  padding:clamp(20px,2.2vw,28px) clamp(22px,2.4vw,32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 48px;}
.losse__kop{grid-column:1 / -1;font-family:var(--kop);font-weight:700;font-size:var(--m);margin-bottom:6px;}
.losse .leader{padding:8px 0;}
.note{margin-top:20px;color:var(--zacht);font-size:var(--xs);max-width:92ch;}
.sec--donker .note,.sec--merk .note{color:var(--zacht-licht);}
.sec--accent .note{color:var(--inkt);}
.note a{text-underline-offset:4px;}

/* --- tabel: rijen met stippellijnen, prijzen rechts ------------------------------------------ */
.tabel-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:8px 0;border-radius:var(--r);
  border:1px solid var(--lijn);background:var(--wit);}
.tabel{width:100%;border-collapse:collapse;background:var(--wit);color:var(--inkt);}
.tabel th,.tabel td{padding:14px 18px;text-align:left;vertical-align:top;border-top:2px dotted var(--stip);
  font-size:var(--s);overflow-wrap:break-word;}
.tabel thead th{background:var(--merk);color:var(--wit);font-weight:500;font-size:var(--xs);border-top:0;
  font-variant-caps:all-small-caps;letter-spacing:.1em;}
.tabel tbody tr:first-child td,.tabel tbody tr:first-child th{border-top:0;}
.tabel tbody th{font-weight:500;}
.tabel td:last-child{font-variant-numeric:tabular-nums;}
.tabel tbody tr:hover td{background:rgba(251,240,243,.7);}
.sec--merk .tabel-wrap{border-color:transparent;}

/* --- zekerheden: zwart vlak, vijf genummerde regels ------------------------------------ */
.zekerheden{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2vw,26px);}
.zekerheid{border-top:2px dotted var(--stip-licht);padding:20px 0 0;display:flex;flex-direction:column;gap:10px;}
.zekerheid__nr{font-family:var(--kop);font-weight:700;font-size:var(--xl);line-height:1;color:var(--accent);}
.zekerheid h3{font-size:var(--m);line-height:1.25;}
.zekerheid p{font-size:var(--s);}

/* --- foto's: hoek 0 ---------------------------------------------------------------- */
.foto{margin:0;position:relative;}
.foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;}
.foto--staand img{aspect-ratio:4/5;}
.foto--hoog img{aspect-ratio:5/6;object-position:30% center;}
.foto--breed img{aspect-ratio:16/9;}
.foto--shot img{aspect-ratio:16/10;object-position:top;border:1px solid var(--lijn);}
.wrap > .foto--breed,.wrap > .foto--shot{margin-top:clamp(28px,3.4vw,44px);}
.wrap > .foto--shot{max-width:760px;}
.foto figcaption{margin-top:12px;font-size:var(--xs);color:var(--zacht);}

/* --- de afsprakendemo (dienst, medewerker, tijd) ----------------------------------------- */
.boek{background:var(--wit);color:var(--inkt);border-radius:var(--r);border:1px solid var(--lijn);
  padding:clamp(20px,2.4vw,30px);width:100%;max-width:500px;justify-self:end;}
.boek__kop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding-bottom:14px;
  border-bottom:1px solid var(--lijn);}
.boek__titel{font-family:var(--kop);font-weight:700;font-size:26px;line-height:1.1;white-space:nowrap;}
.boek__tag{font-variant-caps:all-small-caps;letter-spacing:.14em;color:var(--accent);font-weight:500;white-space:nowrap;}
.boek__balk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0 4px;counter-reset:bb;}
.boek__balk li{counter-increment:bb;font-size:var(--xs);color:var(--zacht);padding-top:8px;border-top:3px solid var(--grond);}
.boek__balk li::before{content:counter(bb) " ";font-weight:500;}
.boek__balk li.is-af{border-top-color:var(--inkt);color:var(--inkt);}
.boek__balk li.is-hier{border-top-color:var(--accent);color:var(--inkt);font-weight:500;}
.boek__vraag{font-family:var(--kop);font-weight:700;font-size:var(--m);margin:16px 0 8px;}
.boek__lijst{display:grid;}
.boek__keuze{display:flex;flex-wrap:wrap;width:100%;text-align:left;background:none;border:0;border-top:2px dotted var(--stip);
  padding:12px 4px;min-height:52px;cursor:pointer;font-size:var(--s);}
.boek__keuze:last-child{border-bottom:2px dotted var(--stip);}
.boek__keuze .leader__prijs{color:var(--inkt);}
.boek__duur{flex-basis:100%;font-size:var(--xs);color:var(--zacht);}
.boek__keuze:hover,.boek__keuze:focus-visible{background:var(--grond);}
.boek__mensen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.boek__mens{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;min-height:60px;
  border:1px solid var(--lijn);border-radius:var(--rk);background:var(--wit);cursor:pointer;}
.boek__mens:hover,.boek__mens:focus-visible{border-color:var(--accent);}
.boek__mens strong{display:block;font-weight:500;line-height:1.2;}
.boek__mens small{display:block;font-size:var(--xs);color:var(--zacht);line-height:1.3;}
.boek__avatar{flex:none;width:36px;height:36px;border-radius:50%;background:var(--merk);color:var(--wit);
  display:inline-flex;align-items:center;justify-content:center;font-family:var(--kop);font-weight:700;}
.boek__dagen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.boek__dag{min-height:44px;border:1px solid var(--lijn);border-radius:var(--rk);background:var(--wit);cursor:pointer;
  font-weight:500;font-size:var(--xs);}
.boek__dag[aria-pressed="true"]{background:var(--merk);border-color:var(--merk);color:var(--wit);}
.boek__tijden{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;}
.boek__tijd{min-height:44px;border:1px solid var(--lijn-sterk);border-radius:var(--rk);background:var(--wit);cursor:pointer;
  font-variant-numeric:tabular-nums;font-weight:500;}
.boek__tijd:hover,.boek__tijd:focus-visible{border-color:var(--accent);color:var(--accent);}
.boek__tijd:disabled{cursor:not-allowed;color:rgba(29,18,23,.32);border-style:dashed;border-color:var(--lijn);
  text-decoration:line-through;}
.boek__terug{margin-top:12px;min-height:44px;padding:0;border:0;background:none;font-weight:500;cursor:pointer;
  text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px;}
.boek__terug::before{content:"\2039  ";}
.boek__ok{font-family:var(--kop);font-weight:700;font-size:var(--l);line-height:1.15;margin-top:18px;}
.boek__ok::after{content:"";display:block;width:40px;height:3px;background:var(--accent);margin-top:14px;}
.boek__overzicht{margin:14px 0 0;}
.boek__overzicht div{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-top:2px dotted var(--stip);}
.boek__overzicht dt{color:var(--zacht);font-size:var(--xs);flex:none;}
.boek__overzicht dt::after{content:"";}
.boek__overzicht dd{margin:0 0 0 auto;text-align:right;font-weight:500;}
.boek__noot{font-size:var(--xs);color:var(--zacht);margin-top:12px;}
.sec--merk .boek p.boek__noot,.sec--merk .boek .boek__duur{color:var(--zacht);}
.boek__opnieuw{margin-top:10px;min-height:44px;padding:0;border:0;background:none;font-weight:500;cursor:pointer;
  text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px;}
.boek--compact{max-width:460px;}
.boek__onder{margin-top:14px;font-size:var(--xs);max-width:460px;justify-self:end;margin-left:auto;}
.sec--merk .boek{border-color:transparent;}
.sec--merk .boek .boek__vraag,.sec--merk .boek h3{color:var(--inkt);}
.sec--merk .boek p{color:inherit;}
.split--demo > div:last-child{display:flex;flex-direction:column;align-items:flex-end;}

/* --- demo-kaarten en voorbeelden ----------------------------------------------------------- */
.kaart__beeld{margin:calc(-1*clamp(22px,2.2vw,30px)) calc(-1*clamp(22px,2.2vw,30px)) 10px;
  border-radius:15px 15px 0 0;overflow:hidden;border-bottom:1px solid var(--lijn);}
.kaart__beeld img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;}
.kaart--demo{background:var(--wit) !important;border-color:var(--lijn) !important;}
.kaart--demo h3{font-size:var(--l);}
.kaart--demo p{font-size:var(--s);}
.kaart--demo .pijl::after{content:" \203A";}
.raster--3.voorbeelden{align-items:stretch;}
.voorbeelden__lead{margin-bottom:28px;max-width:70ch;}
.voorbeeld{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;}
.voorbeeld__beeld{overflow:hidden;border:1px solid var(--lijn);background:var(--wit);}
.voorbeeld__beeld img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .3s ease;}
.voorbeeld:hover .voorbeeld__beeld img{transform:scale(1.02);}
.voorbeeld h3{font-size:var(--l);margin-top:10px;}
.voorbeeld__pakket{font-size:var(--xs);color:var(--zacht);}

/* --- faq: uitklapbaar, eerste open ------------------------------------------------------- */
.faq{display:grid;gap:0;border-top:2px dotted var(--stip);}
.vraag{border-bottom:2px dotted var(--stip);}
.vraag summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:18px 0;min-height:64px;}
.vraag summary::-webkit-details-marker{display:none;}
.vraag summary h3{margin:0;font-family:var(--tekst);font-weight:500;font-size:var(--m);line-height:1.35;}
.vraag summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:var(--rk);border:1px solid var(--inkt);
  display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;}
.vraag[open] summary::after{content:"\2212";background:var(--accent);border-color:var(--accent);color:var(--inkt);}
.vraag__a{padding:0 0 22px;}
.vraag__a p{color:var(--zacht);line-height:1.65;max-width:72ch;}
.vraag__a p + p{margin-top:10px;}
.vraag__a a{text-underline-offset:4px;text-decoration-color:var(--accent);}
.faqblok{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start;}
.faqblok .kopblok{margin-bottom:0;position:sticky;top:110px;}

/* --- cta-band: framboos, zwarte knop ----------------------------------------------------- */
.cta__in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;}
.cta .kopblok{margin-bottom:0;max-width:none;}
.cta h2{max-width:18em;color:var(--inkt);}
.cta .lead{margin-top:18px;max-width:60ch;color:var(--inkt);}
.cta .lead a{text-decoration-color:var(--inkt);}
.cta__acties{display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.cta__acties .knoprij{margin-top:0;}
.cta .knop--lijn{color:var(--inkt);border-color:var(--inkt);}
.cta__mail{display:flex;flex-wrap:wrap;gap:8px 24px;font-weight:500;}
.cta__mail a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px;overflow-wrap:anywhere;color:var(--inkt);}

/* --- formulier ----------------------------------------------------------------------- */
.form,.offerte{background:var(--wit);color:var(--inkt);border-radius:var(--r);border:1px solid var(--lijn);
  padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;gap:clamp(20px,2.4vw,26px);margin:0;}
.offerte fieldset{margin:0;padding:0;border:0;min-width:0;}
.offerte legend{padding:0;margin-bottom:12px;font-family:var(--kop);font-weight:700;font-size:var(--m);}
.offerte fieldset + fieldset{margin-top:20px;}
.keuzes{display:flex;flex-wrap:wrap;gap:8px;}
.keuze{position:relative;display:inline-flex;}
.keuze input{position:absolute;opacity:0;width:1px;height:1px;}
.keuze span{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:var(--rk);
  border:1px solid var(--lijn-sterk);background:var(--wit);cursor:pointer;line-height:1.25;font-weight:500;font-size:var(--s);}
.keuze span:hover{border-color:var(--accent);}
.keuze input:checked + span{background:var(--merk);border-color:var(--merk);color:var(--wit);}
.keuze input:focus-visible + span{outline:2px solid var(--accent);outline-offset:3px;}
.formvelden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.veld{display:flex;flex-direction:column;gap:6px;min-width:0;}
.veld--breed{grid-column:1 / -1;}
.veld label{font-weight:500;font-size:var(--xs);}
.vereist{color:var(--accent);}
.veld input,.veld select,.veld textarea{font:inherit;color:inherit;background:var(--wit);border:1px solid var(--lijn-sterk);
  border-radius:var(--rk);padding:0 14px;min-height:50px;width:100%;}
.veld textarea{padding:12px 14px;min-height:120px;resize:vertical;}
.veld input:focus,.veld select:focus,.veld textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);}
.veld__hulp{font-size:var(--xs);color:var(--zacht);}
.uitkomst{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;
  padding:18px 20px;background:var(--merk);color:var(--wit);border-radius:var(--rk);}
.uitkomst div{flex:1 1 220px;min-width:0;display:grid;gap:2px;}
.uitkomst div strong{font-weight:500;font-size:var(--xs);}
.uitkomst div span{font-size:var(--xs);color:var(--zacht-licht);}
.uitkomst output{font-family:var(--kop);font-weight:700;font-size:var(--xl);line-height:1;white-space:nowrap;
  font-variant-numeric:tabular-nums;color:var(--accent);}
.akkoord{display:flex;gap:12px;align-items:flex-start;font-size:var(--xs);color:var(--zacht);}
.akkoord input{margin-top:2px;width:22px;height:22px;accent-color:var(--accent);flex:none;}
.akkoord a{text-underline-offset:4px;}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form button[type=submit],.offerte button[type=submit]{width:100%;}
.form .note,.offerte .note{margin-top:0;}
.offerte__tussenkop{font-size:var(--m);margin:32px 0 8px;}

/* stappenformulier */
.fstap{display:grid;gap:clamp(16px,2vw,22px);}
.offerte--stappen .fstap[hidden]{display:none;}
.fstap__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.fstap__teller{flex:1 1 auto;text-align:center;font-size:var(--xs);font-weight:500;color:var(--zacht);}
.fstap__nav .knop{min-height:48px;padding:11px 20px;}
.fstap__balk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
.fstap__balk span{height:3px;background:var(--grond);}
.fstap__balk span.is-af{background:var(--inkt);}
.fstap__balk span.is-hier{background:var(--accent);}

/* de prijscalculator en rekenhulp van de motor, voor het geval een pagina ze gebruikt */
.calc{background:var(--wit);border-radius:var(--r);border:1px solid var(--lijn);padding:clamp(22px,3vw,36px);display:grid;gap:18px;}
.calc h3{font-size:var(--m);}
.calc__groep{display:grid;gap:8px;}
.calc__optie{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--lijn-sterk);border-radius:var(--rk);cursor:pointer;}
.calc__optie input{margin-top:3px;accent-color:var(--accent);}
.calc__optie.is-inbegrepen{opacity:.55;}
.calc__bedrag{font-weight:500;color:var(--accent);}
.calc__duur{display:block;font-size:var(--xs);color:var(--zacht);}
.calc__uitkomst{display:grid;gap:2px;padding:16px 20px;background:var(--grond);border-radius:var(--rk);}
.calc__label{font-size:var(--xs);font-weight:500;}
.calc__totaal{font-family:var(--kop);font-weight:700;font-size:var(--xl);line-height:1;}
.rekenhulp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(24px,3.5vw,48px);align-items:start;}
.rekenhulp > .knoprij,.rekenhulp > .note{grid-column:1 / -1;margin-top:0;}
.rekenhulp__in{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);padding:clamp(22px,2.6vw,34px);display:grid;gap:24px;}
.rekenhulp__groep{margin:0;padding:0;border:0;min-width:0;display:grid;gap:14px;}
.rekenhulp__uit{background:var(--merk);color:var(--wit);border-radius:var(--r);padding:clamp(22px,2.6vw,34px);display:grid;gap:10px;}
.rekenhulp__rij{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:2px dotted var(--stip-licht);}
.rekenhulp__label{color:var(--zacht-licht);font-size:var(--xs);}
.rekenhulp__getal{font-family:var(--kop);font-weight:700;font-size:var(--m);white-space:nowrap;color:var(--accent);}
.rekenhulp__melding{font-size:var(--s);}
.rekenhulp__melding:empty{display:none;}
.rekenhulp__waarde{font-weight:500;font-size:var(--xs);color:var(--accent);}

/* --- contactregels en kleine stukken --------------------------------------------------- */
.contactregels{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:16px;}
.contactregels a{display:inline-flex;align-items:center;min-height:44px;font-weight:500;text-decoration:underline;
  text-decoration-thickness:2px;text-decoration-color:var(--accent);text-underline-offset:6px;overflow-wrap:anywhere;}
.bedankt__kop{margin-top:clamp(48px,5vw,72px);}
.proza--lang{max-width:76ch;}
.proza--lang h2{margin:48px 0 14px;font-size:var(--l);}
.proza--lang h2:first-child{margin-top:0;}

/* --- voet: zwart, vier kolommen, regels met stippellijn-leader ----------------------------- */
.voet{background:var(--merk);color:var(--zacht-licht);padding:clamp(60px,6.4vw,88px) 0 28px;}
.voet__raster{display:grid;grid-template-columns:1.2fr 1.1fr 1.1fr 1.2fr;gap:clamp(24px,3.4vw,52px);}
.voet__kol{min-width:0;}
.voet__kop{font-family:var(--tekst);font-weight:500;font-size:var(--s);font-variant-caps:all-small-caps;letter-spacing:.14em;
  color:var(--accent);margin-bottom:14px;}
.voet__kol:first-child .voet__kop{font-family:var(--kop);font-weight:700;font-size:var(--m);letter-spacing:0;
  font-variant-caps:normal;color:var(--wit);overflow-wrap:break-word;}
.voet li{min-height:38px;display:flex;align-items:center;font-size:var(--s);}
.voet a{text-decoration:none;color:var(--wit);overflow-wrap:break-word;min-width:0;}
.voet__kol:not(:first-child) li a{display:flex;align-items:baseline;gap:10px;width:100%;}
.voet__kol:not(:first-child) li a[href^="mailto"]::after{content:none;}
.voet__kol:not(:first-child) li a:not([href^="mailto"])::after{content:"";flex:1 1 16px;min-width:16px;border-bottom:2px dotted var(--stip-licht);
  transform:translateY(-.28em);}
.voet__kol:last-child a{overflow-wrap:anywhere;}
.voet a:hover{color:var(--accent);}
.voet__onder{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;
  margin-top:clamp(40px,4.6vw,60px);padding-top:20px;border-top:1px solid var(--lijn-licht);font-size:var(--xs);}
.voet__onder a{display:inline-flex;align-items:center;min-height:44px;color:var(--wit);text-decoration:underline;
  text-decoration-color:var(--accent);text-underline-offset:5px;}

/* --- smal --------------------------------------------------------------------------- */
@media (max-width:1240px){
  .zekerheden{grid-template-columns:repeat(3,minmax(0,1fr));}
  .kop__acties .tel{display:none;}
  .raster--4{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1100px){
  .nav{display:none;}
  .usp{grid-template-columns:repeat(2,minmax(0,1fr));}
  .voet__raster{grid-template-columns:1fr 1fr;}
  .raster--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hero--split{grid-template-columns:minmax(0,1fr);min-height:0;}
  .hero__links{justify-content:flex-start;padding:56px 0 40px;}
  .hero__tekst{max-width:none;padding:0 var(--gut);}
  .hero__foto{min-height:0;height:clamp(300px,52vw,520px);order:3;}
  .prijskaart{position:relative;left:auto;top:auto;bottom:auto;transform:none;margin:0 var(--gut) 40px;width:auto;max-width:420px;order:2;}
}
@media (max-width:900px){
  .split,.split--tekst,.split--beeld,.split--demo,.cta__in,.rekenhulp,.faqblok,.stappen{grid-template-columns:minmax(0,1fr);}
  .faqblok .kopblok{position:static;}
  .split--form > div:last-child{order:-1;}
  .raster--3,.raster--5,.zekerheden{grid-template-columns:repeat(2,minmax(0,1fr));}
  .split .foto{max-width:560px;}
  .split--demo > div:last-child{align-items:stretch;}
  .boek,.boek__onder{max-width:none;justify-self:stretch;margin-left:0;}
}
@media (max-width:720px){
  .kop__in{min-height:68px;gap:12px;}
  .kop__acties{display:none;}
  .menuknop{display:flex;flex:none;}
  .kop.is-open .mobielmenu{display:flex;}
  .merk{font-size:var(--s);white-space:normal;overflow-wrap:anywhere;min-width:0;}
  .raster--2,.raster--3,.raster--4,.raster--5,.zekerheden,.formvelden,.losse{grid-template-columns:minmax(0,1fr);}
  .voet__raster{grid-template-columns:1fr;}
  h1,.hero h1,.hero--kaal h1{font-size:40px;}
  h2{font-size:30px;}
  .hero__links{padding:44px 0 32px;}
  .prijskaart{margin:0 var(--gut) 32px;padding:22px 20px;}
  .hero .knop,.cta .knop,.knoprij .knop{width:100%;}
  .usp{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;}
  .usp__item h3{font-size:var(--s);}
  .usp__item p{font-size:var(--xs);}
  .werktmet__lijst{font-size:var(--s);gap:4px 18px;}
  .werkstappen li{padding-left:56px;}
  .tabel th,.tabel td{padding:11px 12px;font-size:var(--xs);}
  .tabel-wrap .tabel:has(tr > :nth-child(4)){min-width:620px;}
  .voet__onder{flex-direction:column;align-items:flex-start;}
  .vraag summary h3{font-size:var(--s);}
  .boek__mensen{grid-template-columns:minmax(0,1fr);}
  .pakket__kop h3,.pakket__kop .leader__naam,.pakket__kop .leader__prijs{font-size:26px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .kaart--link,.voorbeeld__beeld img,.knop{transition:none;}
}

/* case-kaarten met screenshot: afspraken-regel als label plus tekst, domein klein */
.kaart--shot .leader--klein{display:block;}
.kaart--shot .leader--klein .leader__lijn{display:none;}
.kaart--shot .leader--klein .leader__naam{display:block;font-variant-caps:all-small-caps;letter-spacing:.12em;color:var(--zacht);}
.kaart--shot .leader--klein .leader__prijs{display:block;text-align:left;white-space:normal;font-size:15px;}
.kaart--shot .tekstlink,.kaart--case .tekstlink{display:inline;min-height:0;padding:6px 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere;}