:root{
  --zwart:#0F0F12; --paneel:#1D1D24; --paneel2:#26262F; --lijn:#3A3A46;
  --wit:#F7F6F2; --grijs:#BAB6AC; --grijs2:#8B8880;
  --goud:#D9B565; --goud-dim:#8C6F3A; --wapenrood:#D9333F; --wapenrood-dim:#9B1E29;
  --f-kop:"Archivo",Arial,sans-serif; --f-body:"IBM Plex Sans",Arial,sans-serif;
  --max:74rem;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--zwart);color:var(--wit);font-family:var(--f-body);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem);}
a{color:inherit;}
img,svg{max-width:100%;}
h1,h2,h3{font-family:var(--f-kop);margin:0;letter-spacing:-.01em;}

/* ── Concept-balk ─────────────────────────────────────── */
.concept-balk{background:var(--wapenrood-dim);color:var(--wit);text-align:center;font-size:.82rem;padding:.55rem 1rem;font-weight:600;}

/* ── Nav ──────────────────────────────────────────────── */
header{position:sticky;top:0;z-index:20;background:rgba(15,15,18,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--lijn);box-shadow:0 4px 18px -10px rgba(0,0,0,.55);}
nav.wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:.8rem;padding-bottom:.8rem;}
.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--f-kop);font-weight:700;}
.brand img{height:42px;width:42px;object-fit:contain;}
.brand .bn{display:flex;flex-direction:column;line-height:1.05;}
.brand .bn b{color:var(--goud);font-size:1.02rem;letter-spacing:.02em;}
.brand .bn span{color:var(--wapenrood);font-size:.62rem;letter-spacing:.14em;font-weight:600;}
.navlinks{display:flex;gap:1.6rem;font-size:.9rem;font-weight:500;}
.navlinks a{text-decoration:none;color:var(--grijs);transition:.15s;}
.navlinks a:hover,.navlinks a.active{color:var(--wit);}
.navcta{display:flex;gap:.6rem;align-items:center;flex-shrink:0;}
.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:99px;font-weight:700;font-size:.86rem;text-decoration:none;border:1px solid transparent;white-space:nowrap;cursor:pointer;transition:.15s;}
.btn-goud{background:var(--goud);color:var(--zwart);box-shadow:0 6px 16px -8px rgba(217,181,101,.5);}
.btn-goud:hover{background:#e2c37c;transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(217,181,101,.65);}
.btn-ghost{border-color:var(--goud-dim);color:var(--goud);}
.btn-ghost:hover{border-color:var(--goud);}
.btn-wit{background:var(--wit);color:var(--zwart);box-shadow:0 6px 16px -8px rgba(0,0,0,.3);}
.btn-wit:hover{transform:translateY(-1px);}
@media (max-width:820px){.navlinks{display:none;}}
@media (max-width:480px){
  nav.wrap{gap:.6rem;}
  .brand img{height:34px;width:34px;object-fit:contain;}
  .brand .bn b{font-size:.88rem;}
  .brand .bn span{font-size:.54rem;letter-spacing:.1em;}
  .navcta{gap:.4rem;}
  .navcta .btn-ghost{padding:.5rem;border-radius:50%;}
  .navcta .btn-ghost .btn-label{display:none;}
  .navcta .btn-ghost svg{margin:0;}
  .navcta .btn-goud{padding:.55rem .85rem;font-size:.78rem;}
}

/* ── Hero (homepage) ──────────────────────────────────── */
.hero{padding:clamp(3.5rem,9vw,6rem) 0 clamp(2.5rem,6vw,4rem);border-bottom:1px solid var(--lijn);
      background:radial-gradient(ellipse 900px 500px at 80% -10%, rgba(217,181,101,.12), transparent 60%);}
.hero.foto{position:relative;background-size:cover;background-position:center;}
.hero.foto::before{content:"";position:absolute;inset:0;
      background:linear-gradient(100deg, rgba(15,15,18,.96) 0%, rgba(15,15,18,.86) 40%, rgba(15,15,18,.55) 75%, rgba(15,15,18,.3) 100%),
                  radial-gradient(ellipse 900px 500px at 80% -10%, rgba(217,181,101,.10), transparent 60%);}
.hero.foto > .wrap, .hero.foto > .boekband{position:relative;z-index:1;}
.eyebrow{font-family:var(--f-body);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--goud);font-weight:700;margin-bottom:1rem;}
h1.hero-kop{font-size:clamp(2.3rem,6vw,3.9rem);font-weight:800;line-height:1.04;max-width:16ch;}
h1.hero-kop em{font-style:normal;color:var(--goud);}
.hero p.lead{max-width:44ch;color:var(--grijs);font-size:1.08rem;margin:1.1rem 0 1.8rem;}
.hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap;}
.usp-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1px;background:var(--lijn);border:1px solid var(--lijn);margin-top:2.75rem;}
.usp{background:var(--paneel);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start;}
.usp svg{flex-shrink:0;color:var(--goud);width:22px;height:22px;margin-top:.1rem;}
.usp b{display:block;font-size:.92rem;}
.usp span{display:block;font-size:.8rem;color:var(--grijs2);margin-top:.15rem;}

