/* V51 · Sem: het blauw gaat niet lekker. Drie opties (?prijs=1|2|3): 1 terug naar de tabel in de stijl van zijn foto, 2 korrelvakken zoals de header, 3 eigen voorstel. */
.prijs{display:none}
html[data-prijs="1"] .p1,html[data-prijs="2"] .p2,html[data-prijs="3"] .p3{display:block}
.prijs .blokkop{margin-bottom:clamp(24px,3vw,40px)}
/* 1 · tabel: brede kapitalen, vinkjes, warme Pro-kolom */
.tabel-een{border:1px solid var(--lijn);border-radius:18px;overflow:hidden;background:#17181B;text-align:left}
.t-rij{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;border-top:1px solid rgba(236,234,228,.08)}
.t-rij:first-child{border-top:0}
.t-rij>*{padding:clamp(14px,1.7vw,24px) clamp(14px,2vw,28px);font-size:16px;line-height:1.35}
.t-l{font-stretch:125%;font-weight:600;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:#8E9095}
.t-pro{background:rgba(231,129,35,.1)}
.t-kop .t-c{font-stretch:125%;font-weight:800;font-size:17px;letter-spacing:.06em;text-transform:uppercase}
.t-kop .t-pro{color:#E78123}
.t-c b{font-stretch:125%;font-weight:700}
.t-c small{display:block;margin-top:4px;font-size:14px;color:#9C9EA3}
.ok{font-style:normal;font-weight:700;color:#E78123;margin-right:6px}
.nee{font-style:normal;margin-right:4px}
.uit{color:#74767B}
.t-knop .knop{display:flex;width:100%}
@media (max-width:760px){.t-rij{grid-template-columns:1fr 1fr}.t-l{grid-column:1/-1;padding-bottom:0!important}.t-kop .t-l,.t-knop .t-l{display:none}.t-rij>*{font-size:15px}}
/* 2 · korrelvakken zoals de header: matglas, het woord onscherp erachter, geen kleur */
.korrelvak{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;color:#ECEAE4;background:#0F1012 url(img/matglas-grafiet.jpg) center 22%/190% auto;display:flex}
.korrelvak.free{background-position:center 88%}
.korrelvak.free::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(15,16,18,.5)}
.korrelvak .vaag{position:absolute;inset:0;z-index:-1;background:center/auto 104% no-repeat;opacity:.13}
.vak-in{display:flex;flex-direction:column;flex:1;padding:clamp(22px,2.6vw,34px)}
.korrelvak .mono{margin:0;color:#D2D3D5}
.korrelvak .term{color:#D2D3D5}
.korrelvak li.nee{color:#A8AAAE}
.korrelvak ul{list-style:none;margin:clamp(20px,2.4vw,28px) 0;padding:0;display:grid;gap:10px;font-size:16px;line-height:1.3;flex:1;align-content:start}
.korrelvak li{display:flex;gap:10px}
.korrelvak li::before{content:"✓";flex:none;width:14px;font-weight:700}
.korrelvak li.nee::before{content:"–";font-weight:400}
.korrelvak .knop{align-self:flex-start;margin-top:auto}
.korrelvak .knop.lijn{color:#ECEAE4}
/* 3 · affiche: geen vakken, het woord groot in Romusans, zoals IMPRINT onderaan */
.poster-twee{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);text-align:left}
.poster{display:flex;flex-direction:column;padding:clamp(24px,3vw,44px) clamp(20px,3.2vw,48px)}
.poster+.poster{border-left:1px solid var(--lijn)}
.poster-woord{font:400 clamp(130px,22vw,320px)/.82 var(--product);text-transform:uppercase;color:#ECEAE4}
.poster.free .poster-woord{color:rgba(236,234,228,.34)}
.poster-prijs{margin:clamp(16px,2vw,24px) 0 0;font:500 13px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}
.poster.free .poster-prijs{color:var(--mut)}
.poster ul{list-style:none;margin:clamp(18px,2vw,26px) 0;padding:0;display:grid;gap:9px;font-size:16px;line-height:1.3;flex:1;align-content:start}
.poster li{display:flex;gap:10px}
.poster li::before{content:"✓";flex:none;width:14px;font-weight:700}
.poster li.nee{color:var(--mut)}
.poster li.nee::before{content:"–";font-weight:400}
.poster .knop{align-self:flex-start;margin-top:auto}
@media (max-width:640px){.poster-twee{grid-template-columns:1fr}.poster+.poster{border-left:0;border-top:1px solid var(--lijn)}}