/* VK3-ONTWERP-20261103 — het ontwerpsysteem van zaakstudio.nl. Laadt als laatste, na stijl, rust, seo en beweging. Nieuwe opmaak hier, met prefix .vk3-; bestaande klassen worden hier bewust gelijkgetrokken. */
:root{
  --vk3-inkt:#0F1218;--vk3-inkt-2:#171B22;--vk3-inkt-3:#232833;--vk3-lijn-d:rgba(255,255,255,.13);--vk3-tekst-d:#F4F5F2;--vk3-sub-d:#B9BEC8;
  --vk3-papier:#F4F4EF;--vk3-wit:#FFFFFF;--vk3-lijn:#DADCD5;--vk3-tekst:#0F1218;--vk3-sub:#4A505C;
  --vk3-lime:#D1FF3A;--vk3-lime-h:#E2FF7A;
  --vk3-rand:clamp(16px,4.45vw,64px);--vk3-breed:1312px;--vk3-sectie:clamp(64px,8vw,120px);
  --vk3-t0:.8125rem;--vk3-t1:.9375rem;--vk3-t2:1.0625rem;--vk3-t3:1.25rem;--vk3-t4:clamp(1.5rem,2.2vw,2rem);--vk3-t5:clamp(2rem,3.7vw,3.25rem);--vk3-t6:clamp(2.5rem,5.15vw,4.75rem);
  --vk3-r1:10px;--vk3-r2:14px;--vk3-r3:20px;--vk3-uit:cubic-bezier(.16,1,.3,1);
  --inkt:var(--vk3-inkt);--inkt-2:var(--vk3-inkt-2);--op-inkt:var(--vk3-tekst-d);--op-inkt-2:var(--vk3-sub-d);--papier:var(--vk3-papier);--op-papier-2:var(--vk3-sub);--op-violet-2:var(--vk3-sub);--lijn:var(--vk3-lijn);--lime:var(--vk3-lime);--rand:var(--vk3-rand);
}
html{scrollbar-color:#3A3F4B var(--vk3-inkt);scroll-padding-top:84px}
body{background:var(--vk3-inkt)}
::selection{background:var(--vk3-lime);color:var(--vk3-inkt)}
h1{font-size:var(--vk3-t6);line-height:1.03;letter-spacing:-.03em;font-weight:700}
h2,.kop-reus,.slot h2{font-size:var(--vk3-t5);line-height:1.06;letter-spacing:-.025em;font-weight:700;max-width:22ch}
h3{font-size:var(--vk3-t3);line-height:1.2;letter-spacing:-.012em;font-weight:700}
img{color:transparent}

/* knoppen */
.knop{border-radius:12px;box-shadow:none;font-weight:700}
.knop-groot{min-height:60px;padding:0 28px;font-size:var(--vk3-t2)}
.knop:hover{background:var(--vk3-lime-h);box-shadow:none;transform:none}
.knop svg{width:20px;height:20px}
.knop-inkt{background:var(--vk3-inkt);color:var(--vk3-tekst-d)}
.knop-inkt:hover{background:var(--vk3-inkt-3)}
.knop:active{transform:scale(.985)}
.vk3-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.vk3-link svg{width:18px;height:18px;transition:transform .2s var(--vk3-uit)}
.vk3-link:hover svg{transform:translateX(4px)}

/* menu */
.nav{top:0;left:0;translate:none;width:100%;gap:20px;padding:10px max(var(--vk3-rand),calc((100% - var(--vk3-breed))/2));border-radius:0;background:rgba(15,18,24,.97);box-shadow:0 1px 0 var(--vk3-lijn-d)}
.nav .knop-klein{min-height:44px;border-radius:10px}
.nav-links a,.nav-in{font-size:var(--vk3-t1)}
.nav[data-menu-open] .nav-links{left:var(--vk3-rand);right:var(--vk3-rand)}

/* secties */
.vk3-vlak{padding:var(--vk3-sectie) var(--vk3-rand);position:relative}
.vk3-vlak>*{max-width:var(--vk3-breed);margin-inline:auto}
.vk3-donker{background:var(--vk3-inkt);color:var(--vk3-tekst-d)}
.vk3-papier{background:var(--vk3-papier);color:var(--vk3-tekst)}
.vk3-lijnboven::before{content:"";display:block;max-width:var(--vk3-breed);height:1px;margin:calc(var(--vk3-sectie)*-1) auto var(--vk3-sectie);background:var(--vk3-lijn)}
.vk3-kop-rij{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(28px,3.4vw,48px)}
.vk3-kop-rij p{font-size:var(--vk3-t2);line-height:1.5;color:var(--vk3-sub-d);max-width:56ch}
.vk3-papier .vk3-kop-rij p{color:var(--vk3-sub)}
.vk3-kop-los{margin-bottom:clamp(28px,3.4vw,48px)}
.vk3-noot{margin-top:12px;font-size:var(--vk3-t0);line-height:1.45;color:var(--vk3-sub-d)}
.vk3-papier .vk3-noot{color:var(--vk3-sub)}

/* beeldvak: omslag eronder, video erover zodra hij echt speelt */
.vk3-media{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--vk3-r2);overflow:hidden;background:var(--vk3-inkt-2);color:inherit;text-align:left;text-decoration:none;isolation:isolate}
.vk3-media>img,.vk3-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vk3-media>img{transition:transform .9s var(--vk3-uit)}
.vk3-media>video{opacity:0;transition:opacity .25s linear}
.vk3-media>video.bw2-aan{opacity:1}
a.vk3-media .vk3-voorbeeld{left:auto;right:10px}
.vk3-voorbeeld{position:absolute;z-index:2;top:10px;left:10px;padding:3px 8px;border-radius:6px;background:rgba(15,18,24,.86);color:var(--vk3-tekst-d);font-size:.75rem;font-weight:600;line-height:1.35}
.vk3-label{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:44px 14px 12px;background:linear-gradient(transparent,rgba(8,10,14,.86));color:#D9DCE2;font-size:var(--vk3-t0);line-height:1.3}
.vk3-label b{display:block;color:#fff;font-size:var(--vk3-t1);font-weight:600}
@media (hover:hover){a.vk3-media:hover>img,button.vk3-media:hover>img{transform:scale(1.025)}}
button.vk3-media{cursor:pointer}
@media (prefers-reduced-motion:reduce){.vk3-media>video{display:none}.vk3-media>img{transition:none}}

/* kop van de startpagina */
.vk3-held{--h:clamp(430px,calc(100svh - 268px),720px);background:var(--vk3-inkt);padding:92px var(--vk3-rand) clamp(40px,5vw,72px)}
.vk3-held-raster{max-width:var(--vk3-breed);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,4.4vw,64px);align-items:center}
.vk3-held-tekst{max-width:720px}
.vk3-held h1 em{font-style:normal;color:var(--vk3-lime)}
.vk3-held .held-sub{margin-top:18px;font-size:clamp(1.0625rem,1.35vw,1.1875rem);line-height:1.5;max-width:54ch;color:var(--vk3-sub-d)}
.vk3-composer{margin-top:clamp(20px,2.4vw,30px);padding:6px 14px 14px;border-radius:var(--vk3-r3);background:var(--vk3-inkt-2);box-shadow:inset 0 0 0 1px var(--vk3-lijn-d);transition:box-shadow .2s}
.vk3-composer:focus-within{box-shadow:inset 0 0 0 1.5px #8A91A0}
.vk3-composer .opdracht{margin:0;padding:10px 4px 6px;min-height:0;border-radius:0;background:none;box-shadow:none}
.vk3-composer .opdracht-label{font-size:var(--vk3-t0)}
.vk3-composer textarea{min-height:0;height:1.8em;field-sizing:content;max-height:5em;font-size:var(--vk3-t3);font-weight:600;line-height:1.3;color:var(--vk3-tekst-d)}
.vk3-composer .keuzes{margin-top:6px;gap:6px}
.keuzes button{min-height:40px;padding:0 12px;font-size:var(--vk3-t1);border-radius:10px;background:none;box-shadow:inset 0 0 0 1px var(--vk3-lijn-d);transition:background .15s,color .15s,box-shadow .15s}
.keuzes button:hover{background:var(--vk3-inkt-3)}
.keuzes button[aria-pressed=true]{background:var(--vk3-tekst-d);color:var(--vk3-inkt);font-weight:600;box-shadow:none}
.vk3-composer .keuzes svg{display:none}
.vk3-acties{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--vk3-lijn-d)}
.vk3-acties[hidden]{display:none!important}
.vk3-prijsregel{font-size:var(--vk3-t1);line-height:1.35;color:var(--vk3-sub-d)}
.vk3-prijsregel b{display:block;color:var(--vk3-tekst-d);font-size:var(--vk3-t2);font-weight:700}
.vk3-acties .pv-fout{grid-column:1/-1;margin:0;max-width:none}
.vk3-zeker{margin-top:12px;font-size:var(--vk3-t0);gap:4px 16px}
.vk3-zeker li{padding-left:20px}
.vk3-zeker li::before{width:14px;height:14px;top:2px}
.vk3-held .pv-verder{margin-top:18px}

.vk3-toneel{margin:0;display:block;width:calc(var(--h)*.84375 + 12px)}
.vk3-reels{display:flex;gap:12px;height:var(--h)}
.vk3-toneel .telefoon{flex:none;width:calc(var(--h)*.5625);height:var(--h);border-radius:var(--vk3-r3);box-shadow:0 0 0 1px var(--vk3-lijn-d)}
.vk3-reels-zij{flex:1;min-width:0;display:grid;grid-template-rows:1fr 1fr;gap:12px}
.vk3-reels-zij .vk3-label{padding:32px 10px 9px}
.vk3-reels-zij .vk3-media{box-shadow:0 0 0 1px var(--vk3-lijn-d)}
.geluid{min-height:40px;right:10px;bottom:10px;padding:0 13px;font-size:var(--vk3-t0);background:rgba(15,18,24,.92)}
.vk3-voortgang{position:absolute;z-index:1;left:12px;right:12px;top:10px;height:3px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.35);display:none}
.vk3-voortgang i{display:block;height:100%;width:100%;background:var(--vk3-lime);transform-origin:left;transform:scaleX(0)}