/* ── Pagina-kop (sub-pagina's, i.p.v. de grote homepage-hero) ───────── */
.pagekop{padding:clamp(2.6rem,6vw,3.6rem) 0 clamp(2rem,5vw,2.6rem);border-bottom:1px solid var(--lijn);
      background:radial-gradient(ellipse 800px 400px at 85% -20%, rgba(217,181,101,.10), transparent 60%);}
.pagekop.foto{position:relative;background-size:cover;background-position:center;padding:clamp(3.5rem,10vw,6rem) 0 clamp(2.4rem,6vw,3.4rem);}
.pagekop.foto::before{content:"";position:absolute;inset:0;
      background:linear-gradient(180deg, rgba(15,15,18,.55) 0%, rgba(15,15,18,.88) 75%, var(--zwart) 100%);}
.pagekop.foto .wrap{position:relative;z-index:1;}
.breadcrumb{display:flex;gap:.4rem;align-items:center;font-size:.82rem;color:var(--grijs2);margin-bottom:1rem;}
.breadcrumb a{text-decoration:none;color:var(--grijs2);}
.breadcrumb a:hover{color:var(--goud);}
h1.pagekop-kop{font-size:clamp(1.9rem,4.6vw,2.9rem);font-weight:800;line-height:1.08;max-width:24ch;}
.pagekop p.lead{max-width:52ch;color:var(--grijs);font-size:1.02rem;margin:.9rem 0 0;}

/* ── Boek-band ────────────────────────────────────────── */
.boekband{background:linear-gradient(135deg,var(--wapenrood),var(--wapenrood-dim));margin:3.5rem 0 0;padding:2.4rem clamp(1.5rem,5vw,3rem);border-radius:14px;box-shadow:0 20px 44px -18px rgba(217,51,63,.4),0 4px 14px -6px rgba(0,0,0,.35);}
.boekband-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;}
.boekband h2{font-size:1.6rem;color:var(--wit);}
.boekband p{color:#FBDBDE;margin:.4rem 0 0;max-width:38ch;font-size:.95rem;}
.boekband .btns{display:flex;gap:.7rem;flex-wrap:wrap;}

/* standalone boekband (buiten .hero, met eigen wrap) */
.boekband-standalone{max-width:var(--max);margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem);}
.boekband-standalone .boekband{margin-top:0;}

/* ── Sections ─────────────────────────────────────────── */
section{padding:clamp(3.5rem,7vw,5rem) 0;}
.sectie-paneel{background:var(--paneel2);border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);}
.sec-head{max-width:38rem;margin:0 auto 2.4rem;text-align:center;}
.sec-head.links{text-align:left;margin-left:0;}
.sec-eyebrow{font-family:var(--f-body);font-size:.72rem;letter-spacing:.16em;color:var(--goud);text-transform:uppercase;font-weight:700;}
h2.sec-kop{font-size:clamp(1.6rem,3.6vw,2.3rem);margin-top:.5rem;}
.sec-head p{color:var(--grijs);margin-top:.6rem;font-size:.98rem;}

/* diensten-kaarten (overzicht + homepage-teaser) */
.diensten{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:1.1rem;}
.dcard{background:var(--paneel);border:1px solid var(--lijn);border-radius:14px;padding:1.6rem 1.5rem;transition:.15s;text-decoration:none;display:block;color:inherit;}
.dcard{box-shadow:0 10px 26px -16px rgba(0,0,0,.6);}
.dcard:hover{border-color:var(--goud-dim);transform:translateY(-2px);box-shadow:0 18px 36px -16px rgba(0,0,0,.65);}
.dcard .dicon{width:46px;height:46px;border-radius:11px;background:rgba(217,181,101,.14);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;}
.dcard .dicon svg{width:24px;height:24px;color:var(--goud);}
.dcard h3{font-size:1.05rem;margin-bottom:.4rem;}
.dcard p{color:var(--grijs);font-size:.87rem;margin:0;}
.dcard .meer{display:inline-flex;align-items:center;gap:.3rem;color:var(--goud);font-size:.82rem;font-weight:600;margin-top:.9rem;}

