:root{--g:#0f766e;--gd:#0b3b37;--gl:#ccfbf1;--o:#f97316;--bol:#0000a4;--bolh:#0000d6;--t:#1f2933;--m:#5b6875;--bg:#f6f8f7;--card:#fff;--line:#e3e8e6;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--t);background:var(--bg)}
img{max-width:100%;height:auto;display:block}a{color:var(--g)}a:hover{color:var(--gd)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}.narrow{max-width:800px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}
h1,h2,h3{line-height:1.25;color:var(--gd)}h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:.4em 0}h2{font-size:1.55rem;margin:1.6em 0 .6em}h3{font-size:1.15rem}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.hdr{display:flex;align-items:center;justify-content:space-between;height:66px}.logo img{height:40px;width:auto}
.mainnav>ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;align-items:center}
.mainnav a,.mainnav summary{display:block;padding:8px 12px;border-radius:8px;color:var(--t);text-decoration:none;font-weight:600;cursor:pointer;list-style:none}
.mainnav summary::-webkit-details-marker{display:none}.mainnav summary::after{content:" ▾";font-size:.8em;color:var(--m)}
.mainnav a:hover,.mainnav summary:hover{background:var(--gl);color:var(--gd)}
.dd{position:relative}.ddmenu{position:absolute;top:44px;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.1);padding:8px;list-style:none;margin:0;width:520px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.ddmenu a{font-weight:500;padding:6px 10px}.burger{display:none;font-size:1.6rem;cursor:pointer}
@media(max-width:860px){.burger{display:block}.mainnav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px}
#navtoggle:checked~.mainnav{display:block}.mainnav>ul{flex-direction:column;align-items:stretch}.ddmenu{position:static;width:auto;box-shadow:none;grid-template-columns:1fr 1fr}}
.hero{background:linear-gradient(135deg,#0b3b37,#0f766e 60%,#14b8a6);color:#fff;padding:64px 0 56px}.hero h1{color:#fff;max-width:760px}.hero .lead{font-size:1.15rem;max-width:720px;opacity:.95}
.btn{display:inline-block;background:var(--o);color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;text-decoration:none;margin:6px 6px 0 0}.btn:hover{background:#ea580c;color:#fff}
.btn.ghost{background:transparent;border:2px solid #fff}.btn.ghost:hover{background:rgba(255,255,255,.12)}
.usps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;margin:-28px 0 10px}.usps li{background:#fff;border-radius:var(--r);padding:16px;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.06)}.usps b{display:block;font-size:1.3rem;color:var(--g)}
@media(max-width:700px){.usps{grid-template-columns:1fr 1fr}}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ccard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.ccard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.ccard .cimg img{aspect-ratio:4/3;object-fit:contain;background:#fff;width:100%;padding:10px}.ccard>div{padding:4px 16px 16px}.ccard h3{margin:.3em 0}.ccard h3 a{text-decoration:none;color:var(--gd)}.ccard p{margin:.3em 0;color:var(--m);font-size:.95rem}.ccard .links a{font-weight:700;margin-right:12px;text-decoration:none}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:14px 20px 0;margin:0;font-size:.88rem;color:var(--m)}.crumbs li+li::before{content:"›";margin-right:6px}.crumbs a{color:var(--m)}
.hero-cat{padding:10px 0 4px}.lead{font-size:1.1rem}.meta{color:var(--m);font-size:.9rem}
.aff-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 14px;font-size:.9rem}
.quick{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:6px 20px 14px;margin:20px 0}.quick ol{list-style:none;padding:0;margin:0}
.quick li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.quick li:first-child{border-top:0}
.quick li>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--t)}.quick img{width:64px;height:64px;object-fit:contain}.quick b{display:block;color:var(--g);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.prod{display:grid;grid-template-columns:300px 1fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;margin:0 0 20px;box-shadow:0 2px 10px rgba(0,0,0,.03)}
@media(max-width:760px){.prod{grid-template-columns:1fr}}
.pimg{position:relative}.pimg img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#fff}
.rank{position:absolute;top:8px;left:8px;background:var(--gd);color:#fff;font-weight:800;border-radius:999px;padding:3px 11px;font-size:.9rem}
.badge{display:inline-block;background:var(--gl);color:var(--gd);font-weight:700;font-size:.78rem;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.pname{font-size:1.35rem;margin:.35em 0 .2em}.rating{color:#d97706;font-size:.95rem}.rating b{color:var(--t)}.rating small{color:var(--m)}
.specs{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.specs li{background:var(--bg);border-radius:8px;padding:6px 10px;font-size:.88rem}.specs span{display:block;color:var(--m);font-size:.75rem}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pc ul{list-style:none;padding:0;margin:6px 0 14px;font-size:.93rem}.pros li::before{content:"✔ ";color:#16a34a;font-weight:700}.cons li::before{content:"✖ ";color:#dc2626;font-weight:700}
@media(max-width:500px){.pc{grid-template-columns:1fr}}
.btn-bol{display:inline-flex;align-items:center;gap:8px;background:var(--bol);color:#fff!important;text-decoration:none;font-weight:700;padding:13px 24px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,164,.25);transition:background .15s,transform .15s}
.btn-bol:hover{background:var(--bolh);transform:translateY(-1px)}.btn-bol.sm{padding:9px 16px;font-size:.92rem;white-space:nowrap}
.method,.cta,.cta-top{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:6px 22px 16px;margin:24px 0}
.cta{background:linear-gradient(135deg,#ecfdf5,#ccfbf1);border-color:#99f6e4;text-align:center;padding:18px 22px}.cta h2{margin-top:.3em}
.cta-top{padding:10px 18px;background:#ecfdf5;border-color:#99f6e4}
.prose{font-size:1.05rem}.prose img.feat{border-radius:var(--r);margin:10px 0 20px;width:100%;aspect-ratio:16/9;object-fit:cover}
.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}.prose th{background:var(--gl)}.tablewrap{overflow-x:auto;margin:16px 0}
.prose blockquote{border-left:4px solid var(--g);margin:16px 0;padding:6px 16px;background:#fff;border-radius:0 10px 10px 0}
.mini,.top10{background:#fff;border:2px solid var(--gl);border-radius:var(--r);padding:4px 20px 18px;margin:28px 0}.mini h2,.top10 h2{margin-top:.7em}.sub{color:var(--m);margin-top:-6px}
.minigrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.mcard{position:relative;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.mcard img{aspect-ratio:1;object-fit:contain;width:100%}.mcard h3{font-size:.98rem;margin:0}.mcard p{font-size:.85rem;color:var(--m);margin:0;flex:1}.mcard .btn-bol{justify-content:center}
.t10{list-style:none;padding:0;margin:0}.t10 li{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;border-top:1px solid var(--line);padding:12px 0}
.t10 img{width:96px;height:96px;object-fit:contain}.t10 .rank{position:static;display:inline-block;margin-bottom:4px}.t10 h3{margin:.1em 0;font-size:1rem}.t10 p{margin:0;font-size:.88rem;color:var(--m)}
@media(max-width:640px){.t10 li{grid-template-columns:72px 1fr}.t10 img{width:72px;height:72px}.t10 .btn-bol{grid-column:1/-1;justify-content:center}}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:0 16px}.faq summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--gd)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.pgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pgrid{grid-template-columns:1fr}}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--t);display:flex;flex-direction:column}.pcard:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}
.pcard img{aspect-ratio:16/9;object-fit:cover;width:100%}.pcard>div{padding:12px 16px 16px}.pcard h3{margin:.3em 0;font-size:1.05rem}.pcard p{font-size:.9rem;color:var(--m);margin:.3em 0}.pcard small{color:var(--m)}
.tag{display:inline-block;background:var(--gl);color:var(--gd);font-size:.75rem;font-weight:700;padding:2px 9px;border-radius:999px;text-transform:uppercase}
.list-h{margin-top:1.2em}
.site-footer{background:var(--gd);color:#cfe7e3;margin-top:60px;padding:40px 0 20px}.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
.site-footer h3{color:#fff;font-size:1rem}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer a{color:#cfe7e3;text-decoration:none;font-size:.92rem;line-height:2}.site-footer a:hover{color:#fff}
.disc{font-size:.82rem;opacity:.8;border-top:1px solid rgba(255,255,255,.15);padding-top:16px;margin-top:24px}
@media(max-width:800px){.fcols{grid-template-columns:1fr 1fr}}
.aff-bottom{margin-top:40px}.aff-bottom .aff-note{margin:0}
.cookiebar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:620px;margin:0 auto;background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.12);padding:8px 10px 8px 16px;display:flex;gap:12px;align-items:center;font-size:.85rem;line-height:1.35}
.cookiebar[hidden]{display:none}.cookiebar p{margin:0;flex:1}.cookiebar a{color:var(--g,#0f766e);text-decoration:underline}
.cbtn{flex:0 0 auto;padding:7px 16px;border-radius:8px;border:0;background:#0f766e;color:#fff;font:inherit;font-weight:600;cursor:pointer}.cbtn:hover{background:#115e59}
.linkbtn{background:none;border:0;padding:0;color:#cfe7e3;font:inherit;font-size:.92rem;line-height:2;cursor:pointer;text-decoration:none}.linkbtn:hover{color:#fff}
.linkbtn.dark{color:#0f766e;text-decoration:underline;font-size:inherit;line-height:inherit}
.cmp table td,.cmp table th{vertical-align:top;font-size:.88rem}.cmp .small,.small{font-size:.8rem;color:#6b7280}.review p{margin:.5em 0}.advies{margin-top:30px}.hero-cat .lead.prose p{margin:.5em 0}

/* vergelijkingstabel */
.ctable{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 24px rgba(15,118,110,.07);overflow:clip;margin:16px 0}
.ctable table{border-collapse:separate;border-spacing:0;width:100%;font-size:.92rem}
.cmp .ctable thead th{vertical-align:middle;position:sticky;top:64px;z-index:2;background:#f1f6f5;color:var(--m);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}
.cmp .ctable td{padding:12px 16px;vertical-align:middle;font-size:.92rem;border-bottom:1px solid var(--line)}
.ctable tbody tr:last-child td{border-bottom:0}
.ctable tbody tr:nth-child(even) td{background:#fafcfb}
.ctable tbody tr:hover td{background:#eefaf7}
.ctable .c-prod{width:36%}.ctable .c-score{width:118px;text-align:center}.ctable .c-cta{width:1%;text-align:right;white-space:nowrap}
.ctable thead .c-score{text-align:center}
.cp{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--t)}
.cp img{width:56px;height:56px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;flex:0 0 56px}
.cp-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.cp-n{font-weight:700;line-height:1.3}.cp:hover .cp-n{color:var(--g);text-decoration:underline}
.cp-b{align-self:flex-start;font-size:.72rem;font-weight:700;color:var(--g);background:var(--gl);padding:2px 8px;border-radius:999px}
.rk{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:#e8eeec;color:var(--gd)}
.rk-top{background:var(--g);color:#fff}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.chips li{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:2px 7px;font-size:.76rem;white-space:nowrap}
.chips li span{color:var(--m)}
.c-pro{font-size:.85rem;color:var(--m)}.c-pro::before{content:"✔ ";color:var(--g);font-weight:700}
.sc{display:inline-flex;flex-direction:column;align-items:center;line-height:1.2}
.sc-v{font-weight:800;color:#b45309;white-space:nowrap}.sc-n{font-size:.72rem;color:var(--m);white-space:nowrap}
.sc-none{color:#9aa5ae;font-weight:700}
.btn-cmp{display:inline-flex;align-items:center;gap:6px;background:var(--bol);color:#fff!important;text-decoration:none;font-weight:700;font-size:.82rem;padding:8px 14px;border-radius:9px;white-space:nowrap;transition:background .15s}
.btn-cmp:hover{background:var(--bolh)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){
 .ctable{background:none;border:0;box-shadow:none;overflow:visible}
 .ctable thead{display:none}
 .ctable table,.ctable tbody,.ctable tr,.ctable td{display:block;width:auto!important}
 .ctable tr{display:grid!important;grid-template-columns:1fr auto;gap:10px 12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 12px;box-shadow:0 3px 12px rgba(0,0,0,.04)}
 .cmp .ctable td{padding:0;border:0!important;background:none!important}
 .ctable .c-prod{grid-column:1/-1}
 .ctable .c-specs{grid-column:1/-1}
 .ctable .c-score{text-align:left;align-self:center}
 .ctable .c-score .sc{flex-direction:row;gap:6px;align-items:baseline}
 .ctable .c-score::before{content:"Score ";font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--m);margin-right:4px}
 .ctable .c-cta{text-align:right}
 .chips li{white-space:normal}
}
@media(max-width:760px){.cmp .ctable td.c-score{display:flex!important;align-items:baseline;gap:6px;white-space:nowrap}.ctable .c-score::before{margin-right:0}}