.vk3-tijdlijn{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:3px 8px;align-items:center;margin-top:12px;padding:8px 10px 8px 10px;border-radius:var(--vk3-r2);background:var(--vk3-inkt-2);box-shadow:inset 0 0 0 1px var(--vk3-lijn-d);overflow:hidden}
.vk3-sp-naam{font-size:.6875rem;color:var(--vk3-sub-d);font-weight:500}
.vk3-spoor{display:flex;gap:2px;min-width:0}
.vk3-spoor i{display:block;min-width:0;font-style:normal;overflow:hidden;border-radius:4px}
.vk3-sp-beeld i{height:30px;background:var(--vk3-inkt-3)}
.vk3-sp-beeld img{width:100%;height:100%;object-fit:cover}
.vk3-sp-tekst i{height:17px;padding:0 6px;background:var(--vk3-inkt-3);font-size:.6875rem;line-height:17px;white-space:nowrap;text-overflow:ellipsis;color:var(--vk3-tekst-d)}
.vk3-sp-stem{height:15px;color:#7E8592}
.vk3-sp-stem svg{width:100%;height:100%}
.vk3-kop{position:absolute;top:0;bottom:0;left:56px;right:10px;pointer-events:none;transform:translateX(0);will-change:transform}
.vk3-kop::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--vk3-lime)}
.vk3-toneel figcaption{margin-top:8px;font-size:.75rem;line-height:1.4;color:var(--vk3-sub-d)}