/* tarieven */
.tarief-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:start;}
@media (max-width:880px){.tarief-grid{grid-template-columns:1fr;}}
table{width:100%;border-collapse:collapse;font-size:.92rem;}
thead th{text-align:left;font-family:var(--f-body);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grijs2);padding:.6rem .7rem;border-bottom:1px solid var(--lijn);}
tbody td{padding:.75rem .7rem;border-bottom:1px solid var(--lijn);}
tbody tr:last-child td{border-bottom:none;}
tr.hero-row td{background:rgba(217,181,101,.10);font-weight:700;box-shadow:inset 3px 0 0 var(--goud);}
.prijs-kaart{background:var(--paneel);border:1px solid var(--lijn);border-radius:14px;padding:1.8rem;box-shadow:0 10px 26px -16px rgba(0,0,0,.6);}
.prijs-kaart .p-groot{font-family:var(--f-kop);font-size:2.6rem;font-weight:800;color:var(--goud);line-height:1;}
.prijs-kaart .p-sub{color:var(--grijs);font-size:.85rem;margin-top:.4rem;}
.prijs-kaart ul{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-direction:column;gap:.6rem;}
.prijs-kaart li{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;color:var(--grijs);}
.prijs-kaart li svg{flex-shrink:0;width:16px;height:16px;color:var(--goud);margin-top:.2rem;}

/* regio / werkgebied lijst */
.regio-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;}
@media (max-width:820px){.regio-grid{grid-template-columns:1fr;}}
.regio-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem .8rem;font-size:.88rem;}
.regio-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--lijn);padding:.5rem 0;color:var(--grijs);}
.regio-list li b{color:var(--wit);font-weight:600;}
.regio-list li.hoofd{color:var(--goud);}
.regio-list li.hoofd b{color:var(--goud);}

/* werkgebied-kaarten (overzichtspagina) */
.regio-kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.1rem;}
.rcard{background:var(--paneel);border:1px solid var(--lijn);border-radius:14px;padding:1.5rem;text-decoration:none;color:inherit;display:block;box-shadow:0 10px 26px -16px rgba(0,0,0,.6);transition:.15s;}
.rcard:hover{border-color:var(--goud-dim);transform:translateY(-2px);box-shadow:0 18px 36px -16px rgba(0,0,0,.65);}
.rcard .afstand{font-family:var(--f-kop);font-size:1.7rem;font-weight:800;color:var(--goud);}
.rcard .afstand span{font-size:.85rem;font-weight:500;color:var(--grijs2);}
.rcard h3{font-size:1.02rem;margin:.5rem 0 .35rem;}
.rcard p{color:var(--grijs);font-size:.85rem;margin:0;}

/* generieke content-pagina (over-ons, contact) */
.content-page{max-width:44rem;}
.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.75rem;align-items:start;}
.content-grid .content-page{max-width:none;}
.content-foto{border-radius:16px;overflow:hidden;border:1px solid var(--lijn);position:sticky;top:6.5rem;}
.content-foto img{display:block;width:100%;height:auto;}
@media (max-width:880px){.content-grid{grid-template-columns:1fr;}.content-foto{position:static;order:-1;max-height:16rem;}.content-foto img{height:100%;object-fit:cover;}}
.content-page p{color:var(--grijs);margin:0 0 1rem;}
.content-page h2{font-size:1.3rem;margin:2rem 0 .7rem;}
.feiten-lijst{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.7rem;}
.feiten-lijst li{display:flex;gap:.6rem;font-size:.92rem;color:var(--grijs);}
.feiten-lijst li b{color:var(--wit);min-width:9rem;flex-shrink:0;}

/* contact-kaarten */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.1rem;margin-top:2rem;}
.ccard{background:var(--paneel);border:1px solid var(--lijn);border-radius:14px;padding:1.6rem;text-align:center;box-shadow:0 10px 26px -16px rgba(0,0,0,.6);}
.ccard .cicon{width:44px;height:44px;border-radius:11px;background:rgba(217,181,101,.14);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}
.ccard .cicon svg{width:22px;height:22px;color:var(--goud);}
.ccard h3{font-size:1rem;margin-bottom:.4rem;}
.ccard p{color:var(--grijs);font-size:.87rem;margin:0 0 .8rem;}

