/* V56 · Sem: "goed kijken of alle maten kloppen", en het vage IMPRINT van de home in blauw achter de prijs. Ruimtes in stappen van 8, één kolomraster, gelijke hoeken. */
/* ritme: elk blok dezelfde ruimte */
.blok,.kort-blok{padding:clamp(72px,8.34vw,120px) 0}
#edities{padding-top:clamp(72px,8.34vw,120px)}
.blok-een{padding:24px 0 clamp(56px,6vw,88px)}
.film-een{padding:clamp(72px,8.34vw,120px) 0 0}
.held.kort{padding:96px 0 56px}
.blokkop{margin-bottom:40px!important}
.carrousel .blokkop,.prijs .blokkop,#edities .blokkop{margin-bottom:40px}
.lede{margin-top:16px}
/* één raster: twee kolommen van gelijke breedte, 24 ertussen */
.naast,.host-naast{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.rail{gap:24px}
.kaart-s,.kaart-p{flex:0 0 min(84vw,588px)}
.prijs-tegels{gap:24px}
.tegels{gap:24px;margin-top:40px}
.kiezen{gap:8px}
.rijen{gap:8px!important}
/* koppen: overal dezelfde maat */
.host-tekst .kop{font-size:clamp(34px,5vw,68px)}
.hosts{margin-top:24px}
.host-tekst .hosts{margin:24px 0 0 0}
/* hoeken: 20 voor vlakken, 12 voor keuzes; binnenbeeld past op de buitenhoek */
.scherm-een,.film-doek,.beeld-t,.prijs-t,.tabel,.visual,.visual img,.tegel,.plan,.host-naast .product{border-radius:20px}
.kies-rij button,.kies-rij .meer{border-radius:12px}
html[data-kaart=d] .diep .vlak{border-radius:24px;padding:12px}
html[data-kaart=d] .diep .doek{border-radius:12px}
html[data-kaart=d] .rijen{margin-top:12px}
html[data-kaart=d] .kromme{margin-top:12px}
/* tekst onder tegels en koppen van kaarten staan op de rand, niet 4 ernaast */
.onder-zin{margin:16px 0 0}
.diep h3{margin:0 0 16px}
/* knoppen: 48, in de balken 44; overal dezelfde letter */
.knop{font-size:13px}
.nav .knop,.balk .knop{min-height:44px;padding:10px 20px;font-size:13px}
.prijs-t .knop{min-height:48px;font-size:13px}
.pijlen{margin-top:24px}
/* aanraakvlak van tekstlinks: 44 hoog, zonder dat er iets verschuift */
.nav nav a,.balk .rechts a:not(.knop){display:inline-flex;align-items:center;min-height:44px}
.nav .logo{display:inline-flex;align-items:center;min-height:44px}
/* minder lettermaten: 15 wordt 16, 11 wordt 12 */
.tabel .rij>*,.kaart p,.tegel p,.plan p{font-size:16px}
.notitie,.wlab,.sbalk .uit,.kies-rij button,.kies-rij .meer,.voet .eind{font-size:12px}
.prijs-t.pro .groot{font-size:clamp(64px,7.23vw,104px)}
@media (max-width:760px){.werkt{font-size:11px}.kies-rij button{font-size:11px}}
/* Pro: het vage IMPRINT van de home in blauw achter het bedrag, op dezelfde korrel, met een zwarte laag naar onderen */
.prijs-t.pro{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(rgba(10,11,13,.62),rgba(10,11,13,.62)),#0E0F11 url(img/matglas-grafiet.jpg) center/cover;background-blend-mode:normal;box-shadow:0 0 0 1px rgba(143,182,218,.3) inset}
.prijs-t.pro::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(6,7,9,0) 0%,rgba(6,7,9,.08) 55%,rgba(6,7,9,.72) 100%),url(img/woord-imprint-blauw.png) center 42%/96% auto no-repeat}
.prijs-t.pro::after{content:"";position:absolute;inset:0;z-index:-1;background:url(img/korrel.jpg) 0 0/384px;mix-blend-mode:overlay;opacity:.55}
/* laatste maten: geen tussenmaten meer */
.prijs-t.free .groot{font-size:clamp(32px,3.34vw,48px)}
.hero-tekst .tagline{font-size:clamp(34px,5.84vw,84px)}
.voet ul li,.voet li{font-size:16px}
.nav .logo{font-size:14px}
.blok-een{padding:24px 0 clamp(56px,6.12vw,88px)}