/* galerij */
.vk3-galerij{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0}
.vk3-galerij li{min-width:0;min-height:0;position:relative}
.g-salon{grid-area:1/1/3/4;aspect-ratio:9/16}
.g-web{grid-area:1/4/2/9}
.g-bakker{grid-area:1/9/2/13}
.g-logo{grid-area:2/4/3/8}
.g-flyer{grid-area:2/8/3/13}
.g-post{grid-area:3/1/4/7}
.g-breed{grid-area:4/1/5/7}
.g-tekst{grid-area:3/7/5/10;aspect-ratio:9/16}
.g-cartoon{grid-area:3/10/5/13;aspect-ratio:9/16}
.g-logo .vk3-media{background:#E9E6DE}
.vk3-rail-kop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;margin-top:clamp(40px,5vw,72px);margin-bottom:14px}
.vk3-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;list-style:none;padding:0}
.vk3-rail a{position:relative;display:block;aspect-ratio:9/15;border-radius:var(--vk3-r1);overflow:hidden;text-decoration:none;background:var(--vk3-inkt-2)}
.vk3-rail img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--vk3-uit)}
.vk3-rail span{position:absolute;left:0;right:0;bottom:0;padding:32px 10px 9px;background:linear-gradient(transparent,rgba(8,10,14,.88));color:#fff;font-size:var(--vk3-t1);font-weight:600}
@media (hover:hover){.vk3-rail a:hover img{transform:scale(1.04)}}

/* zo werkt het */
.vk3-werkt{padding-top:0}
.vk3-stappen{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.vk3-stappen .scherm-plek{position:static}
.vk3-stappen .scherm{border-radius:var(--vk3-r2);background:var(--vk3-inkt-2);box-shadow:0 0 0 1px var(--vk3-lijn-d)}
.stap-lijst li,.stap-lijst li:first-child{display:block;min-height:0;opacity:1;padding:14px 0;border-top:1px solid var(--vk3-lijn-d)}
.stap-lijst li:last-child{border-bottom:1px solid var(--vk3-lijn-d)}
.stap-lijst h3{font-size:var(--vk3-t3);font-weight:700;line-height:1.2}
.stap-lijst h3 button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:32px;text-align:left;font:inherit;letter-spacing:inherit}
.stap-lijst h3 button::after{content:"";flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #6B7280;transition:background .2s,box-shadow .2s}
.stap-lijst li.actief h3 button::after{background:var(--vk3-lime);box-shadow:none}
.stap-lijst p{margin-top:6px;font-size:var(--vk3-t1);line-height:1.5;color:var(--vk3-sub-d);max-width:none}
.js-stappen .stap-lijst li:not(.actief) p{display:none}

/* formaten */
.vk3-formaten{padding-top:0}
.vk3-opdrachtbalk{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 18px;border-radius:var(--vk3-r2);background:var(--vk3-inkt-2);box-shadow:inset 0 0 0 1px var(--vk3-lijn-d);font-weight:600}
.vk3-opdrachtbalk b{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:8px;background:var(--vk3-lime);color:var(--vk3-inkt);font-size:var(--vk3-t0)}
.vk3-opdrachtbalk svg{width:14px;height:14px}
.vk3-formaat-rij{display:flex;gap:12px;align-items:flex-start;margin-top:12px;list-style:none;padding:0}
.vk3-formaat-rij li{min-width:0}
.f-reel{flex:.5625 1 0}.f-post{flex:.8 1 0}.f-liggend{flex:1.7778 1 0}
.f-reel .vk3-media{aspect-ratio:9/16;height:auto}.f-post .vk3-media{aspect-ratio:4/5;height:auto}.f-liggend .vk3-media{aspect-ratio:16/9;height:auto}
.vk3-formaat-rij p{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:var(--vk3-t1)}
.vk3-formaat-rij b{font-weight:600}
.vk3-formaat-rij span{color:var(--vk3-sub-d);font-variant-numeric:tabular-nums}

/* papier: alle kaarten weg, beeld en lijnen ervoor terug */
.vk3-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(24px,3vw,40px)}
.vk3-routes .ingang{padding:0;border-radius:0;box-shadow:none;background:none;gap:8px}
.vk3-route-beeld{display:block;aspect-ratio:5/4;margin-bottom:6px;border-radius:var(--vk3-r2);overflow:hidden;background:#E5E6E0}
.vk3-route-beeld img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .9s var(--vk3-uit)}
@media (hover:hover){.ingang:hover .vk3-route-beeld img{transform:scale(1.03)}}
.ingang h3{font-size:var(--vk3-t3)}
.ingang p{color:var(--vk3-sub)}
.vk3-papier .groot,.vk3-papier .noot-licht{color:var(--vk3-sub)}
.vk3-papier .bel{background:var(--vk3-wit);color:var(--vk3-tekst);box-shadow:inset 0 0 0 1px var(--vk3-lijn)}
.vk3-papier .bel-2{background:var(--vk3-inkt);color:var(--vk3-tekst-d);box-shadow:none}
.vergelijk{border-radius:var(--vk3-r3)}
.foto-raster{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(28px,6vw,96px)}
.vk3-bord .vk3-media{height:auto;box-shadow:0 0 0 1px var(--vk3-lijn)}
.vk3-bord .bw2-bordclip{display:block;margin:0}
.vk3-toollijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);margin-top:clamp(24px,3vw,40px);border-top:1px solid var(--vk3-lijn)}
.vk3-toollijst li{border-bottom:1px solid var(--vk3-lijn)}
.vk3-toollijst a{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr) auto;gap:2px 14px;align-items:baseline;padding:12px 0;border-radius:0;box-shadow:none!important;transform:none!important;height:auto}
.vk3-toollijst b{font-size:var(--vk3-t1);font-weight:600}
.vk3-toollijst span{font-size:var(--vk3-t0);line-height:1.35;color:var(--vk3-sub);opacity:1}
.vk3-toollijst em{margin:0;padding:0;font-size:var(--vk3-t0);font-weight:600;white-space:nowrap}
.vk3-toollijst .vk3-gratis::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#7EA600;vertical-align:1px}
.vk3-toollijst a:hover b{text-decoration:underline;text-underline-offset:3px}
.vk3-merk{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px clamp(24px,5vw,80px);align-items:end}
.vk3-merk>*{margin-inline:0;max-width:none}
.vk3-merk.vk3-lijnboven::before{grid-column:1/-1;width:100%;max-width:none;margin:calc(var(--vk3-sectie)*-1) 0 calc(var(--vk3-sectie) - 16px)}
.merk-tekst{color:var(--vk3-sub);font-size:var(--vk3-t2);line-height:1.5}
.merk-tekst b{color:var(--vk3-tekst)}