/* boek-widget (echte rit-aanvraag, verstuurt naar het echte nummer via bellen/sms) */
.widget{background:var(--paneel);border:1px solid var(--lijn);border-radius:16px;padding:clamp(1.6rem,4vw,2.4rem);max-width:38rem;margin:0 auto;text-align:left;box-shadow:0 20px 44px -20px rgba(0,0,0,.65);}
.widget h2{font-size:1.3rem;}
.widget .widget-sub{color:var(--grijs);font-size:.88rem;margin:.4rem 0 1.6rem;}
.widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;}
.widget-grid .full{grid-column:1/-1;}
@media (max-width:520px){.widget-grid{grid-template-columns:1fr;}}
.wfield{display:flex;flex-direction:column;gap:.35rem;}
.wfield label{font-size:.76rem;color:var(--grijs2);font-weight:600;letter-spacing:.03em;}
.wfield input,.wfield select{background:var(--paneel2);border:1px solid var(--lijn);color:var(--wit);border-radius:9px;padding:.65rem .8rem;font-family:var(--f-body);font-size:.92rem;}
.wfield input:focus,.wfield select:focus{outline:none;border-color:var(--goud);}
.wfield input[type="date"],.wfield input[type="time"]{cursor:pointer;}
.wfield input[type="date"]::-webkit-calendar-picker-indicator,
.wfield input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.85;}
.wfield input[type="date"]::-webkit-calendar-picker-indicator:hover,
.wfield input[type="time"]::-webkit-calendar-picker-indicator:hover{opacity:1;}
.w-voertuig-kiezer{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;}
.w-voertuig-optie{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;background:var(--paneel2);border:1.5px solid var(--lijn);border-radius:10px;padding:.6rem .5rem .55rem;cursor:pointer;transition:border-color .15s,background .15s;}
.w-voertuig-optie:hover{border-color:rgba(217,181,101,.5);}
.w-voertuig-optie input{position:absolute;opacity:0;width:1px;height:1px;}
.w-voertuig-optie img{width:100%;max-width:84px;height:auto;border-radius:6px;}
.w-voertuig-optie span{font-size:.78rem;color:var(--grijs2);font-weight:600;}
.w-hierknop{margin-top:.5rem;background:none;border:1px solid var(--goud-dim);color:var(--goud);border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;}
.w-hierknop:hover{border-color:var(--goud);}
.w-hierknop:disabled{opacity:.6;cursor:default;}
#w-hierfout{color:var(--wapenrood);font-size:.78rem;margin-top:.3rem;}
.w-voertuig-optie:has(input:checked){border-color:var(--goud);background:rgba(217,181,101,.08);}
.w-voertuig-optie:has(input:checked) span{color:var(--goud);}
.w-voertuig-optie:has(input:focus-visible){outline:2px solid var(--goud);outline-offset:2px;}
.w-extras-rij{display:flex;flex-wrap:wrap;gap:.5rem .9rem;}
.w-extra-optie{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--grijs);cursor:pointer;}
.w-extra-optie input{width:16px;height:16px;flex:none;}
.w-extra-optie span{color:var(--goud);font-weight:600;}
.widget-submit{width:100%;justify-content:center;margin-top:1.4rem;font-size:.96rem;padding:.85rem;}
.widget-result{display:none;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--lijn);}
.widget-result.show{display:block;}
.widget-result .samenvatting{background:var(--paneel2);border-radius:10px;padding:1rem 1.1rem;font-size:.88rem;color:var(--grijs);line-height:1.7;margin-bottom:1.1rem;white-space:pre-line;}
.widget-result .wr-btns{display:flex;gap:.7rem;flex-wrap:wrap;}
.widget-note{font-size:.78rem;color:var(--grijs2);margin-top:1rem;}
#w-map{width:100%;height:180px;border-radius:10px;overflow:hidden;border:1px solid var(--lijn);background:var(--paneel2);}
.w-route-info{font-size:.85rem;color:var(--grijs);margin-top:.55rem;text-align:center;}
.w-route-info b{color:var(--goud);}
.leaflet-container{background:var(--paneel2)!important;font-family:var(--f-body);}
footer{border-top:1px solid var(--lijn);padding:3rem 0 2rem;}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2.5rem;}
@media (max-width:720px){.foot-grid{grid-template-columns:1fr;gap:2rem;}}
.foot-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;}
.foot-brand img{height:36px;width:36px;object-fit:contain;}
footer p.desc{color:var(--grijs2);font-size:.85rem;max-width:30ch;}
footer h4{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--goud);margin-bottom:.9rem;}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;}
footer a{text-decoration:none;color:var(--grijs);font-size:.88rem;}
footer a:hover{color:var(--wit);}
.foot-bottom{border-top:1px solid var(--lijn);margin-top:2.5rem;padding-top:1.3rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:var(--grijs2);font-size:.78rem;}