/* prijzen */
.prijs-raster{gap:12px}
.prijs-blok{padding:24px;border-radius:var(--vk3-r2);background:var(--vk3-wit);box-shadow:inset 0 0 0 1px var(--vk3-lijn)}
.prijs-gratis{background:var(--vk3-wit)}
.prijs-maken{background:var(--vk3-inkt);box-shadow:none}
.vink li::before{background:#6F9400}
.pakketten li{background:var(--vk3-papier);border-radius:8px}
.tarief td{border-top-color:var(--vk3-lijn)}

/* vragen */
.vragen details{border-top-color:var(--vk3-lijn)}
.vragen details:last-child{border-bottom-color:var(--vk3-lijn)}
.vk3-papier .vragen details p{color:var(--vk3-sub)}
.vk3-papier .vragen summary::after{background:linear-gradient(var(--vk3-inkt),var(--vk3-inkt)) center/100% 2px no-repeat,linear-gradient(var(--vk3-inkt),var(--vk3-inkt)) center/2px 100% no-repeat}
.vragen summary{font:600 var(--vk3-t2)/1.3 "Onest",sans-serif;min-height:60px}

/* slot */
.slot{background:var(--vk3-lime);color:var(--vk3-inkt);padding:clamp(72px,9vw,128px) var(--vk3-rand);gap:22px}
.slot h2{max-width:18ch;font-size:clamp(2.25rem,5.15vw,4.75rem);line-height:1.03;letter-spacing:-.03em}
.slot .knop-inkt{background:var(--vk3-inkt);color:var(--vk3-tekst-d)}
.slot .knop-inkt:hover{background:var(--vk3-inkt-3)}
.slot-noot{color:var(--vk3-inkt);font-size:var(--vk3-t1)}
.slot :focus-visible{outline-color:var(--vk3-inkt)}
.voet{padding-inline:max(var(--vk3-rand),calc((100% - var(--vk3-breed))/2));background:var(--vk3-inkt);box-shadow:none}

/* tablet en telefoon */
@media (max-width:1100px){
  .vk3-kop-rij,.vk3-merk{grid-template-columns:minmax(0,1fr)}
  .vk3-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vk3-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(120px,26vw,170px);overflow-x:auto;scroll-snap-type:x proximity;margin-inline:calc(var(--vk3-rand)*-1);padding-inline:var(--vk3-rand);scrollbar-width:none}
  .vk3-rail::-webkit-scrollbar{display:none}
  .vk3-rail li{scroll-snap-align:start}
}
@media (max-width:960px){
  .vk3-held{--h:min(calc(100svh - 500px),calc((100vw - 2*var(--vk3-rand) - 10px)/.84375));padding-top:76px;padding-bottom:40px}
  .vk3-held{--h:max(300px,min(44svh,calc((100vw - 2*var(--vk3-rand) - 10px)/.84375)))}
  .vk3-held-raster{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .vk3-held-tekst{display:contents}
  .vk3-held h1{order:1;font-size:clamp(2rem,9.2vw,3.25rem);line-height:1.04;text-wrap:balance}
  .vk3-toneel{order:2;width:calc(var(--h)*.84375 + 10px);margin-inline:auto}
  .vk3-composer{order:3;margin-top:0}
  .vk3-zeker{order:4;margin-top:0}
  .vk3-held .held-sub{order:5;margin-top:4px;font-size:var(--vk3-t2)}
  .vk3-held .pv-verder{order:3;margin-top:0;max-width:none}
  .vk3-reels{gap:10px}
  .vk3-reels-zij{gap:10px}
  .vk3-tijdlijn{display:none}
  .vk3-voortgang{display:block}
  .vk3-toneel figcaption{display:none}
  .vk3-composer{padding:2px 12px 12px}
  .vk3-composer textarea{font-size:var(--vk3-t2);height:2.7em}
  .vk3-composer .keuzes{flex-wrap:nowrap;overflow-x:auto;margin-inline:-12px;padding-inline:12px;scrollbar-width:none}
  .vk3-composer .keuzes::-webkit-scrollbar{display:none}
  .keuzes button{flex:none;min-height:44px;white-space:nowrap}
  .vk3-acties{grid-template-columns:minmax(0,1fr);margin-top:10px;padding-top:0;border-top:0}
  .vk3-acties .knop{order:-1;width:100%}
  .vk3-prijsregel b{display:inline;font-size:inherit}
  .vk3-stappen{grid-template-columns:minmax(0,1fr);gap:16px}
  .foto-raster{grid-template-columns:minmax(0,1fr)}
  .prijs-blok{padding:20px}
  .nav{padding-block:8px}
}
@media (max-width:760px){
  .vk3-galerij{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px}
  .vk3-galerij li{grid-area:auto;aspect-ratio:16/10.4}
  .g-web{order:1;grid-column:1/-1!important}
  .g-flyer{order:2;grid-column:1/-1!important}
  .g-salon{order:3;aspect-ratio:9/16!important}
  .g-cartoon{order:4;aspect-ratio:9/16!important}
  .g-logo{order:5;grid-column:1/-1!important}
  .g-bakker{order:6;aspect-ratio:9/16!important}
  .g-tekst{order:7;aspect-ratio:9/16!important}
  .g-post{order:8;grid-column:1/-1!important}
  .g-breed{order:9;grid-column:1/-1!important;aspect-ratio:16/9!important}
  .vk3-formaat-rij{flex-wrap:wrap}
  .f-reel{flex:.5625 1 0}.f-post{flex:.8 1 0}.f-liggend{flex:1 1 100%}
  .vk3-toollijst{grid-template-columns:minmax(0,1fr)}
  .vk3-toollijst a{grid-template-columns:minmax(0,1fr) auto}
  .vk3-toollijst span{grid-row:2;grid-column:1/-1}
  .vk3-routes{grid-template-columns:minmax(0,1fr);gap:24px}
  .vk3-route-beeld{aspect-ratio:16/9}
}
.vk3-toneel .telefoon.wissel{scale:1}
.vk3-toneel .telefoon video{transition:opacity .18s}
@media (prefers-reduced-motion:reduce){.vk3-kop{display:none}.vk3-voortgang{display:none}}

.tag{color:var(--vk3-tekst-d)}
.tag-r{color:var(--vk3-inkt);background:var(--vk3-lime)}
.g-post .vk3-media>img{object-position:50% 0}
@media (max-width:760px){
  .vk3-routes .ingang{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:14px;align-items:start}
  .vk3-route-beeld{grid-row:1/4;aspect-ratio:1;margin:0}
  .ingang p{font-size:var(--vk3-t0)}
  .vk3-toollijst span{display:none}
}

/* ---- overige pagina's: dezelfde opbouw, minder kaarten ---- */
.p-held{padding:clamp(92px,8vw,116px) var(--vk3-rand) clamp(44px,5.4vw,80px);background:var(--vk3-inkt)}
.p-held-binnen{max-width:var(--vk3-breed);gap:clamp(28px,5vw,80px)}
.p-held .groot{font-size:clamp(1.0625rem,1.35vw,1.1875rem);margin-top:18px;max-width:54ch;color:var(--vk3-sub-d)}
.p-held-kort{padding-bottom:clamp(16px,2.4vw,28px)}
.p-held .zekerheid{font-size:var(--vk3-t0)}
.cta-rij{margin-top:24px}
.p-held-binnen.bw2-kop{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.bw2-vak{max-width:none}
.bw2-kop .bw2-clip{width:min(100%,calc((100svh - 200px)*.8));margin-inline:auto}
.bw2-clip{border-radius:var(--vk3-r3);box-shadow:0 0 0 1px var(--vk3-lijn-d)}
.bw2-noot{font-size:var(--vk3-t0);text-align:center}
.bw2-breed .bw2-noot{text-align:left}

.vlak,.vlak-licht,.vlak-violet,.vlak-koraal,.vlak-lime,.vlak-inkt:has(.vragen-raster),#prijzen,.p-links.vlak-licht{background:var(--vk3-papier);color:var(--vk3-tekst)}
.vlak{padding:var(--vk3-sectie) var(--vk3-rand)}
.vlak+.vlak::before{content:"";display:block;max-width:var(--vk3-breed);height:1px;margin:calc(var(--vk3-sectie)*-1) auto var(--vk3-sectie);background:var(--vk3-lijn)}
.vlak .kop-breed{font-size:var(--vk3-t4);max-width:none}
.p-tekst .p-blok,.a-lees{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(24px,5vw,80px);max-width:var(--vk3-breed);margin:0 auto;padding-block:clamp(22px,2.6vw,36px);border-top:1px solid var(--vk3-lijn)}
.p-tekst .p-blok:first-child,.a-lees:first-child{padding-top:0;border-top:0}
.p-tekst .p-blok:last-child,.a-lees:last-child{padding-bottom:0}
.a-lees+.a-lees{margin-top:0}
.p-blok h2,.a-lees h2,.p-links h2,.vt-groep h2,.vragen-raster h2,.bw2-groep>h2,.a-groep h2{font-size:var(--vk3-t4);line-height:1.15;letter-spacing:-.018em;max-width:none;margin:0}
.a-lees h2{grid-row:1/span 6}
.p-blok p,.a-lees>*:not(h2){grid-column:2;margin-top:0}
.p-blok p,.a-lees p{font-size:var(--vk3-t2);line-height:1.55;color:var(--vk3-sub)}
.a-tabel{max-width:none;margin-top:14px}
.a-tabel tfoot td{border-top-color:var(--vk3-inkt)}
.p-stappen{gap:clamp(16px,3vw,40px);margin-top:clamp(20px,2.6vw,32px)}
.p-stappen li{padding-top:14px;border-top:1px solid var(--vk3-lijn)}
.p-stappen li::before{width:28px;height:28px;margin-bottom:12px;border-radius:8px;background:var(--vk3-inkt);color:var(--vk3-lime);font:700 .875rem/1 "Onest",sans-serif}
.p-stappen p{font-size:var(--vk3-t1);line-height:1.5;color:var(--vk3-sub)}
.p-links ul{gap:6px}
.p-links h2{margin-bottom:14px}
.p-links a{min-height:44px;border-radius:var(--vk3-r1);background:var(--vk3-wit);box-shadow:inset 0 0 0 1px var(--vk3-lijn);font-size:var(--vk3-t1);transform:none!important}
.p-links a:hover{box-shadow:inset 0 0 0 1.5px var(--vk3-inkt)}
.bw2-twee{max-width:var(--vk3-breed);grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}
.bw2-twee h2{font-size:var(--vk3-t4);max-width:none}
.bw2-twee .bw2-clip{box-shadow:none;max-width:420px}
.branche-raster{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.branche-raster a{border-radius:var(--vk3-r2)}

/* /aanbod/: donker doorlopen, grote beelden, topaanbiedingen eerst */
.vk3-aanbod{padding-top:0}
.a-filter{position:sticky;z-index:5;top:64px;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0 auto clamp(20px,2.4vw,32px);padding:10px 0;background:var(--vk3-inkt)}
.a-filter::-webkit-scrollbar{display:none}
.a-filter button{flex:none;min-height:44px;padding:0 14px;border-radius:10px;font-size:var(--vk3-t1);color:var(--vk3-tekst-d);box-shadow:inset 0 0 0 1px var(--vk3-lijn-d);transition:background .15s}
.a-filter button:hover{background:var(--vk3-inkt-3)}
.a-filter button[aria-pressed=true]{background:var(--vk3-tekst-d);color:var(--vk3-inkt);font-weight:600;box-shadow:none}
.a-groep+.a-groep{margin-top:clamp(40px,5vw,72px)}
.a-groep h2{margin-bottom:clamp(14px,1.6vw,20px)}
.a-kaarten{gap:clamp(24px,2.6vw,36px) clamp(12px,1.4vw,20px);margin:0}
.a-kaarten a,.vk3-kaarten a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;align-content:start;height:auto;padding:0;border-radius:0;background:none;box-shadow:none!important;color:inherit;text-decoration:none}
.a-kaarten .bw-kaart,.vk3-kaarten .vk3-media{grid-column:1/-1;margin:0 0 9px;border-radius:var(--vk3-r2);background:var(--vk3-inkt-2);box-shadow:0 0 0 1px var(--vk3-lijn-d)}
.a-kaarten b,.vk3-kaarten b{align-self:baseline;font-size:var(--vk3-t2);font-weight:600;line-height:1.3}
.a-kaarten a:hover b,.vk3-kaarten a:hover b{text-decoration:underline;text-underline-offset:3px}
.a-kaarten em,.vk3-kaarten em{grid-column:2;grid-row:2;margin:0;padding:0;font-style:normal;font-size:var(--vk3-t3);font-weight:700;line-height:1.1;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.a-kaarten em small,.vk3-kaarten em small{display:block;margin-top:3px;font-size:.75rem;font-weight:400;color:var(--vk3-sub-d)}
.a-kaarten span,.vk3-kaarten span{grid-column:1;font-size:var(--vk3-t0);line-height:1.4;color:var(--vk3-sub-d)}
.vk3-papier .vk3-kaarten em small,.vk3-papier .vk3-kaarten span{color:var(--vk3-sub)}
.vk3-papier .vk3-kaarten .vk3-media{box-shadow:none}
.vk3-kaarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(12px,1.4vw,20px);list-style:none;padding:0}
.vk3-kaarten .vk3-media{height:auto;aspect-ratio:5/4}
.vk3-aanbod[data-stand=alles] .vk3-istop{display:none}
.vk3-top{grid-template-columns:repeat(12,minmax(0,1fr))}
.vk3-top li{grid-column:span 3}
.vk3-top li:first-child{grid-column:span 6;grid-row:span 2}
.vk3-top li:first-child .bw-kaart{aspect-ratio:10/8.6}
.vk3-top li:first-child b{font-size:var(--vk3-t3)}
.vk3-aanbod .a-uitleg{color:var(--vk3-sub-d)}
.p-held-kort .a-filter{display:none}

/* aanbodpagina's */
@media (min-width:961px){.p-held-binnen:has(.bw-kop){grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}
.bw-vak{border-radius:var(--vk3-r3);box-shadow:none;background:var(--vk3-inkt)}
.bw-kop{width:min(100%,calc((100svh - 150px)*1.111));margin-inline:auto}
.bw-kop figcaption{font-size:var(--vk3-t0)}
.a-prijs{margin-top:22px}
.a-prijs b{font:700 clamp(2rem,3.4vw,2.75rem)/1 "Bricolage",sans-serif;letter-spacing:-.02em}
.a-prijs span{font-size:var(--vk3-t1)}

/* /tools/ */
.vk3-toolkaarten{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px clamp(12px,1.4vw,20px);margin-top:18px}
.vk3-toolkaarten a{padding:0;border-radius:0;box-shadow:none!important;transform:none!important;gap:2px}
.vk3-toolkaarten img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 12%;margin-bottom:8px;border-radius:var(--vk3-r1);background:#E5E6E0}
.vk3-toolkaarten b{font-size:var(--vk3-t2);font-weight:600}
.vk3-toolkaarten a:hover b{text-decoration:underline;text-underline-offset:3px}
.vk3-toolkaarten span{font-size:var(--vk3-t0);opacity:1;color:var(--vk3-sub)}
.vk3-toolkaarten em{padding-top:5px;font-size:var(--vk3-t0)}
.vt-groep>p{font-size:var(--vk3-t1)}
.vt-groep+.vt-groep{margin-top:clamp(40px,5vw,72px);padding-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--vk3-lijn)}

/* /voorbeelden/ */
.vk3-voorbeelden{padding-top:0}
.vk3-voorbeelden .bw2-groep{margin-top:clamp(48px,6vw,88px)}
.vk3-voorbeelden .bw2-groep>p{color:var(--vk3-sub-d);font-size:var(--vk3-t1);margin:8px 0 18px}
.vk3-voorbeelden .bw2-sub{color:var(--vk3-sub-d)!important}
.vk3-voorbeelden .bw2-raster{gap:20px 12px}
.vk3-voorbeelden .bw2-clip{box-shadow:0 0 0 1px var(--vk3-lijn-d)!important;border-radius:var(--vk3-r2)}
.vk3-voorbeelden .bw2-raster a:hover b,.vk3-voorbeelden .bw2-raster button:hover b{text-decoration:underline;text-underline-offset:3px}

/* juridisch en prijzen */
.lees p,.lees li{color:#2F3440}
.prijs-alles{max-width:var(--vk3-breed)}
.prijs-actie{font-size:var(--vk3-t0);color:var(--vk3-sub)}

@media (max-width:1100px){
  .vk3-toolkaarten{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vk3-top li,.vk3-top li:first-child{grid-column:span 6;grid-row:auto}
  .vk3-top li:first-child{grid-column:1/-1}
}
@media (max-width:960px){
  .p-held-binnen.bw2-kop{grid-template-columns:minmax(0,1fr)}
  .bw2-kop .bw2-clip{width:min(100%,60svh)}
  .p-tekst .p-blok,.a-lees,.bw2-twee{grid-template-columns:minmax(0,1fr)}
  .p-blok p,.a-lees>*:not(h2){grid-column:1}
  .a-lees h2{grid-row:auto;margin-bottom:8px}
  .p-blok h2{margin-bottom:8px}
  .branche-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bw-kop{width:100%}
  .a-filter{top:60px;margin-inline:calc(var(--vk3-rand)*-1);padding-inline:var(--vk3-rand)}
}
@media (max-width:760px){
  .a-kaarten,.vk3-kaarten{grid-template-columns:minmax(0,1fr)}
  .vk3-top li,.vk3-top li:first-child{grid-column:1/-1}
  .vk3-toolkaarten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vk3-voorbeelden .bw2-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.vk3-uitleg{margin:0 auto clamp(20px,2.6vw,32px);max-width:var(--vk3-breed);border-radius:var(--vk3-r3);overflow:hidden;background:var(--vk3-inkt-2);box-shadow:0 0 0 1px var(--vk3-lijn-d)}
.vk3-uitleg video{display:block;width:100%;height:auto}
.vk3-werkt .scherm img{transition-duration:.7s}
.ingang:first-child .vk3-route-beeld img{object-position:0 0}
.vlak-prijzen .vk3-kop-los{max-width:none}
@media (min-width:961px) and (max-width:1240px){
  .vk3-acties{grid-template-columns:minmax(0,1fr)}
  .vk3-acties .knop{order:-1;width:100%}
  .vk3-prijsregel b{display:inline;font-size:inherit}
}

/* VIDEOKLAAR-EXTRA-20261103: echte PandFix-video's en pratende figuren */
.vk3-echt{margin-bottom:clamp(32px,4vw,56px)}
.vk3-echt h3{margin:0;font-size:var(--vk3-t3,1.25rem);font-weight:600;color:#fff}
.vk3-echt>p{margin:6px 0 16px;color:var(--vk3-sub-d);font-size:var(--vk3-t1)}
.vk3-echt .bw2-sub{color:var(--vk3-sub-d)!important}
.vk3-drie{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
.vk3-praat{padding-top:clamp(40px,5vw,72px)}
.vk3-praat .vk3-eerlijk{margin:18px 0 0;color:var(--vk3-sub-d);font-size:var(--vk3-t1);max-width:70ch}
@media (max-width:640px){.vk3-drie{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vk3-drie .bw2-sub{font-size:.75rem}}

/* KOP-AFBREKEN-20261103: lange woorden in koppen lieten de pagina op 360 px scrollen */
h1,h2{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}