/* ── DIENSTEN-SLIDER-20260825 ──────────────────────────────────────────────
   Zes kaarten onder elkaar kostte op mobiel bijna twee schermen scrollen.
   Nu een horizontale scroll-snap-rij: 3 zichtbaar op pc, 2 op tablet, 1 met
   een randje van de volgende op mobiel — dat randje is wat de bezoeker laat
   zien dát er meer is. Gescoped op .dslider: .diensten wordt ook op de
   dienstenpagina's gebruikt en moet daar een gewoon raster blijven. */
.dslider{position:relative;}
.dslider .diensten{
  display:flex;gap:1.1rem;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  padding:2px 2px .5rem;margin:-2px -2px 0;
}
.dslider .diensten::-webkit-scrollbar{display:none;}
.dslider .diensten:focus-visible{outline:2px solid var(--goud);outline-offset:4px;border-radius:14px;}
.dslider .dcard{flex:0 0 calc((100% - 2 * 1.1rem) / 3);scroll-snap-align:start;min-width:0;}
@media (max-width:1000px){ .dslider .dcard{flex-basis:calc((100% - 1.1rem) / 2);} }
@media (max-width:640px){  .dslider .dcard{flex-basis:86%;} }

.dslider-bediening{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.4rem;}
.dslider.dslider-enkel .dslider-bediening{display:none;}
.dslider-knop{
  width:42px;height:42px;flex:0 0 42px;border-radius:50%;
  background:var(--paneel);border:1px solid var(--lijn);color:var(--wit);
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;
}
.dslider-knop:hover:not(:disabled){border-color:var(--goud);color:var(--goud);}
.dslider-knop:disabled{opacity:.3;cursor:default;}
.dslider-knop svg{width:18px;height:18px;}
.dslider-punten{display:flex;align-items:center;gap:.4rem;}
.dslider-punt{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--lijn);cursor:pointer;transition:.2s;}
.dslider-punt[aria-current="true"]{background:var(--goud);width:22px;border-radius:4px;}

/* Zacht licht achter de dienstensectie — diepte zonder foto, dus zonder licentievraag. */
#diensten{position:relative;overflow:hidden;}
#diensten::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(62% 55% at 50% -6%, rgba(217,181,101,.11), transparent 68%);}
#diensten > .wrap{position:relative;}

/* ── DIENSTFOTOS-20260825 ──────────────────────────────────────────────────
   Foto boven in de kaart, niet áchter de tekst. Op dit donkere thema met goud
   zakt het contrast onderuit zodra je tekst over een foto legt. Vaste 16:9 plus
   width/height op de <img>: de browser reserveert de ruimte vóór het laden, dus
   de kaart verspringt niet. Bron: Pexels-licentie. */
.dcard{padding:0;overflow:hidden;display:flex;flex-direction:column;}
.dcard-foto{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;
  border-bottom:1px solid var(--lijn);filter:saturate(.9) brightness(.86);
  transition:filter .25s, transform .25s;}
.dcard:hover .dcard-foto{filter:saturate(1) brightness(1);}
.dcard .dicon{margin:-30px 0 .9rem 1.5rem;position:relative;z-index:1;
  background:var(--paneel);border:1px solid var(--lijn);}
.dcard h3{margin:0 1.5rem .4rem;}
.dcard p{margin:0 1.5rem 1.6rem;}
.dcard .meer{margin:0 1.5rem 1.5rem;}

@media (prefers-reduced-motion:reduce){
  .dslider .diensten{scroll-behavior:auto;}
  .dcard,.dcard-foto{transition:none;}
  .dcard:hover{transform:none;}
}

/* [25-08-2026] Prijskaartjes op de homepage. De markup (.kaart > .vanaf + .prijs)
   is overgenomen uit de oude demo; die klassen werden hier alleen BINNEN #reken
   opgemaakt, dus buiten de rekenmodule stonden ze ongestyled tegen elkaar aan
   ("vanaf€ 13,50"). Deze regels geven ze hun eigen plek. */
.kaart .vanaf{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);margin-top:.6rem}
.kaart .prijs{display:block;font-family:var(--f-kop);font-size:1.5rem;line-height:1.2;color:var(--goud,#e3b767);margin:.1rem 0 .35rem}
.kaart .vanaf + .prijs{margin-top:0}