/* ============================================================
   CONCEPT C: DE WITTE SHOWROOM - gedeeld designsysteem
   Spierwit, haarlijnen, grote fotografie, pill-knoppen,
   een fel kleurmoment: de oranje band.
   ============================================================ */
:root{
  --white:#FFFFFF; --ink:#101418; --muted:#667085; --soft:#98A2B3;
  --hair:#EAECF0; --accent:#FF5D1F; --accent-deep:#E84B10;
  --green:#17994F; --stage:#F7F8FA;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
body{font-family:"Manrope",system-ui,sans-serif;background:var(--white);color:var(--ink);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Sora",sans-serif;letter-spacing:-.03em;line-height:1.08}
.num{font-variant-numeric:tabular-nums}
.wrap{max-width:1220px;margin:0 auto;padding:0 28px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:700;padding:17px 32px;font-size:1rem;line-height:1;white-space:nowrap;cursor:pointer;border:none;transition:transform .15s,background .15s,border-color .15s}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-deep)}
.btn-ghost{border:1.5px solid var(--hair);color:var(--ink);background:var(--white)}
.btn-ghost:hover{border-color:var(--ink)}
.tlink{font-weight:700;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.tlink:hover{color:var(--accent-deep)}
/* topbar + header */
.topbar{border-bottom:1px solid var(--hair);font-size:.8125rem;color:var(--muted)}
.topbar .wrap{display:flex;justify-content:center;gap:36px;padding:10px 28px}
.topbar span{display:flex;align-items:center;gap:7px}
.topbar svg{color:var(--green);flex:none}
@media (max-width:820px){.topbar span:nth-child(n+2){display:none}}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}
.header .wrap{display:flex;align-items:center;gap:30px;height:76px}
.logo{display:flex;align-items:center;gap:11px;margin-right:auto}
.logo-mark{width:38px;height:38px;border-radius:12px;background:var(--ink);display:grid;place-items:center;color:var(--accent);flex:none}
.logo b{font-family:"Sora",sans-serif;font-weight:700;font-size:1.0625rem;letter-spacing:-.02em;display:block;line-height:1.1}
.logo small{font-size:.5938rem;color:var(--soft);letter-spacing:.14em;text-transform:uppercase}
.nav{display:flex;gap:30px;font-size:.9375rem;font-weight:600;color:var(--muted)}
.nav a:hover{color:var(--ink)}
.nav a.on{color:var(--ink)}
.header-tel{font-size:.9375rem;font-weight:700}
.header .btn{padding:13px 24px;font-size:.9063rem}
@media (max-width:980px){.nav{display:none}}
@media (max-width:620px){.header-tel{display:none}}
/* hero (home) */
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:84px;padding-bottom:84px}
.hero h1{font-size:clamp(2.6rem,5vw,4rem);font-weight:800;max-width:14ch}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-sub{color:var(--muted);font-size:1.1563rem;margin-top:22px;max-width:42ch}
.hero-ctas{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
.hero-proof{display:flex;align-items:center;gap:9px;margin-top:26px;font-size:.875rem;color:var(--muted)}
.hero-proof .st{color:var(--accent);letter-spacing:1px}
.hero-proof b{color:var(--ink)}
.hero-visual{position:relative;display:grid;place-items:center}
.hero-visual::before{content:"";position:absolute;inset:8% 6%;background:radial-gradient(closest-side,var(--stage),rgba(247,248,250,0));border-radius:50%}
.hero-visual img{position:relative;max-height:480px;object-fit:contain;filter:drop-shadow(0 40px 50px rgba(16,20,24,.18))}
.hero-chip{position:absolute;right:2%;bottom:6%;background:var(--white);border:1px solid var(--hair);border-radius:16px;padding:16px 20px;box-shadow:0 24px 50px -20px rgba(16,20,24,.25)}
.hero-chip small{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}
.hero-chip b{font-family:"Sora",sans-serif;font-size:1.0625rem;letter-spacing:-.02em;display:block;margin:3px 0 2px}
.hero-chip .p{font-family:"Sora",sans-serif;font-weight:800;font-size:1.25rem}
.hero-chip .p del{font-family:"Manrope",sans-serif;font-size:.8125rem;color:var(--soft);font-weight:500;margin-right:7px}
@media (max-width:920px){.hero .wrap{grid-template-columns:1fr;gap:48px;padding-top:52px;padding-bottom:56px}.hero-visual img{max-height:340px}}
/* oranje band */
.band{background:var(--accent);color:#fff;overflow:hidden;position:relative}
.band::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 300px at 85% 0%,rgba(255,255,255,.18),transparent 60%)}
.band .wrap{position:relative;display:flex;align-items:center;gap:40px;padding-top:44px;padding-bottom:44px;flex-wrap:wrap}
.band h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700;max-width:22ch}
.band-count{display:flex;gap:22px;margin-left:auto}
.band-count div{text-align:center}
.band-count b{display:block;font-family:"Sora",sans-serif;font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800;line-height:1}
.band-count span{display:block;margin-top:5px;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.band .btn{background:var(--white);color:var(--ink)}
.band .btn:hover{background:#FFF3EC}
@media (max-width:960px){.band-count{margin-left:0}}
/* secties */
.sec{padding:96px 0}
.sec-tight{padding:56px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:48px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800}
.sec-head .tlink{font-size:.9688rem}
.crumbs{font-size:.8438rem;color:var(--soft);padding-top:28px}
.crumbs a:hover{color:var(--ink)}
/* showcase haarlijn-tegels */
.show{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.show-item{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:52px 44px;display:flex;flex-direction:column;position:relative}
.show-tag{position:absolute;top:24px;left:44px;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}
.show-deal{position:absolute;top:24px;right:44px;font-family:"Sora",sans-serif;font-weight:800;font-size:.9375rem;color:var(--accent-deep)}
.show-img{height:250px;display:grid;place-items:center;margin:18px 0 26px;position:relative}
.show-img::before{content:"";position:absolute;inset:6% 14%;background:radial-gradient(closest-side,var(--stage),rgba(247,248,250,0));border-radius:50%}
.show-img img{position:relative;max-height:240px;object-fit:contain;filter:drop-shadow(0 26px 34px rgba(16,20,24,.16));transition:transform .25s ease}
.show-item:hover .show-img img{transform:scale(1.04) translateY(-4px)}
.show-wm{position:relative;font-family:"Sora",sans-serif;font-weight:800;letter-spacing:.24em;font-size:1.375rem;color:var(--soft)}
.show-item h3{font-size:1.375rem;font-weight:700}
.show-item .for{color:var(--muted);font-size:.9375rem;margin:6px 0 18px}
.show-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.show-price del{display:block;font-size:.8438rem;color:var(--soft)}
.show-price .p{font-family:"Sora",sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:-.02em}
.show-price .p small{font-family:"Manrope",sans-serif;font-size:.6875rem;color:var(--soft);font-weight:500}
.show-price .dlv{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--green);margin-top:4px}
.show-foot .btn{padding:15px 26px;font-size:.9375rem}
.show-more{margin-top:12px;font-size:.8438rem;font-weight:600;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.show-more:hover{color:var(--ink)}
.show3{grid-template-columns:1fr 1fr 1fr}
.show3 .show-item{padding:40px 34px}
.show3 .show-tag{left:34px}.show3 .show-deal{right:34px}
.show3 .show-img{height:180px}.show3 .show-img img{max-height:170px}
.show3 .show-item h3{font-size:1.125rem}
@media (max-width:900px){.show,.show3{grid-template-columns:1fr}.show-item{padding:40px 24px}.show-tag{left:24px}.show-deal{right:24px}}
/* meterband */
.stats{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:52px;padding-bottom:52px}
.stats > .wrap > div{padding:0 32px;border-left:1px solid var(--hair)}
.stats > .wrap > div:first-child{border-left:none;padding-left:0}
.stats b{display:block;font-family:"Sora",sans-serif;font-size:clamp(2.3rem,4.4vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1}
.stats b i{font-style:normal;color:var(--accent)}
.stats span{display:block;margin-top:10px;font-size:.8438rem;color:var(--muted)}
@media (max-width:860px){.stats .wrap{grid-template-columns:1fr 1fr;gap:34px 0}.stats > .wrap > div:nth-child(3){border-left:none;padding-left:0}}
/* zekerheden */
.certs{display:grid;grid-template-columns:repeat(4,1fr);gap:44px}
.cert svg{color:var(--accent);margin-bottom:14px}
.cert b{display:block;font-family:"Sora",sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
.cert span{font-size:.875rem;color:var(--muted);line-height:1.6}
@media (max-width:900px){.certs{grid-template-columns:1fr 1fr;gap:32px}}
@media (max-width:540px){.certs{grid-template-columns:1fr}}
/* keuzehulp / cta-box */
.kies{border:1.5px solid var(--ink);border-radius:24px;padding:44px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.kies h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;max-width:16ch}
.kies p{color:var(--muted);font-size:.9688rem;margin-top:8px;max-width:44ch}
.kies .btn{margin-left:auto}
@media (max-width:820px){.kies .btn{margin-left:0;width:100%}.kies{padding:30px}}
/* quote */
.quote{max-width:800px;margin:0 auto;text-align:center}
.quote .st{color:var(--accent);letter-spacing:2px;font-size:1.0625rem}
.quote blockquote{font-family:"Sora",sans-serif;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.35;margin-top:18px}
.quote footer{margin-top:20px;font-size:.9063rem;color:var(--muted)}
/* productpagina */
.pgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start;padding-top:36px}
.pgal{position:sticky;top:110px}
.pgal-main{position:relative;display:grid;place-items:center;min-height:440px}
.pgal-main::before{content:"";position:absolute;inset:8% 10%;background:radial-gradient(closest-side,var(--stage),rgba(247,248,250,0));border-radius:50%}
.pgal-main img{position:relative;max-height:420px;object-fit:contain;filter:drop-shadow(0 34px 44px rgba(16,20,24,.16))}
.pgal-wm{position:relative;font-family:"Sora",sans-serif;font-weight:800;letter-spacing:.24em;font-size:1.75rem;color:var(--soft)}
.pthumbs{display:flex;gap:10px;justify-content:center;margin-top:18px}
.pthumb{width:66px;height:66px;border:1.5px solid var(--hair);border-radius:14px;display:grid;place-items:center;padding:9px;background:var(--white)}
.pthumb img{max-height:46px;object-fit:contain}
.pthumb.on{border-color:var(--ink)}
.pbuy .st{color:var(--accent);letter-spacing:1px;font-size:.9063rem}
.pbuy .stl{font-size:.8438rem;color:var(--muted);margin-left:8px}
.pbuy h1{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;margin:10px 0 8px}
.pbuy .lead{color:var(--muted);font-size:1rem;max-width:48ch}
.plist{margin:22px 0;border-top:1px solid var(--hair)}
.plist span{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--hair);font-size:.9063rem;color:var(--muted)}
.plist svg{color:var(--green);flex:none;margin-top:4px}
.plist .min svg{color:var(--soft)}
.vpills{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 22px}
.vpill{border:1.5px solid var(--hair);border-radius:999px;padding:12px 20px;font-size:.9063rem;font-weight:600;color:var(--muted);background:var(--white)}
.vpill.on{border-color:var(--ink);color:var(--ink)}
.vpill b{font-family:"Sora",sans-serif;font-weight:800;margin-left:8px;color:var(--ink)}
.pprice del{font-size:.9063rem;color:var(--soft);margin-right:10px}
.pprice .p{font-family:"Sora",sans-serif;font-weight:800;font-size:2.25rem;letter-spacing:-.02em}
.pprice small{font-size:.75rem;color:var(--soft);font-weight:500;margin-left:6px}
.pprice.oa .p{font-size:1.625rem}
.pdlv{display:flex;align-items:center;gap:7px;font-size:.875rem;font-weight:600;color:var(--green);margin:10px 0 22px}
.buyrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.buyrow .btn-primary{padding:18px 40px;font-size:1.0625rem}
.trustmini{display:flex;gap:26px;margin-top:24px;padding-top:20px;border-top:1px solid var(--hair);flex-wrap:wrap;font-size:.8125rem;color:var(--muted)}
.trustmini span{display:flex;align-items:center;gap:7px}
.trustmini svg{color:var(--green);flex:none}
.paychips{display:flex;gap:8px;margin-top:16px}
.paychip{border:1px solid var(--hair);border-radius:8px;padding:5px 12px;font-size:.7188rem;font-weight:700;color:var(--muted);letter-spacing:.02em}
@media (max-width:920px){.pgrid{grid-template-columns:1fr;gap:40px}.pgal{position:static}}
/* band-calculator */
.band-calc .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) auto;gap:56px;align-items:center;padding-top:56px;padding-bottom:56px}
.band-calc h2{max-width:none}
.band-calc label{display:block;font-size:.7188rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-top:22px}
.band-calc .kwh{font-family:"Sora",sans-serif;font-weight:800;font-size:1.5rem;margin-top:6px}
.band-calc input[type=range]{width:100%;max-width:460px;accent-color:#fff;margin-top:14px;cursor:pointer}
.band-calc .rlbl{display:flex;justify-content:space-between;max-width:460px;font-size:.7188rem;opacity:.7;margin-top:6px}
.band-res{display:flex;gap:48px}
.band-res div{text-align:left}
.band-res b{display:block;font-family:"Sora",sans-serif;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:1}
.band-res span{display:block;margin-top:6px;font-size:.7188rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.band-note{font-size:.8125rem;opacity:.75;margin-top:18px;max-width:60ch}
@media (max-width:920px){.band-calc .wrap{grid-template-columns:1fr;gap:30px}}
/* specs-kolommen */
.speccols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.speccol{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:36px}
.speccol h3{font-size:.8125rem;font-family:"Manrope",sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-bottom:16px}
.speccol dl{display:grid;grid-template-columns:1fr auto;font-size:.9063rem}
.speccol dt{color:var(--muted);padding:7px 0}
.speccol dd{text-align:right;font-weight:600;padding:7px 0}
@media (max-width:900px){.speccols{grid-template-columns:1fr}}
/* haarlijn-cellen (kenmerken, voorwie, service) */
.cells{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.cells3{grid-template-columns:repeat(3,1fr)}
.cells2{grid-template-columns:1fr 1fr}
.cell{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:34px}
.cell svg{color:var(--accent);margin-bottom:14px}
.cell b{display:block;font-family:"Sora",sans-serif;font-size:1.0313rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.cell p{font-size:.875rem;color:var(--muted);line-height:1.6}
@media (max-width:900px){.cells,.cells3{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cells,.cells3,.cells2{grid-template-columns:1fr}}
/* merk-hero */
.bhero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;padding-top:64px;padding-bottom:64px}
.bhero .tag{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.bhero h1{font-size:clamp(2.2rem,4.2vw,3.2rem);font-weight:800;margin-top:12px}
.bhero .bt{color:var(--muted);font-size:1.125rem;margin-top:8px}
.bhero .bo{color:var(--muted);font-size:.9688rem;margin-top:16px;max-width:56ch}
.bstats{display:flex;gap:34px;margin-top:26px;flex-wrap:wrap}
.bstats span{font-size:.75rem;color:var(--soft)}
.bstats b{display:block;font-family:"Sora",sans-serif;font-size:1.25rem;font-weight:800;color:var(--ink)}
.bhero .hero-ctas{margin-top:28px}
@media (max-width:920px){.bhero{grid-template-columns:1fr;gap:40px}}
/* faq open */
.faqo{max-width:820px}
.faqo > div{padding:26px 0;border-bottom:1px solid var(--hair)}
.faqo b{display:block;font-family:"Sora",sans-serif;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.faqo p{color:var(--muted);font-size:.9375rem;max-width:68ch}
/* vergelijk-tabel */
.vtab{overflow-x:auto;border-top:1px solid var(--hair)}
.vtab table{border-collapse:collapse;width:100%;min-width:860px;font-size:.9063rem}
.vtab th,.vtab td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--hair);vertical-align:middle}
.vtab thead th{vertical-align:bottom;padding-top:32px}
.vtab tbody th{color:var(--muted);font-weight:600;font-size:.8438rem;white-space:nowrap}
.vtab .vp-img{height:110px;display:grid;place-items:start;margin-bottom:10px}
.vtab .vp-img img{max-height:105px;object-fit:contain}
.vtab .vp-n{font-family:"Sora",sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.01em}
.vtab .vp-p{font-family:"Sora",sans-serif;font-weight:800;font-size:1.1875rem;margin:6px 0 10px}
.vtab .vp-p del{font-family:"Manrope",sans-serif;font-size:.75rem;color:var(--soft);font-weight:500;margin-right:6px}
.vtab .btn{padding:11px 18px;font-size:.8125rem}
.vtab .ja{color:var(--green);font-weight:700}
.vtab .nee{color:var(--soft)}
/* kennisbank */
.arts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.art{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:38px;display:flex;flex-direction:column;transition:background .15s}
.art:hover{background:var(--stage)}
.art .cat{font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}
.art h3{font-size:1.1875rem;font-weight:700;margin:12px 0 10px;letter-spacing:-.02em}
.art p{font-size:.875rem;color:var(--muted);line-height:1.6}
.art .mt{margin-top:auto;padding-top:18px;font-size:.7813rem;color:var(--soft)}
@media (max-width:900px){.arts{grid-template-columns:1fr}}
/* formulieren */
.form label{display:block;font-size:.8125rem;font-weight:700;margin:18px 0 7px}
.form input{width:100%;border:1.5px solid var(--hair);border-radius:14px;padding:15px 18px;font:inherit;font-size:.9688rem;background:var(--white);color:var(--ink)}
.form input::placeholder{color:var(--soft)}
.form input:focus{outline:none;border-color:var(--ink)}
.form .btn{margin-top:22px}
/* jeroen-rij */
.jrow{border:1.5px solid var(--ink);border-radius:24px;padding:32px 40px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.jrow .ava{width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Sora",sans-serif;font-weight:800;font-size:1.25rem;flex:none}
.jrow b{display:block;font-family:"Sora",sans-serif;font-size:1.0625rem;font-weight:700}
.jrow span{font-size:.9063rem;color:var(--muted)}
.jrow .btn{margin-left:auto}
@media (max-width:760px){.jrow .btn{margin-left:0;width:100%}}
/* categorie: filtersidebar + productrijen */
.cat{display:grid;grid-template-columns:262px minmax(0,1fr);gap:44px;align-items:start;padding-top:30px}
.fside{position:sticky;top:104px}
.helpcard{background:var(--ink);color:#fff;border-radius:22px;padding:28px 26px;margin-bottom:8px}
.helpcard b{font-family:"Sora",sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;display:block}
.helpcard p{font-size:.8438rem;color:rgba(255,255,255,.66);margin:8px 0 18px;line-height:1.55}
.helpcard .btn{width:100%;padding:14px 20px;font-size:.875rem}
.fgroup{border-bottom:1px solid var(--hair);padding:22px 4px}
.fgroup h4{font-family:"Manrope",sans-serif;font-size:.7188rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:10px}
.fgroup label{display:flex;align-items:center;gap:11px;font-size:.9063rem;font-weight:500;color:var(--muted);padding:7px 0;cursor:pointer}
.fgroup label:hover{color:var(--ink)}
.fgroup input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex:none}
.sortsel{border:1.5px solid var(--hair);border-radius:999px;padding:10px 18px;font:inherit;font-size:.875rem;font-weight:600;color:var(--ink);background:var(--white);cursor:pointer}
.lrows{display:flex;flex-direction:column;gap:18px}
.lrow{border:1px solid var(--hair);border-radius:24px;padding:34px 36px 30px;display:grid;grid-template-columns:180px minmax(0,1fr) 210px;gap:34px;position:relative;transition:border-color .2s,box-shadow .2s}
.lrow:hover{border-color:#D8DDE4;box-shadow:0 30px 50px -34px rgba(16,20,24,.22)}
.lrow-badges{position:absolute;top:-12px;left:28px;display:flex;gap:8px}
.lbadge{border-radius:999px;padding:5px 13px;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#fff}
.lbadge.alt{background:var(--ink)}
.lrow-img{display:grid;place-items:center;position:relative;min-height:180px}
.lrow-img::before{content:"";position:absolute;inset:4% 8%;background:radial-gradient(closest-side,var(--stage),rgba(247,248,250,0));border-radius:50%}
.lrow-img img{position:relative;max-height:170px;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(16,20,24,.15))}
.lrow-mid .st{color:var(--accent);letter-spacing:1px;font-size:.8125rem}
.lrow-mid .stl{font-size:.8125rem;color:var(--muted);margin-left:7px}
.lrow-mid h3{font-size:1.375rem;font-weight:700;margin-top:6px}
.lrow-mid h3 a:hover{color:var(--accent-deep)}
.lrow-mid .sub{font-size:.9063rem;color:var(--muted);margin-top:2px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px}
.chip{border:1px solid var(--hair);border-radius:999px;padding:5px 13px;font-size:.7813rem;font-weight:600;color:var(--muted);white-space:nowrap}
.lchecks{margin-top:10px}
.lchecks span{display:flex;gap:9px;align-items:flex-start;font-size:.875rem;color:var(--muted);padding:3px 0}
.lchecks svg{color:var(--green);flex:none;margin-top:4px}
.lchecks .min svg{color:var(--soft)}
.lrow-buy{display:flex;flex-direction:column;align-items:flex-end;text-align:right;border-left:1px solid var(--hair);padding-left:30px}
.lrow-buy del{font-size:.8438rem;color:var(--soft)}
.lrow-buy del i{font-style:normal;color:var(--accent-deep);font-weight:800;margin-left:6px}
.lrow-buy .p{font-family:"Sora",sans-serif;font-weight:800;font-size:1.875rem;letter-spacing:-.02em}
.lrow-buy .p small{font-family:"Manrope",sans-serif;font-size:.6875rem;color:var(--soft);font-weight:500}
.lrow-buy .dlv{display:flex;align-items:center;gap:6px;font-size:.7813rem;font-weight:600;color:var(--green);margin:8px 0 16px}
.lrow-buy .btn{width:100%;padding:14px 22px;font-size:.9063rem}
.lrow-buy .btn+.btn{margin-top:9px}
.vcheck{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--muted);margin-top:14px;cursor:pointer}
.vcheck input{width:15px;height:15px;accent-color:var(--ink);cursor:pointer}
.vbar{position:fixed;right:26px;bottom:26px;z-index:70;box-shadow:0 24px 50px -16px rgba(16,20,24,.35)}
@media (max-width:1060px){.lrow{grid-template-columns:150px minmax(0,1fr)}.lrow-buy{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border-left:none;border-top:1px solid var(--hair);padding:20px 0 0;text-align:left;flex-wrap:wrap;gap:14px}.lrow-buy .btn{width:auto}.lrow-buy .btn+.btn{margin-top:0}}
@media (max-width:980px){.cat{grid-template-columns:1fr}.fside{position:static}}
@media (max-width:640px){.lrow{grid-template-columns:1fr;padding:28px 22px}}
/* landingspagina (betaald verkeer) */
.lpbar{position:sticky;top:76px;z-index:45;background:var(--ink);color:#fff;font-size:.875rem}
.lpbar .wrap{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:11px;padding-bottom:11px;flex-wrap:wrap}
.lpbar svg{color:var(--accent);flex:none}
.lpbar .pill{background:var(--accent);border-radius:999px;padding:4px 13px;font-family:"Sora",sans-serif;font-weight:800;font-size:.8125rem;white-space:nowrap}
@media (max-width:760px){.lpbar .x{display:none}}
.sealbar{background:var(--stage);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.sealbar .wrap{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
.sealbar span{border:1px solid var(--hair);background:var(--white);border-radius:10px;padding:8px 18px;font-size:.8125rem;font-weight:700;color:var(--muted);letter-spacing:.02em}
.phone{position:absolute;right:0;bottom:2%;width:170px;background:var(--ink);border-radius:28px;padding:9px;box-shadow:0 34px 60px -22px rgba(16,20,24,.45)}
.phone-scr{background:var(--white);border-radius:20px;padding:16px 14px 12px}
.phone-scr small{display:block;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.phone-scr b{font-family:"Sora",sans-serif;font-size:1.25rem;font-weight:800;display:block;margin:2px 0 8px}
.phone-scr .up{color:var(--green);font-size:.6875rem;font-weight:700;display:flex;align-items:center;gap:4px;margin-top:6px}
@media (max-width:920px){.phone{width:140px;right:2%}}
.cmp{border:1px solid var(--hair);border-radius:24px;overflow-x:auto}
.cmp table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:640px}
.cmp th,.cmp td{padding:17px 26px;text-align:left;border-bottom:1px solid var(--hair)}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:none}
.cmp thead th{font-family:"Sora",sans-serif;font-size:.9688rem;letter-spacing:-.01em;padding-top:24px}
.cmp tbody th{font-weight:600;color:var(--muted);font-size:.8438rem}
.cmp .hi{background:#FFF7F2}
.cmp thead .hi{color:var(--accent-deep)}
.cmp td.win{font-weight:700}
.cmp td.win svg{color:var(--green);vertical-align:-3px;margin-right:8px}
.cmp td.lose{color:var(--soft)}
.lpfinal{text-align:center}
.lpfinal .fimg{position:relative;display:grid;place-items:center;height:300px;margin-bottom:26px}
.lpfinal .fimg::before{content:"";position:absolute;inset:6% 30%;background:radial-gradient(closest-side,var(--stage),rgba(247,248,250,0));border-radius:50%}
.lpfinal .fimg img{position:relative;max-height:290px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(16,20,24,.16))}
.lpfinal h2{font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:800;max-width:22ch;margin:0 auto}
.lpfinal .pprice{margin-top:18px}
.lpfinal .fin{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.875rem;font-weight:600;color:var(--green);margin-top:18px}
/* footer */
.footer{border-top:1px solid var(--hair);color:var(--muted);font-size:.875rem}
.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:34px;padding-bottom:34px;flex-wrap:wrap}
.footer a{font-weight:700;color:var(--ink)}
.footer a:hover{color:var(--accent-deep)}
.f-links{display:flex;gap:26px;flex-wrap:wrap}

/* ============ Bricks-context overrides (alleen geladen op Concept-C Bricks-pagina's) ============ */
body.brx-body{font-family:'Manrope',system-ui,sans-serif;background:var(--white);color:var(--ink);font-size:1.0625rem;line-height:1.6}
.brx-body h1,.brx-body h2,.brx-body h3{font-family:'Sora',sans-serif;letter-spacing:-.03em;line-height:1.08;margin:0}
.brx-body a{color:inherit;text-decoration:none}
.brx-body .brxe-heading{margin:0}
.brx-body .brxe-text-basic,.brx-body .brxe-text{margin:0}
/* utilities voor sectie-varianten */
.pt0{padding-top:0}
.mra{margin-right:auto}
/* Bricks rich-text: neutraliseer de wpautop <p>-wrapper zodat flex/grid-structuren kloppen */
.brxe-text > p:only-child{display:contents}
/* live-site injecties (mobiel menu-drawer) horen niet op de concept-C-pagina's */
.tbd-drawer,.tbd-backdrop,.tbd-hamburger{display:none!important}
/* WhatsApp-bubble van de live site: zonder eigen stylesheet valt hij in de flow; zet hem vast rechtsonder */
a:has(> .tbd-wa-bubble){position:fixed!important;right:22px;bottom:22px;top:auto!important;left:auto!important;z-index:80}
/* wpautop-p's zonder class in layout-containers: maak ze transparant zodat grid/flex-kinderen kloppen */
.lrow > p:not([class]),.lrows > p:not([class]),.pgrid > p:not([class]),.pgal > p:not([class]),.pbuy > p:not([class]),.pthumbs > p:not([class]),.show-item > p:not([class]),.show > p:not([class]),.show3 > p:not([class]),.cat > p:not([class]),.fside > p:not([class]),.bhero > p:not([class]),.cells > p:not([class]),.speccols > p:not([class]),.hero-visual > p:not([class]),.kies > p:not([class]),.jrow > p:not([class]),.band-calc .wrap > p:not([class]),.band .wrap > p:not([class]),.cmp > p:not([class]),.faqo > p:not([class]),.arts > p:not([class]),.certs > p:not([class]),.stats .wrap > p:not([class]),.vtab > p:not([class]),.form > p:not([class]),.sealbar .wrap > p:not([class]),.lpbar .wrap > p:not([class]),.lpfinal > p:not([class]),.footer .wrap > p:not([class]),.quote > p:not([class]),.topbar .wrap > p:not([class]),.hero-ctas > p:not([class]),.sec-head > p:not([class]){display:contents}
.brxe-text p:empty{display:none}/* Bricks header-template-wrapper transparant: dan plakt .header aan de viewport zoals in het concept */
#brx-header{display:contents}
/* Bricks zet overflow-x:hidden op body en dat breekt position:sticky; clip op html voorkomt horizontale scroll zonder sticky te slopen */
html{overflow-x:clip}
body.brx-body{overflow:visible!important}
/* mobiel: menu niet verbergen maar als scrollbare rij onder de logo-regel */
@media (max-width:980px){
  .header .wrap{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px;row-gap:10px}
  .nav{display:flex;order:10;width:100%;overflow-x:auto;gap:22px;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap}
  .header .btn{padding:11px 18px;font-size:.8438rem}
}/* Bricks-thema zet html op 10px (62.5%); de concepten zijn geschreven op 16px root - herstel, anders krimpt alle rem-typografie 37,5% */
html{font-size:16px!important}
.sec-head label{white-space:nowrap}
/* mobiel: de nth-child-verbergregel van de topbar raakt ook de countdown-tekst binnen het eerste item; herstel die */
.topbar #cutoffTop{display:inline!important}
/* footer-template-wrapper: thema geeft #brx-footer een navy achtergrond; transparant maken zoals de header */
#brx-footer{display:contents}
/* herstel: de brxe-text margin-reset doodde ook margin:auto-centreringen; hier expliciet terugzetten */
.brx-body .wrap{margin-left:auto;margin-right:auto}
.brx-body .mra{margin-right:auto}
.brx-body .band-count{margin-left:auto}
.brx-body .quote{margin-left:auto;margin-right:auto}
.brx-body .lpfinal h2{margin-left:auto;margin-right:auto}/* her-assertions: .brx-body a{color:inherit} en de margin-reset wonnen van conceptregels op gelijke/lagere specificiteit */
.brx-body .btn-primary{color:#fff}
.brx-body .btn-ghost{color:var(--ink)}
.brx-body .band .btn{color:var(--ink)}
.brx-body .tlink{color:var(--ink)}
.brx-body .tlink:hover{color:var(--accent-deep)}
.brx-body .footer a{color:var(--ink)}
.brx-body .footer a:hover{color:var(--accent-deep)}
.brx-body .show-more{color:var(--muted)}
.brx-body .hero-sub{margin-top:22px}
.brx-body .hero-proof{margin-top:26px}
.brx-body .bhero h1{margin-top:12px}
.brx-body .bhero .bt{margin-top:8px}
.brx-body .bhero .bo{margin-top:16px}
.brx-body .bstats{margin-top:26px}
.brx-body .pbuy h1{margin:10px 0 8px}
.brx-body .helpcard{margin-bottom:8px}/* laatste her-assertions: heading- en p-marges binnen raw-HTML die door de late h1-h3/text-basic-resets sneuvelden */
.brx-body .speccol h3{margin-bottom:16px}
.brx-body .art h3{margin:12px 0 10px}
.brx-body .lrow-mid h3{margin-top:6px}
.brx-body .kies p{margin-top:8px}/* winkel-audit: her-assertions + botsingsfixes */
.brx-body .sec-head{margin-bottom:48px}
.brx-body .sec-head h1{font-size:clamp(1.9rem,3.4vw,2.5rem);font-weight:800}
.brx-body .helpcard > p:has(> .btn){display:contents}
.brx-body .helpcard p{margin:8px 0 18px}
.brx-body .fgroup h4{margin-bottom:10px}
.brx-body .lrow-buy .dlv{margin:8px 0 16px}
.brx-body .lrow-mid .sub{margin-top:2px}
.brx-body .lrow-mid .stl{margin-left:7px}
.brx-body .chips{margin:14px 0 4px}
.brx-body .lchecks{margin-top:10px}
.brx-body .chip{color:var(--muted)}
.brx-body .vbar{bottom:92px}
/* ===== concept D+E componenten (tegels + spec-flex) ===== */
/* concept D: HomeWizard-achtige tegel-layouts in de showroom-taal */
.tl-head{text-align:center;padding:72px 0 10px}
.tl-head h1{font-size:clamp(2.2rem,4.4vw,3.4rem);font-weight:800;letter-spacing:-.03em}
.tl-head p{color:var(--muted);font-size:1.0625rem;margin-top:14px}
.tiles{display:flex;flex-direction:column;gap:18px;padding:44px 0 8px}
.tile{position:relative;border-radius:28px;overflow:hidden;background:var(--stage);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:56px 60px;min-height:430px}
.tile-ink{background:var(--ink);color:#fff}
.tile-accent{background:var(--accent);color:#fff;overflow:hidden}
.tile-accent::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 300px at 85% 0%,rgba(255,255,255,.16),transparent 60%)}
.tile-kicker{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.tile-ink .tile-kicker,.tile-accent .tile-kicker{color:rgba(255,255,255,.72)}
.tile h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;margin-top:12px;max-width:15ch;position:relative}
.tile .sub{margin-top:12px;color:var(--muted);font-size:1rem;max-width:42ch;position:relative}
.tile-ink .sub,.tile-accent .sub{color:rgba(255,255,255,.78)}
.tile .prijs{margin-top:14px;font-family:"Sora",sans-serif;font-weight:800;font-size:1.5rem;position:relative}
.tile .prijs del{font-family:"Manrope",sans-serif;font-weight:500;font-size:.875rem;color:var(--soft);margin-right:8px}
.tile-ink .prijs del,.tile-accent .prijs del{color:rgba(255,255,255,.55)}
.tile-ctas{display:flex;gap:16px;align-items:center;margin-top:28px;flex-wrap:wrap;position:relative}
.tile-accent .btn{background:var(--white);color:var(--ink)}
.tile-ink .btn-ghost{border-color:rgba(255,255,255,.3);color:#fff;background:transparent}
.tile-ink .btn-ghost:hover{border-color:#fff}
.tile-ink .tlink,.tile-accent .tlink{color:#fff}
.tile-visual{position:relative;display:grid;place-items:center;min-height:320px}
.tile:not(.tile-ink):not(.tile-accent) .tile-visual::before{content:"";position:absolute;inset:4% 10%;background:radial-gradient(closest-side,#fff,rgba(255,255,255,0));border-radius:50%}
.tile-visual img{position:relative;max-height:340px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(16,20,24,.22))}
.tile-ink .tile-visual img{filter:drop-shadow(0 30px 44px rgba(0,0,0,.5))}
.tile-flip .tile-visual{order:-1}
.tile-wm{position:relative;font-family:"Sora",sans-serif;font-weight:800;letter-spacing:.24em;font-size:2rem;color:var(--soft)}
.tile2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tile2 .tile{grid-template-columns:1fr;align-content:start;padding:48px 48px 40px;min-height:540px;gap:0}
.tile2 .tile-visual{margin-top:auto;min-height:260px;padding-top:24px}
.tile2 .tile-visual img{max-height:250px}
.tile-count{display:flex;gap:26px;margin-top:24px;position:relative}
.tile-count div{text-align:center}
.tile-count b{display:block;font-family:"Sora",sans-serif;font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:800;line-height:1}
.tile-count span{display:block;margin-top:5px;font-size:.6563rem;letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.tile-calc{position:relative}
.tile-calc label{display:block;font-size:.7188rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-top:22px}
.tile-calc .kwh{font-family:"Sora",sans-serif;font-weight:800;font-size:1.375rem;margin-top:6px}
.tile-calc input[type=range]{width:100%;max-width:380px;accent-color:var(--accent);margin-top:12px;cursor:pointer}
.tile-calc .uitkomst{display:flex;gap:36px;margin-top:22px}
.tile-calc .uitkomst b{display:block;font-family:"Sora",sans-serif;font-size:1.75rem;font-weight:800;line-height:1}
.tile-calc .uitkomst span{display:block;margin-top:5px;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.tl-state{text-align:center;padding:80px 0 30px}
.tl-state h2{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800}
.tl-state p{color:var(--muted);font-size:1rem;margin-top:12px;max-width:52ch;margin-left:auto;margin-right:auto}
.tl-brand{text-align:center;padding:84px 0 72px}
.tl-brand .logo-mark{margin:0 auto 18px;width:46px;height:46px;border-radius:14px}
.tl-brand b{font-family:"Sora",sans-serif;font-size:1.375rem;font-weight:800;letter-spacing:-.02em;display:block}
.tl-brand span{color:var(--muted);font-size:.9375rem;display:block;margin-top:8px}
@media (max-width:920px){.tile{grid-template-columns:1fr;padding:36px 28px;min-height:0}.tile-flip .tile-visual{order:0}.tile2{grid-template-columns:1fr}.tile2 .tile{min-height:0}.tile-visual{min-height:240px}.tile-visual img{max-height:240px}}
/* concept E: spec-flex componenten (A+ content in showroom-taal) */
.specrow{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center;position:relative;width:100%}
.specrow b{display:block;font-family:"Sora",sans-serif;font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:800;line-height:1}
.specrow b i{font-style:normal;color:var(--accent);font-size:.6em;margin-left:2px}
.specrow span{display:block;margin-top:8px;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
@media (max-width:900px){.specrow{grid-template-columns:repeat(2,1fr);gap:28px 16px}}
.tile-glow::after{content:"";position:absolute;right:-8%;bottom:-45%;width:60%;height:130%;background:radial-gradient(closest-side,rgba(255,93,31,.38),transparent 70%);pointer-events:none}
.capbars{display:flex;align-items:flex-end;gap:22px;margin-top:26px;height:150px;position:relative}
.capbars div{flex:1;background:linear-gradient(180deg,var(--accent),var(--accent-deep));border-radius:12px 12px 4px 4px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;color:#fff;font-family:"Sora",sans-serif;font-weight:800;font-size:.8125rem}
.capbars div small{position:absolute;top:-24px;left:0;right:0;text-align:center;font-family:"Manrope",sans-serif;font-weight:700;font-size:.6875rem;color:var(--muted)}
.tile-ink .capbars div small{color:rgba(255,255,255,.6)}
.ipbadge{display:inline-flex;align-items:baseline;font-family:"Sora",sans-serif;font-weight:800;font-size:clamp(3rem,6vw,4.5rem);letter-spacing:-.03em;position:relative}
.ipbadge i{font-style:normal;color:var(--accent);font-size:.4em;margin-left:6px}
.pricecurve{width:100%;max-width:460px;position:relative}
.pricecurve text{font-family:"Manrope",sans-serif;font-weight:700;font-size:10px}
.diagram-svg{width:100%;max-width:980px;margin:36px auto 0;display:block;position:relative}
.diagram-svg text{font-family:"Manrope",sans-serif;font-weight:700}
.tile .kicker-num{display:block;font-family:"Sora",sans-serif;font-weight:800;font-size:clamp(2.6rem,5vw,4rem);line-height:1;letter-spacing:-.03em;position:relative}
.tile .kicker-num i{font-style:normal;color:var(--accent)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px;position:relative;width:100%}
.step b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-family:"Sora",sans-serif;font-weight:800;font-size:1.125rem;margin-bottom:14px}
.step h3{font-size:1.0625rem;font-weight:700;letter-spacing:-.01em}
.step p{font-size:.875rem;color:var(--muted);margin-top:6px;line-height:1.55}
.tile-ink .step p{color:rgba(255,255,255,.7)}
@media (max-width:820px){.steps{grid-template-columns:1fr}}
.megapct{font-family:"Sora",sans-serif;font-weight:800;font-size:clamp(4rem,9vw,7rem);letter-spacing:-.04em;line-height:1;position:relative}
.megapct i{font-style:normal;color:var(--accent);font-size:.45em}
/* logo compacter (user-feedback): kleinere gap, strakkere regels, smallere subtitel */
.logo{gap:8px}
.logo b{line-height:1}
.logo small{display:block;margin-top:3px;letter-spacing:.1em;font-size:.5625rem}/* logo-lockup: subtitel exact even breed als de titel (width:0/min-width:100% laat de titel de breedte bepalen; justify vult uit) */
.logo small{display:block;width:0;min-width:100%;white-space:nowrap;margin-top:3px;font-size:.5rem;letter-spacing:.04em;text-align:justify;text-align-last:justify}
/* reviews (v20) */
.revline{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--muted);flex-wrap:wrap}
.revline .st,.f-rev .st,.topbar .st{color:var(--accent);letter-spacing:1px}
.revline b,.f-rev b,.topbar b{color:var(--ink)}
.brx-body .pbuy .revline{margin-top:14px}
.brx-body .revline.rl-cat{margin:-26px 0 30px}
.f-rev{display:inline-flex;align-items:center;gap:7px}

/* reviews wrap-fix (v21) */
.rv{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.f-rev{white-space:nowrap}

/* keuzehulp + woo-skin (v22) */
/* ===== keuzehulp (kz) ===== */
.kz-title{font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800}
.brx-body .kz-title{margin-top:10px}
.kz-sub{color:var(--muted);font-size:1.0625rem;max-width:52ch}
.brx-body .kz-sub{margin:12px 0 16px}
.kz{display:block;max-width:760px}
.kz-head{margin-bottom:28px}
.kz-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.kz-count{font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.kz-back{border:none;background:none;font:inherit;font-size:.875rem;font-weight:700;color:var(--muted);cursor:pointer;padding:4px 0}
.kz-back:hover{color:var(--ink)}
.kz-bar{height:6px;border-radius:999px;background:var(--hair);overflow:hidden}
.kz-fill{display:block;height:100%;width:0;min-width:14px;border-radius:999px;background:var(--accent);transition:width .3s ease}
.kz-q{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.02em}
.kz-hint{font-size:.875rem;color:var(--muted);margin-top:8px}
.kz-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.kz-opt{position:relative;text-align:left;background:var(--white);border:1.5px solid var(--hair);border-radius:14px;padding:20px 56px 20px 22px;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.kz-opt:hover{border-color:var(--accent)}
.kz-opt.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.kz-opt-t{display:block;font-weight:700;font-size:1rem;line-height:1.35}
.kz-opt-s{display:block;font-size:.8438rem;color:var(--muted);margin-top:5px;line-height:1.5}
.kz-opt::after{content:'';position:absolute;top:19px;right:18px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--hair);display:grid;place-items:center;font-size:.75rem;font-weight:800;line-height:1}
.kz-opt.on::after{content:'\2713';border-color:var(--accent);background:var(--accent);color:#fff}
.kz-warn{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1.5px solid var(--accent);background:#FFF7F2;border-radius:14px;padding:20px 22px;margin-bottom:16px;font-size:.9063rem}
.kz-warn p{max-width:52ch;line-height:1.55}
.kz-warn .btn{padding:13px 22px;font-size:.875rem;margin-left:auto;white-space:nowrap}
.kz-card{background:var(--ink);color:#fff;border-radius:22px;padding:42px 44px}
.kz-kicker{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.kz-prod{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;margin-top:10px;letter-spacing:-.02em}
.kz-prod a{color:#fff}
.kz-prod a:hover{color:var(--accent)}
.kz-price{font-family:'Sora',sans-serif;font-weight:800;font-size:1.75rem;margin-top:8px}
.kz-price del{font-family:'Manrope',sans-serif;font-weight:500;font-size:.9063rem;color:rgba(255,255,255,.55);margin-right:10px}
.kz-price small{font-family:'Manrope',sans-serif;font-weight:500;font-size:.75rem;color:rgba(255,255,255,.55);margin-left:6px}
.kz-stock{font-size:.875rem;font-weight:600;color:#2FBF6B;margin-top:6px}/* lichter groen dan --green i.v.m. contrast op donkere kaart */
.kz-reasons{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.kz-reasons li{display:flex;gap:11px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:.9063rem;color:rgba(255,255,255,.85);line-height:1.55}
.kz-reasons li::before{content:'\2713';color:var(--accent);font-weight:800;flex:none}
.kz-note{margin-top:16px;font-size:.8438rem;color:rgba(255,255,255,.66);line-height:1.55}
.kz-note a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.kz-note a:hover{color:var(--accent)}
.kz-ctas{display:flex;gap:14px;align-items:center;margin-top:28px;flex-wrap:wrap}
.kz-card .btn-ghost{border-color:rgba(255,255,255,.3);color:#fff;background:transparent}
.kz-card .btn-ghost:hover{border-color:#fff}
.brx-body .kz-card .btn-ghost{color:#fff}
.kz-restart{border:none;background:none;font:inherit;font-size:.875rem;font-weight:700;color:rgba(255,255,255,.66);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.kz-restart:hover{color:#fff}
.kz-bel{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:.9063rem;color:rgba(255,255,255,.78)}
.kz-bel a{color:#fff;font-weight:800;white-space:nowrap}
.kz-bel a:hover{color:var(--accent)}
.kz-routes-h{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800}
.brx-body .kz-routes-h{margin-bottom:24px}
.kz-routes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.kz-route{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:30px 28px;display:flex;flex-direction:column;transition:background .15s}
.kz-route:hover{background:var(--stage)}
.kz-route b{font-family:'Sora',sans-serif;font-size:1.0313rem;font-weight:700;letter-spacing:-.01em}
.kz-route span{font-size:.875rem;color:var(--muted);margin-top:6px;line-height:1.55}
.kz-route i{font-style:normal;margin-top:18px;font-size:.875rem;font-weight:700;color:var(--ink)}
.kz-route:hover i{color:var(--accent-deep)}
@media (max-width:720px){.kz-opts{grid-template-columns:1fr}.kz-card{padding:30px 24px}.kz-warn .btn{margin-left:0;width:100%}.kz-routes{grid-template-columns:1fr}}

/* ==================================================================
   WITTE SHOWROOM - WooCommerce-skin (winkelwagen / afrekenen / bedankt)
   Actief alleen op body.woocommerce-cart / -checkout / -order-received
   ================================================================== */
body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received{
  --ws-ink:#101418;--ws-muted:#667085;--ws-soft:#98A2B3;--ws-hair:#EAECF0;
  --ws-accent:#FF5D1F;--ws-accent-deep:#E84B10;--ws-green:#17994F;--ws-stage:#F7F8FA;--ws-err:#D92D20;
  background:#FFF;color:var(--ws-ink);font-family:"Manrope",system-ui,sans-serif;
}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) :is(h1,h2,h3,#order_review_heading,.woocommerce-column__title){font-family:"Sora",sans-serif;letter-spacing:-.02em;line-height:1.15;color:var(--ws-ink)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce a:not(.button):not(.remove){color:var(--ws-accent-deep);text-decoration:none}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce a:not(.button):not(.remove):hover{text-decoration:underline;text-underline-offset:3px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce-Price-amount{font-variant-numeric:tabular-nums}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table{border:1px solid var(--ws-hair);border-radius:16px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#FFF;margin-bottom:28px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table :is(th,td){border:0;border-bottom:1px solid var(--ws-hair);background:transparent;padding:14px 16px;vertical-align:middle}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table tr:nth-child(2n) :is(td,th){background:transparent}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table > :last-child > tr:last-child :is(th,td){border-bottom:0}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table thead th{font-family:"Manrope",system-ui,sans-serif;font-size:.7188rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ws-soft)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table :is(tbody,tfoot) th{font-family:"Manrope",system-ui,sans-serif;font-size:.9063rem;font-weight:600;color:var(--ws-muted);text-align:left;text-transform:none;letter-spacing:0}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table td.product-name a{color:var(--ws-ink);font-weight:700}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table tr.order-total th{color:var(--ws-ink);font-weight:700}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table tr.order-total .woocommerce-Price-amount{font-family:"Sora",sans-serif;font-size:1.125rem;font-weight:800;letter-spacing:-.01em}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table img{width:64px;height:auto;border:1px solid var(--ws-hair);border-radius:12px;background:var(--ws-stage);padding:4px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table a.remove{width:26px;height:26px;line-height:23px;border:1px solid var(--ws-hair);border-radius:999px;color:var(--ws-soft)!important;font-weight:400}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce table.shop_table a.remove:hover{color:#FFF!important;background:var(--ws-accent);border-color:var(--ws-accent)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .quantity .qty{width:76px;padding:11px 6px;border:1px solid var(--ws-hair);border-radius:12px;text-align:center;font-family:"Manrope",system-ui,sans-serif;font-size:.9375rem;font-weight:700;color:var(--ws-ink);background:#FFF}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(.input-text,select,textarea){border:1px solid var(--ws-hair);border-radius:12px;padding:13px 16px;font-family:"Manrope",system-ui,sans-serif;font-size:.9375rem;color:var(--ws-ink);background:#FFF;box-shadow:none}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(.input-text,select,textarea):focus{outline:none;border-color:var(--ws-accent);box-shadow:0 0 0 3px rgba(255,93,31,.13)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(.input-text,textarea)::placeholder{color:var(--ws-soft)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce form .form-row label{font-size:.8125rem;font-weight:600;color:var(--ws-muted);line-height:1.4}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce form .form-row abbr.required{color:var(--ws-accent-deep);text-decoration:none}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(input[type=radio],input[type=checkbox]){accent-color:var(--ws-accent)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text{font-size:.8438rem;color:var(--ws-muted)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .select2-container--default .select2-selection--single{border:1px solid var(--ws-hair);border-radius:12px;min-height:48px;padding:9px 12px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .select2-dropdown{border:1px solid var(--ws-hair);border-radius:12px;font-family:"Manrope",system-ui,sans-serif}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--ws-accent)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce a.button,:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce button.button,:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce input.button,:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce #place_order{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:999px;padding:15px 28px;font-family:"Manrope",system-ui,sans-serif;font-size:.9375rem;font-weight:700;line-height:1.2;color:#FFF;background:var(--ws-accent);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(a.button,button.button,input.button):hover,:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce #place_order:hover{background:var(--ws-accent-deep);color:#FFF}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(a.button,button.button,input.button):active{transform:scale(.98)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce a.checkout-button,:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce #place_order{width:100%;padding:18px 34px;font-size:1.0625rem}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(.button:disabled,.button.disabled){background:var(--ws-accent);color:#FFF;opacity:.55;cursor:not-allowed}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce button[name="apply_coupon"],:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce button[name="update_cart"],:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a.button{background:#FFF;color:var(--ws-ink);border-color:var(--ws-hair)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce button[name="apply_coupon"]:hover,:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce button[name="update_cart"]:hover,:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a.button:hover{background:#FFF;color:var(--ws-ink);border-color:var(--ws-ink)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(button[name="apply_coupon"],button[name="update_cart"]):disabled{background:#FFF;color:var(--ws-muted);border-color:var(--ws-hair);opacity:.6}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){background:#FFF;border:1px solid var(--ws-hair);border-left:3px solid var(--ws-green);border-radius:14px;color:var(--ws-ink);font-size:.9375rem;padding:16px 20px 16px 3.2em;box-shadow:none}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .woocommerce-info{border-left-color:var(--ws-muted)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .woocommerce-error{border-left-color:var(--ws-err)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .woocommerce-message::before{color:var(--ws-green)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .woocommerce-info::before{color:var(--ws-muted)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .woocommerce-error::before{color:var(--ws-err)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .woocommerce-error li{margin:2px 0}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce td.actions .coupon .input-text{width:200px;margin-right:8px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce form.checkout_coupon{border:1px solid var(--ws-hair);border-radius:16px;padding:20px;margin-bottom:24px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) #payment{background:transparent;border-radius:0}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) #payment ul.payment_methods{border:0;padding:0;display:flex;flex-direction:column;gap:10px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) #payment ul.payment_methods li{list-style:none;margin:0;border:1px solid var(--ws-hair);border-radius:14px;background:#FFF;padding:14px 16px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) #payment ul.payment_methods li label{font-weight:700;color:var(--ws-ink);cursor:pointer}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) #payment div.payment_box{background:var(--ws-stage);border-radius:10px;color:var(--ws-muted);font-size:.875rem;margin:12px 0 0;padding:12px 14px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) #payment div.payment_box::before{content:none}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) #payment .place-order{padding:18px 0 0}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce-thankyou-order-received{font-family:"Sora",sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--ws-ink);margin-bottom:20px}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) ul.woocommerce-order-overview{display:flex;flex-wrap:wrap;margin:0 0 30px;padding:10px 0;border:1px solid var(--ws-hair);border-radius:16px;list-style:none}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) ul.woocommerce-order-overview li{float:none;border-right:1px solid var(--ws-hair);margin:4px 0;padding:4px 22px;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ws-soft)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) ul.woocommerce-order-overview li:last-child{border-right:0}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) ul.woocommerce-order-overview li strong{display:block;margin-top:4px;font-family:"Sora",sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--ws-ink)}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received) .woocommerce .woocommerce-customer-details address{border:1px solid var(--ws-hair);border-radius:16px;padding:18px 20px;color:var(--ws-muted);font-style:normal}

/* woo-skin hard overrides (oude checkout-css wint anders op de knoppen) */
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce :is(a.button,button.button,input.button):not([name=apply_coupon]):not([name=update_cart]),body.woocommerce-checkout #place_order{border-radius:999px!important;background:#FF5D1F!important;color:#FFF!important;font-family:'Manrope',system-ui,sans-serif!important;border-color:transparent!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce :is(a.button,button.button,input.button):not([name=apply_coupon]):not([name=update_cart]):hover,body.woocommerce-checkout #place_order:hover{background:#E84B10!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce :is(button[name=apply_coupon],button[name=update_cart]){border-radius:999px!important;background:#FFF!important;color:#101418!important;border:1.5px solid #EAECF0!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) #payment ul.payment_methods li{border-radius:14px!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce :is(.input-text,select,textarea){border-radius:12px!important}

/* boven post-165 checkout-template-css (selectors met 2 ids + !important) */
body.woocommerce-checkout .woocommerce #payment #place_order{border-radius:999px!important;background:#FF5D1F!important;font-family:'Manrope',system-ui,sans-serif!important}
body.woocommerce-checkout .woocommerce #payment #place_order:hover{background:#E84B10!important}
body.woocommerce-checkout .woocommerce #payment ul.payment_methods li{border-radius:14px!important;border:1px solid #EAECF0!important;background:#FFF!important}
body.woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button{border-radius:999px!important;background:#FF5D1F!important}
body.woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:#E84B10!important}

/* harmonie cart/checkout-templates (v22) */
.brx-body .ws-sub{font-family:'Manrope',system-ui,sans-serif;font-style:normal;font-size:1.0625rem;color:#667085;margin:10px 0 30px}
.brx-body .ws-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #EAECF0;border-radius:999px;padding:8px 16px;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#667085;margin-bottom:14px}
.brx-body .ws-pill .dot{width:7px;height:7px;border-radius:50%;background:#17994F}
body.woocommerce-cart .woocommerce .woocommerce-message,body.woocommerce-checkout .woocommerce .woocommerce-message{border:1px solid #EAECF0!important;border-left:3px solid #17994F!important;border-radius:14px!important;background:#FFF!important;color:#101418!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce a:not(.button):not(.remove){color:#E84B10!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) :is(h1,h2,h3){color:#101418!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce table.shop_table td.product-name a{color:#101418!important}

/* emoji-pseudo's uit oud checkout-template uit (harmonie) */
:is(body.woocommerce-cart,body.woocommerce-checkout) :is(h1,h2,h3)::before{content:none!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce-info::before{content:''!important}

/* vk3 kooppsychologie live (v23) */
.vk3-cut{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.8125rem;font-weight:600;color:var(--muted)}
.vk3-cut svg{color:var(--green);flex:none}
.vk3-cut b{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.vk3-save{display:inline-block;vertical-align:middle;background:var(--green);color:#fff;border-radius:999px;padding:4px 11px;font-family:'Manrope',sans-serif;font-size:.7188rem;font-weight:800;letter-spacing:.03em;margin-left:10px;white-space:nowrap}
.band.vk3-calc{background:var(--stage);color:var(--ink);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.band.vk3-calc .btn{background:var(--accent);color:#fff}
.band.vk3-calc .btn:hover{background:var(--accent-deep)}
.band.vk3-calc .rlbl,.band.vk3-calc .band-note,.band.vk3-calc .band-res span,.band.vk3-calc label{color:var(--muted);opacity:1}
.band.vk3-calc input[type=range]{accent-color:var(--accent)}
.vk3-bar{position:fixed;left:0;right:0;bottom:0;z-index:85;background:var(--white);border-top:1px solid var(--hair);box-shadow:0 -14px 34px -22px rgba(16,20,24,.35);transform:translateY(110%);transition:transform .25s ease}
.vk3-bar.on{transform:translateY(0)}
.vk3-bar .wrap{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px;padding-right:118px}
.vk3-bar .wrap > p:not([class]){display:contents}
.vk3-bar-n{font-family:'Sora',sans-serif;font-weight:700;font-size:.9375rem;letter-spacing:-.01em;white-space:nowrap}
.vk3-bar-pr{white-space:nowrap}
.vk3-bar-pr del{font-size:.8125rem;color:var(--soft);margin-right:8px}
.vk3-bar-pr .p{font-family:'Sora',sans-serif;font-weight:800;font-size:1.1875rem;letter-spacing:-.02em}
.vk3-bar .vk3-cut{margin:0 0 0 auto}
.vk3-bar .btn{padding:13px 26px;font-size:.9063rem;flex:none}
a:has(> .tbd-wa-bubble){z-index:90}
body.vk3bar-on a:has(> .tbd-wa-bubble){bottom:96px}
body.vk3bar-on .brx-body .vbar,body.vk3bar-on .vbar{bottom:170px}
@media (max-width:900px){.vk3-bar-n,.vk3-bar .vk3-cut{display:none}.vk3-bar .btn{margin-left:auto}}
@media (max-width:560px){.vk3-bar-pr del{display:none}.vk3-bar .wrap{gap:12px;padding-right:96px}.vk3-bar .btn{padding:12px 18px;font-size:.8438rem}}

/* bubble-shift wint van widget-css (v23.1) */
body.vk3bar-on a:has(> .tbd-wa-bubble){bottom:96px!important}

/* geen installatiekosten bij de prijs (v23.2) */
.vk3-bar-pr small{font-size:.75rem;font-weight:500;color:var(--muted);margin-left:8px}
@media (max-width:900px){.vk3-bar-pr small{display:none}}
:is(body.woocommerce-cart,body.woocommerce-checkout) .tbd-nokosten td,:is(body.woocommerce-cart,body.woocommerce-checkout) .tbd-nokosten th{border-bottom:0!important;padding-top:4px!important;padding-bottom:14px!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .tbd-nokosten td{font-size:.8438rem;font-weight:600;color:#17994F}

/* nokosten-regel: kleur wint van post-165-template (v22.5) */
body.woocommerce-checkout .woocommerce #order_review .tbd-nokosten td,body.woocommerce-cart .woocommerce .cart_totals .tbd-nokosten td{color:#17994F!important;font-weight:600!important;font-size:.8438rem!important}

/* === vk + vk2 concept-klassen live (v24) === */
/* verkoop-concept (.vk) */
.vk-best{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.vk-best .show-item{padding:30px 22px 26px}
.vk-best .show-tag{left:22px;top:16px}
.vk-best .show-deal{right:22px;top:16px;font-size:.8438rem}
.vk-best .show-img{height:140px;margin:28px 0 16px}
.vk-best .show-img img{max-height:135px}
.vk-best .show-wm{font-size:1rem;letter-spacing:.16em}
.vk-best .show-item h3{font-size:1rem}
.vk-best .chips{margin:10px 0 16px}
.vk-best .show-price del{font-size:.7813rem}
.vk-best .show-price .p{font-size:1.3125rem}
.vk-best .show-foot{flex-direction:column;align-items:stretch;gap:12px;margin-top:auto}
.vk-best .btn{width:100%;padding:13px 10px;font-size:.8125rem;white-space:normal;line-height:1.25;text-align:center}
@media (max-width:1120px){.vk-best{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.vk-best{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.vk-best{grid-template-columns:1fr}}
.vk-micro{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.7813rem;color:var(--muted)}
.vk-micro svg{color:var(--green);flex:none}
.vk-goal .cell{display:flex;flex-direction:column;align-items:flex-start;transition:background .15s}
.vk-goal a.cell:hover{background:var(--stage)}
.vk-go{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.875rem;color:var(--ink);margin-top:auto;padding-top:16px}
.vk-goal a.cell:hover .vk-go{color:var(--accent-deep)}
.vk-inkrev{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:.875rem;color:rgba(255,255,255,.78);flex-wrap:wrap;position:relative}
.vk-inkrev .st{color:var(--accent);letter-spacing:1px}
.tile-accent .vk-inkrev .st{color:#fff}
.vk-inkrev b{color:#fff}
.vk-inkusps{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:26px;font-size:.8125rem;color:rgba(255,255,255,.82);position:relative}
.vk-inkusps span{display:inline-flex;align-items:center;gap:7px}
.vk-inkusps svg{color:#fff;opacity:.85;flex:none}

/* verkoop2-concept (.vk2) — ink-hero */
.vk2-hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.vk2-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(860px 460px at 76% 24%,rgba(255,93,31,.2),transparent 62%)}
.vk2-hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;padding-top:76px;padding-bottom:80px}
.vk2-flag{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border-radius:999px;padding:8px 18px;font-family:"Sora",sans-serif;font-weight:800;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase}
.vk2-hero h1{font-size:clamp(2.5rem,4.8vw,3.8rem);font-weight:800;margin-top:22px;max-width:15ch}
.vk2-hero h1 em{font-style:normal;color:var(--accent)}
.vk2-sub{color:rgba(255,255,255,.75);font-size:1.125rem;margin-top:18px;max-width:46ch}
.vk2-hero .pprice{margin-top:24px}
.vk2-hero .pprice del{color:rgba(255,255,255,.5)}
.vk2-hero .pprice small{color:rgba(255,255,255,.55)}
.vk2-hero .btn-ghost{border-color:rgba(255,255,255,.32);color:#fff;background:transparent}
.vk2-hero .btn-ghost:hover{border-color:#fff}
.vk2-xl{padding:20px 44px;font-size:1.125rem}
.vk2-hv{position:relative;display:grid;place-items:center;min-height:430px}
.vk2-hv::before{content:"";position:absolute;inset:12% 10%;background:radial-gradient(closest-side,rgba(255,93,31,.32),transparent 72%)}
.vk2-hv img{position:relative;max-height:470px;object-fit:contain;filter:drop-shadow(0 44px 60px rgba(0,0,0,.55))}
.vk2-sticker{position:absolute;top:4%;right:6%;width:92px;height:92px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-content:center;text-align:center;font-family:"Sora",sans-serif;font-weight:800;font-size:1.1875rem;line-height:1;transform:rotate(8deg);box-shadow:0 20px 44px -14px rgba(232,75,16,.65)}
.vk2-sticker small{display:block;font-family:"Manrope",sans-serif;font-size:.5625rem;font-weight:800;letter-spacing:.08em;margin-top:4px;opacity:.85}
@media (max-width:920px){.vk2-hero .wrap{grid-template-columns:1fr;gap:40px;padding-top:52px;padding-bottom:56px}.vk2-hv{min-height:0}.vk2-hv img{max-height:330px}}
.vk2-trust .cell b{font-size:1.0625rem}
.vk2-trust .st{display:block;color:var(--accent);letter-spacing:1px;font-size:.9375rem;margin-bottom:14px}
.vk2-best .show-item{padding-top:38px}
.vk2-best .show-img{margin-top:44px}
.vk2-tags{position:absolute;top:14px;left:14px;right:76px;display:flex;gap:6px;flex-wrap:wrap;z-index:1}
.vk2-b{border-radius:999px;padding:5px 12px;font-size:.6563rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;background:var(--accent);color:#fff;white-space:nowrap}
.vk2-b.ink{background:var(--ink)}
.vk2-b.soft{background:var(--stage);color:var(--muted);border:1px solid var(--hair)}
.vk2-pct{position:absolute;top:14px;right:14px;z-index:1;background:var(--accent);color:#fff;border-radius:999px;padding:6px 12px;font-family:"Sora",sans-serif;font-weight:800;font-size:.8438rem;line-height:1}
.vk2-ladder{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vk2-lcard{border:1.5px solid var(--hair);border-radius:28px;padding:46px 40px 36px;position:relative;display:flex;flex-direction:column;background:var(--white)}
.vk2-lcard.on{border-color:var(--accent);box-shadow:0 40px 70px -40px rgba(232,75,16,.4)}
.vk2-lbadge{position:absolute;top:-14px;left:34px;background:var(--accent);color:#fff;border-radius:999px;padding:6px 16px;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.vk2-lbadge.ink{background:var(--ink)}
.vk2-kwh{font-family:"Sora",sans-serif;font-weight:800;font-size:clamp(2.1rem,3.8vw,3rem);letter-spacing:-.03em;line-height:1}
.vk2-kwh i{font-style:normal;color:var(--accent);font-size:.55em}
.vk2-lsub{color:var(--muted);font-size:.9375rem;margin-top:8px}
.vk2-lprice{margin-top:18px;font-family:"Sora",sans-serif;font-weight:800;font-size:1.875rem;letter-spacing:-.02em}
.vk2-lprice del{font-family:"Manrope",sans-serif;font-weight:500;font-size:.875rem;color:var(--soft);margin-right:8px}
.vk2-lprice small{font-family:"Manrope",sans-serif;font-size:.6875rem;color:var(--soft);font-weight:500;margin-left:6px}
.vk2-save{font-family:"Manrope",sans-serif;font-size:.8125rem;font-weight:800;color:var(--accent-deep);margin-left:8px}
.vk2-lchecks{margin:18px 0 26px}
.vk2-lchecks span{display:flex;gap:9px;align-items:flex-start;font-size:.9063rem;color:var(--muted);padding:5px 0}
.vk2-lchecks svg{color:var(--green);flex:none;margin-top:4px}
.vk2-lcard .btn{width:100%;margin-top:auto;padding:17px 26px}
.vk2-lcard .vk-micro{margin-top:12px}
@media (max-width:860px){.vk2-ladder{grid-template-columns:1fr}.vk2-lcard{padding:40px 26px 30px}}
.vk2-faq .cell{display:flex;flex-direction:column;align-items:flex-start}
.vk2-faq .cell b{font-size:1.0938rem}
.vk2-faq .cell .btn{margin-top:auto;padding:13px 24px;font-size:.875rem}
.vk2-faq .vk-go{padding-top:18px}


/* === vk4 concept-klassen live (v24) === */
/* verkoop4-concept (.vk4) — leek-laag: zo-werkt-het, past-check, mensentaal, tooltips, calc per maand */
.vk4-how{background:var(--stage);border-bottom:1px solid var(--hair)}
.vk4-how .wrap{padding-top:28px;padding-bottom:28px}
.vk4-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vk4-step{position:relative;display:flex;align-items:center;gap:16px;padding:4px 36px 4px 0}
.vk4-step:not(:last-child)::after{content:"";position:absolute;right:12px;top:50%;width:11px;height:11px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:translateY(-50%) rotate(-45deg)}
.vk4-ico{flex:none;width:54px;height:54px;border-radius:16px;background:var(--white);border:1px solid var(--hair);display:grid;place-items:center;color:var(--ink)}
.vk4-step b{display:block;font-family:"Sora",sans-serif;font-size:1.0313rem;font-weight:700;letter-spacing:-.01em}
.vk4-step b i{font-style:normal;color:var(--accent-deep);margin-right:7px}
.vk4-step p{font-size:.875rem;color:var(--muted);margin-top:3px;line-height:1.5}
@media (max-width:820px){.vk4-steps{grid-template-columns:1fr;gap:12px}.vk4-step{padding-right:0}.vk4-step:not(:last-child)::after{display:none}}
.vk4-checksec{scroll-margin-top:96px;padding-top:64px}
.vk4-lead{font-size:1rem;color:var(--muted);max-width:40ch}
.vk4-check{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}
.vk4-qs{border:1.5px solid var(--hair);border-radius:28px;padding:8px 32px}
.vk4-q{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--hair)}
.vk4-q:last-child{border-bottom:none}
.vk4-ql{display:flex;gap:14px;align-items:flex-start}
.vk4-ql i{font-style:normal;flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Sora",sans-serif;font-weight:800;font-size:.8125rem;margin-top:1px}
.vk4-ql b{display:block;font-family:"Sora",sans-serif;font-weight:700;font-size:1.0313rem;letter-spacing:-.01em;line-height:1.3}
.vk4-ql small{display:block;font-size:.8125rem;color:var(--muted);margin-top:3px;line-height:1.45}
.vk4-opts{display:flex;gap:8px;flex:none}
.vk4-opt{border:1.5px solid var(--hair);background:var(--white);color:var(--ink);border-radius:999px;padding:11px 22px;font:inherit;font-weight:700;font-size:.9063rem;cursor:pointer;min-width:74px;transition:border-color .15s,background .15s,color .15s}
.vk4-opt:hover{border-color:var(--ink)}
.vk4-opt[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.vk4-res{border-radius:28px;background:var(--stage);border:1.5px solid var(--hair);padding:34px 32px;position:sticky;top:96px;transition:border-color .2s,background .2s}
.vk4-res.ok{background:var(--white);border-color:var(--accent);box-shadow:0 40px 70px -40px rgba(232,75,16,.4)}
.vk4-res.tip{background:var(--white);border-color:var(--ink)}
.vk4-res.warn{background:var(--stage);border-color:var(--ink)}
.vk4-rt{display:block;font-family:"Sora",sans-serif;font-size:1.375rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.vk4-rp{font-size:.9375rem;color:var(--muted);margin-top:10px;line-height:1.55}
.vk4-rp+.vk4-rp{margin-top:8px}
.vk4-prog{display:block;height:8px;border-radius:999px;background:var(--hair);margin-top:20px;overflow:hidden}
.vk4-prog i{display:block;height:100%;width:0;background:var(--ink);border-radius:999px;transition:width .25s}
.vk4-cnt{display:block;margin-top:8px;font-size:.8125rem;font-weight:700;color:var(--muted)}
.vk4-prod{display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px;border:1px solid var(--hair);border-radius:18px;background:var(--white)}
.vk4-res.tip .vk4-prod,.vk4-res.ok .vk4-prod{background:var(--stage);border-color:transparent}
.vk4-prod img{width:78px;height:78px;object-fit:contain;flex:none}
.vk4-prod b{display:block;font-family:"Sora",sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.01em}
.vk4-prod span{display:block;font-size:.8125rem;color:var(--muted);margin-top:2px;line-height:1.4}
.vk4-prod .pr{font-family:"Sora",sans-serif;font-weight:800;font-size:1.25rem;color:var(--ink);margin-top:5px}
.vk4-prod .pr del{font-family:"Manrope",sans-serif;font-weight:500;font-size:.8125rem;color:var(--soft);margin-right:7px}
.vk4-rcta{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.vk4-rcta .btn{width:100%;white-space:normal;line-height:1.25;text-align:center}
.vk4-res .vk3-cut.c{margin-top:14px}
.vk4-res .vk-micro{margin-top:8px}
.btn.vk4-ink{background:var(--ink);color:#fff}
.btn.vk4-ink:hover{background:#1f262e}
.vk4-wa svg{flex:none}
.tile-ink .vk4-wa.lt{background:var(--white);color:var(--ink)}
.tile-ink .vk4-wa.lt:hover{background:#FFF3EC}
@media (max-width:900px){.vk4-check{grid-template-columns:1fr}.vk4-res{position:static}.vk4-qs{padding:4px 22px}}
@media (max-width:560px){.vk4-q{flex-direction:column;align-items:stretch;gap:12px}.vk4-opts{width:100%}.vk4-opt{flex:1}.vk4-res{padding:26px 22px}}
.vk4-mt{display:block;font-size:.8438rem;color:var(--muted);line-height:1.45;margin-top:10px}
.vk-best .vk4-mt{margin-top:-6px}
.vk4-fit{display:block;font-size:.8125rem;color:var(--ink);line-height:1.45;margin-top:8px}
.vk4-fit b{font-weight:800}
.vk4-gar{display:flex;align-items:center;gap:6px;font-size:.7813rem;color:var(--muted);margin:8px 0 16px}
.vk4-gar svg{color:var(--green);flex:none}
.vk-best .vk4-fit:last-of-type{margin-bottom:16px}
.vk4-i{position:relative;cursor:help;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:4px}
.vk4-i::after{content:attr(data-tip);display:none;position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);background:var(--ink);color:#fff;font-family:"Manrope",sans-serif;font-style:normal;font-weight:600;font-size:.75rem;line-height:1.45;letter-spacing:0;text-transform:none;padding:8px 12px;border-radius:10px;width:max-content;max-width:220px;white-space:normal;text-align:center;z-index:6;box-shadow:0 14px 30px -12px rgba(16,20,24,.45)}
.vk4-i:hover::after,.vk4-i:focus::after{display:block}
.vk4-i.lt::after{background:#fff;color:var(--ink)}
.vk4-i.l::after{left:0;transform:none;text-align:left}
.vk4-i.r::after{left:auto;right:0;transform:none;text-align:left}
.vk2-lchecks .vk4-t,.vk2-lchecks .vk4-i{display:inline;padding:0;gap:0}
.vk4-default{display:flex;align-items:flex-start;gap:14px;border:1.5px solid var(--ink);border-radius:20px;padding:18px 22px;margin:-24px 0 28px;font-size:.9688rem;line-height:1.5}
.vk4-default svg{flex:none;color:var(--ink);margin-top:2px}
.vk4-default b{font-family:"Sora",sans-serif;font-weight:700;letter-spacing:-.01em}
.vk4-default a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.vk4-default a:hover{color:var(--accent-deep)}
.vk4-bandtxt{max-width:34ch}
.vk4-bandsub{font-size:.875rem;opacity:.85;margin-top:10px;line-height:1.5}
.vk4-hint{font-size:.8438rem;color:var(--muted);margin-top:10px}
.vk4-res2 .sm b{font-size:clamp(1.4rem,2.4vw,1.9rem);padding-top:.45em}
.vk4-tv{margin-top:18px;font-size:.9375rem;color:var(--ink);max-width:42ch;line-height:1.5}
.vk4-tv b{font-weight:800}
.vk4-tv a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.vk4-tv a:hover{color:var(--accent-deep)}
@media (min-width:921px){.vk4-help{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}}
.vk4-faq{position:relative;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.14)}
.vk4-faq > div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.vk4-faq b{display:block;font-family:"Sora",sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.01em}
.vk4-faq p{font-size:.9063rem;color:rgba(255,255,255,.72);margin-top:5px;line-height:1.55}
.vk4-faq .tlink{margin-top:20px;font-size:.9375rem}
/* verkoop4 herbouw (product-gedreven): 4-koloms specrow, witte knop op ink, fixes uit controle */
.vk4-spec4{grid-template-columns:repeat(4,1fr)}
.vk4-spec4 .vk4-mt{color:rgba(255,255,255,.72);margin:8px auto 0;max-width:26ch}
@media (max-width:900px){.vk4-spec4{grid-template-columns:repeat(2,1fr)}}
.tile-ink .btn.vk4-lt{background:var(--white);color:var(--ink)}
.tile-ink .btn.vk4-lt:hover{background:#FFF3EC}
.vk4-prod .vk4-i{display:inline;margin:0}
.vk4-res.wait{background:var(--stage)}
.vk4-spectile{padding:48px 56px}
@media (max-width:920px){.vk4-spectile{padding:36px 22px}}
.vk3-bar-pr small{font-size:.75rem;font-weight:500;color:var(--muted);margin-left:8px}
@media (max-width:900px){.vk3-bar-pr small{display:none}}

/* === vk3 template-blok live (v24) === */
/* verkoop3-concept (.vk3) — kleurdiscipline, beslismoment-stapeling, sticky koopbalk */
.vk3-cut{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.8125rem;font-weight:600;color:var(--muted)}
.vk3-cut svg{color:var(--green);flex:none}
.vk3-cut b{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.vk3-cut.c{justify-content:center;text-align:center;margin-top:0}
.vk2-lcard .vk3-cut.c{margin-top:12px}
.vk3-cut.lt{color:rgba(255,255,255,.78)}
.vk3-cut.lt svg{color:#fff;opacity:.9}
.vk3-cut.lt b{color:#fff}
.vk3-pay{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;position:relative}
.vk3-pay .paychip{border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.72)}
.vk3-save{display:inline-block;vertical-align:middle;background:var(--green);color:#fff;border-radius:999px;padding:4px 11px;font-family:"Manrope",sans-serif;font-size:.7188rem;font-weight:800;letter-spacing:.03em;margin-left:10px;white-space:nowrap}
.vk3-bandcta{display:flex;flex-direction:column;align-items:center}
.vk3-bandcta .vk3-cut{margin-top:10px}
.vk3-calc{background:var(--stage);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.band-calc.vk3-calc label,.band-calc.vk3-calc .rlbl,.band-calc.vk3-calc .band-note,.band-calc.vk3-calc .band-res span{color:var(--muted);opacity:1}
.band-calc.vk3-calc input[type=range]{accent-color:var(--accent)}
.vk3-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--white);border-top:1px solid var(--hair);box-shadow:0 -14px 34px -22px rgba(16,20,24,.35);transform:translateY(110%);transition:transform .25s ease}
.vk3-bar.on{transform:translateY(0)}
.vk3-bar .wrap{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px;padding-right:118px}
.vk3-bar-n{font-family:"Sora",sans-serif;font-weight:700;font-size:.9375rem;letter-spacing:-.01em;white-space:nowrap}
.vk3-bar-pr{white-space:nowrap}
.vk3-bar-pr del{font-size:.8125rem;color:var(--soft);margin-right:8px}
.vk3-bar-pr .p{font-family:"Sora",sans-serif;font-weight:800;font-size:1.1875rem;letter-spacing:-.02em}
.vk3-bar .vk3-cut{margin:0 0 0 auto}
.vk3-bar .btn{padding:13px 26px;font-size:.9063rem;flex:none}
body.vk3bar-on .vbar{bottom:96px}
@media (max-width:900px){.vk3-bar-n,.vk3-bar .vk3-cut{display:none}.vk3-bar .btn{margin-left:auto}}
@media (max-width:560px){.vk3-bar-pr del{display:none}.vk3-bar .wrap{gap:12px;padding-right:96px}.vk3-bar .btn{padding:12px 18px;font-size:.8438rem}}


/* live re-assert na vk3-blok: bar boven bubble */
.vk3-bar{z-index:85}

/* verkoop4 CRO-ronde (.vk4): salderingsregel, ankerlink, bel-Jeroen-strip, betaalchips ladder, bestsellers-3 met lead, binnenkort-regel */
.vk4-sal{font-size:.8438rem;color:rgba(255,255,255,.62);margin-top:6px;line-height:1.5}
.vk4-sal b{color:#fff;font-weight:800}
.vk4-anch{color:#fff;margin-top:14px;font-size:.9063rem}
.vk4-anch:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.vk4-ladder{scroll-margin-top:96px}
#vk4check:focus,#vk4ladder:focus{outline:none}
.vk4-howflex{display:flex;align-items:center;gap:32px}
.vk4-howflex .vk4-steps{flex:1;min-width:0}
.vk4-howflex .vk4-step{padding-right:20px}
.vk4-jeroen{flex:none;display:flex;align-items:center;gap:12px;padding-left:28px;border-left:1px solid var(--hair);font-size:.8125rem;color:var(--muted);line-height:1.35}
.vk4-jeroen b{display:block;font-family:"Sora",sans-serif;font-size:.9375rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.vk4-jeroen a{display:block;margin-top:2px;font-weight:800;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.vk4-jeroen a:hover{text-decoration:underline;text-underline-offset:3px}
.vk4-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Sora",sans-serif;font-weight:800;font-size:1.125rem}
img.vk4-avatar{display:block;object-fit:cover;object-position:50% 12%}
@media (max-width:1180px){.vk4-howflex{flex-direction:column;align-items:stretch;gap:18px}.vk4-howflex .vk4-step{padding-right:36px}.vk4-jeroen{padding-left:0;border-left:none;padding-top:16px;border-top:1px solid var(--hair)}}
.vk4-lpay{justify-content:center;flex-wrap:wrap;margin-top:12px}
@media (max-width:420px){.vk4-lpay{gap:6px}.vk4-lpay .paychip{padding:5px 9px;font-size:.6875rem}}
.vk4-best3{grid-template-columns:1.15fr 1fr 1fr}
.vk4-best3 .show-item{padding:38px 30px 28px}
.vk4-best3 .show-img{height:180px;margin-top:44px}
.vk4-best3 .show-img img{max-height:170px}
.vk4-best3 .show-item h3{font-size:1.125rem}
.vk4-best3 .btn{font-size:.9063rem;padding:15px 16px}
.vk4-best3 .vk4-leadcard{border:1px solid var(--accent);margin:-1px 0 0 -1px;background:var(--white);z-index:1;box-shadow:0 30px 60px -30px rgba(16,20,24,.35)}
@media (min-width:900px){.vk4-best3 .vk4-leadcard{transform:translateY(-6px)}}
@media (max-width:899px){.vk4-best3{grid-template-columns:1fr}}
.vk4-soon{margin-top:18px;font-size:.875rem;color:var(--muted);line-height:1.5}
.vk4-soon a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.vk2-lcard > p:not([class]),.show-foot > p:not([class]),.vk4-faq > p:not([class]),.vk4-prod > p:not([class]){display:contents}

/* === HEADER-AANSLUITING (2026-09-07): eerste sectie strak onder de header (was 56px sectie + 28px kruimel = 85px) === */
#brx-content > .sec-tight:first-child,#brx-content > .sec:first-child{padding-top:32px}
#brx-content > :first-child .crumbs{padding-top:0}
.brx-body.woocommerce-cart #brx-content > .woocommerce > section.brxe-section:first-of-type{padding-top:0!important}
@media (max-width:640px){#brx-content > .sec-tight:first-child,#brx-content > .sec:first-child{padding-top:22px}}

/* === LOGO (2026-09-07 v2) === */
.brx-body .logo{display:inline-flex;align-items:baseline;gap:0;margin-right:auto;font-family:"Sora",sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.045em;line-height:1;color:#0E1E32;text-decoration:none;white-space:nowrap}
.brx-body .logo:hover{color:#0E1E32}
.lg-word,.lg-deal,.lg-tld{display:inline;padding:0;margin:0;background:none;border-radius:0}
.lg-deal{color:var(--accent)}
.lg-deal::after{content:none}
.footer .logo{font-size:1.25rem}
@media (max-width:640px){.logo{font-size:1.25rem}}

/* === VK4 fix 2026-09-07: bel-knop in ink-tegel wrapt op smalle schermen === */
@media (max-width:560px){.brx-body .vk4-help .btn.vk4-lt{white-space:normal;text-align:center;line-height:1.25}}

/* === JEROEN (foto-componenten, 2026-09-07) === */
/* Jeroen-fotocomponenten (.jp-): hero-fotokaart, foto-tegel met bijschrift, ronde avatars, P5-duo (fotokaart + tekstkolom).
   De studio-foto's hebben een lichtgrijze achtergrond: dus altijd afgerond (tegel of cirkel), nooit los op wit.
   Avatars: de foto's zijn full-body; alleen object-fit:cover geeft een piepklein mannetje. Daarom een
   clip-wrapper met de img in procenten van de wrapper op het gezicht gepositioneerd (.jp-fNN per foto),
   zodat dezelfde crop klopt op 44, 72 en 112px. Gedeeld met bodies/marstek-jeroen.html (JEROEN-PDP bouwt hierop). */
/* foto-tegel */
.jp-card{position:relative;display:flex;flex-direction:column;width:100%;border-radius:24px;overflow:hidden;background:var(--stage);isolation:isolate}
.jp-card img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}
.jp-card.jp-45 img{aspect-ratio:4/5}
.jp-card.jp-169 img{aspect-ratio:16/9;object-position:50% 50%}
.jp-card.jp-11 img{aspect-ratio:1/1}
/* bijschrift groeit mee (flex:1) zodat een opgerekte kaart wit blijft onder de tekst, nooit een grijze --stage-band */
.jp-cap{flex:1 1 auto;background:var(--white);padding:14px 18px 15px;font-size:.8125rem;color:var(--muted);line-height:1.45}
.jp-cap b{display:block;font-family:"Sora",sans-serif;font-weight:700;font-size:.9375rem;letter-spacing:-.01em;color:var(--ink);margin-bottom:2px}
.jp-cap a{font-weight:800;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-variant-numeric:tabular-nums}
.jp-cap a:hover{color:var(--accent-deep)}
/* in een tegel: smaller dan de kolom, schaduw; haarlijn zodat grijs-op-grijs loskomt van de stage-tegel */
.tile-visual .jp-card{max-width:360px;box-shadow:0 0 0 1px rgba(16,20,24,.06),0 40px 80px -36px rgba(16,20,24,.45)}
.tile-visual .jp-card img{max-height:none;object-fit:cover;filter:none}
.tile-accent .tile-visual .jp-card{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 40px 80px -36px rgba(0,0,0,.55)}
.tile-ink .tile-visual .jp-card{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 40px 80px -36px rgba(0,0,0,.6)}
/* hero-fotokaart op ink (vervangt het product-cutout in .vk2-hv); de -200-sticker ligt op de kaartrand */
.jp-hero{position:relative;width:100%;max-width:416px;aspect-ratio:4/5;margin:0 auto}
.vk2-hv .jp-hero img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 42%;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:var(--stage);filter:none;box-shadow:0 60px 100px -40px rgba(0,0,0,.8),0 20px 40px -24px rgba(0,0,0,.5)}
.jp-hero .vk2-sticker{top:-12px;right:-16px}
/* avatars 44 / 72 / 112, ring: haarlijn op wit/stage, 2px wit op ink/oranje */
.jp-ava,.jp-ava-lg,.jp-ava-xl{position:relative;flex:none;display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--stage);box-shadow:0 0 0 1px var(--hair);isolation:isolate}
.jp-ava-lg{width:72px;height:72px}
.jp-ava-xl{width:112px;height:112px}
.jp-ava img,.jp-ava-lg img,.jp-ava-xl img{position:absolute;display:block;max-width:none;height:auto;width:280%;left:-120%;top:-30%}
.tile-ink .jp-ava,.tile-ink .jp-ava-lg,.tile-ink .jp-ava-xl,.tile-accent .jp-ava,.tile-accent .jp-ava-lg,.tile-accent .jp-ava-xl,.vk2-hero .jp-ava,.vk2-hero .jp-ava-lg,.vk2-hero .jp-ava-xl,.band .jp-ava,.band .jp-ava-lg,.band .jp-ava-xl{box-shadow:0 0 0 2px #fff}
/* gezichtscrop per foto (gemeten op de originelen): portret 2:3 op 280%, landschap 16:9 op 460%; f01 top -33% = ~3% kopruimte boven het haar */
.jp-f01 img{width:280%;left:-120%;top:-30%}
.jp-f08 img{width:280%;left:-156%;top:-30%}
.jp-f09 img{width:280%;left:-54%;top:-22%}
.jp-f04 img{width:460%;left:-198%;top:-16%}
.jp-f05 img{width:460%;left:-188%;top:0}
.jp-f10 img{width:460%;left:-158%;top:-5%}
/* P5: een 16/9-fotokaart naast een tekstkolom (kicker + kop + 3 claims op haarlijnen), cells eronder. Geen collage, geen sec-head. */
.jp-strip{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px 56px;align-items:center}
.jp-strip .jp-card{border:1px solid var(--hair)}
.jp-kicker{display:block;font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.jp-strip-t h2{font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:800;margin-top:10px;max-width:18ch}
.jp-claims{list-style:none;margin:22px 0 0;padding:0}
.jp-claims li{display:flex;flex-direction:column;gap:2px;padding:13px 0;border-top:1px solid var(--hair);font-size:.875rem;color:var(--muted);line-height:1.5}
.jp-claims li:last-child{border-bottom:1px solid var(--hair)}
.jp-claims b{font-family:"Sora",sans-serif;font-weight:700;font-size:.9688rem;letter-spacing:-.01em;color:var(--ink)}
.jp-claims a{text-decoration:underline;text-underline-offset:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.jp-claims a:hover{color:var(--accent-deep)}
.jp-cells{margin-top:36px}
/* wie-is-Jeroen-regel boven de kop van de ink-tegel */
.jp-who{position:relative;display:flex;align-items:center;gap:18px;margin-bottom:24px}
.jp-who-t b{display:block;font-family:"Sora",sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.01em}
.jp-who-t small{display:block;font-size:.8125rem;color:var(--muted);margin-top:2px}
.tile-ink .jp-who-t small{color:rgba(255,255,255,.66)}
/* check-resultaat: avatar naast 'Bel Jeroen', alleen zichtbaar in de warn-state (CSS op de state-klasse, geen JS-wijziging) */
.jp-telrow{display:none;align-items:center;gap:14px}
.vk4-res.warn .jp-telrow{display:flex}
.jp-telrow .btn{flex:1 1 0%;min-width:0}
.jp-nb{white-space:nowrap}
/* wpautop-guard: Bricks text-elementen wikkelen losse img/inline-inhoud in <p>; die p's transparant maken zodat flex/grid-rijen heel blijven */
.jp-strip > p:not([class]),.jp-strip-t > p:not([class]),.jp-card > p:not([class]),.jp-cap > p:not([class]),.jp-who > p:not([class]),.jp-telrow > p:not([class]),.jp-hero > p:not([class]),.vk4-jeroen > p:not([class]){display:contents}
/* responsive; niets hier kan breder worden dan zijn kolom */
@media (max-width:1180px){.tile-visual .jp-card{max-width:340px}}
@media (max-width:920px){.jp-hero{max-width:340px}.tile-visual .jp-card{max-width:320px}}
@media (max-width:900px){.jp-strip{grid-template-columns:1fr;gap:24px}.jp-strip-t h2{max-width:none}.jp-claims li:last-child{border-bottom:0}.jp-cells{margin-top:28px}}
@media (max-width:640px){.jp-ava-xl{width:88px;height:88px}.jp-who{gap:14px}}
@media (max-width:560px){.jp-telrow{gap:12px}.jp-telrow .jp-ava-lg{width:56px;height:56px}.jp-telrow .btn{padding-left:18px;padding-right:18px}}
/* === /JEROEN === */
/* === JEROEN-CUT === */
/* Uitsneden (transparante PNG's van Jeroen) op de bestaande stages: .vk2-hv (ink-hero) en .tile-visual (tegels).
   Zelfde behandeling als de product-cutouts: radiale stage-gloed + drop-shadow, plus een zachte vloerschaduw (.jp-ground). */
.jp-cutwrap{position:relative;display:inline-block;max-width:100%;line-height:0}
.jp-cutimg{position:relative;display:block;max-width:100%;height:auto;object-fit:contain}
.vk2-hv .jp-cutimg{max-height:520px}
.tile-visual .jp-cutimg{max-height:380px}
.tile-accent .tile-visual .jp-cutimg{filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.jp-ground{position:absolute;left:18%;right:18%;bottom:1%;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(16,20,24,.3),transparent 72%);filter:blur(3px);pointer-events:none}
.vk2-hv .jp-ground{background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent 72%)}
.tile-accent .tile-visual .jp-ground{background:radial-gradient(closest-side,rgba(0,0,0,.38),transparent 72%)}
.jp-fade{-webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,#000 74%,transparent 100%)}
.jp-cutcap{display:block;font-size:.8125rem;color:var(--muted);line-height:1.45;text-align:center;max-width:36ch;margin:6px auto 0}
.jp-cutcap b{font-family:"Sora",sans-serif;font-weight:700;color:var(--ink)}
.tile-accent .jp-cutcap,.tile-ink .jp-cutcap{color:rgba(255,255,255,.82)}
.tile-accent .jp-cutcap b,.tile-ink .jp-cutcap b{color:#fff}
.tile-visual:has(> .jp-cutwrap){grid-template-rows:1fr auto;align-content:center}
@media (max-width:900px){.vk2-hv .jp-cutimg{max-height:420px}.tile-visual .jp-cutimg{max-height:320px}}
@media (max-width:560px){.vk4-help .btn.vk4-lt{white-space:normal;text-align:center;line-height:1.25}}
/* 3-kaarten Jeroen-strip (hersteld op verzoek van de eigenaar) */
.jp-strip3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
.jp-strip3 .jp-card{border:1px solid var(--hair)}
.jp-strip3 .jp-cap a{font-weight:800;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-variant-numeric:tabular-nums}
@media (max-width:900px){.jp-strip3{grid-template-columns:1fr;gap:14px}}
/* v7a: merkenrij onder 'Waarom onze bestseller?' (user: tekstregel was te zwak) */
.v7a-brandrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0 26px}
.v7a-brand{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--hair);border-radius:16px;background:var(--white);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.v7a-brand:hover{border-color:var(--ink);transform:translateY(-2px);color:var(--ink)}
.v7a-brand img{width:54px;height:54px;object-fit:contain;flex:none}
.v7a-brand i{width:54px;height:54px;border-radius:12px;background:var(--stage);display:grid;place-items:center;font:800 1.25rem/1 "Sora",sans-serif;font-style:normal;color:var(--ink);flex:none}
.v7a-brand b{display:block;font-family:"Sora",sans-serif;font-weight:700;font-size:.9375rem;letter-spacing:-.01em}
.v7a-brand small{display:block;font-size:.75rem;color:var(--muted);line-height:1.35;margin-top:2px}
.v7a-brand.v7a-soon{background:var(--stage)}
.v7a-brandnote{font-size:.9375rem;color:var(--muted);margin:0 0 6px}
.v7a-brandnote a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.v7a-brandrow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.v7a-brandrow{grid-template-columns:1fr 1fr;gap:10px}.v7a-brand{padding:10px 12px}.v7a-brand img,.v7a-brand i{width:44px;height:44px}}
/* v7c: deal-regel in de neutrale hero (user: moet 100% converterend blijven) */
.v7c-deal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;font-size:.9375rem;color:rgba(255,255,255,.82)}
.v7c-deal b{color:#fff}
.v7c-deal del{color:rgba(255,255,255,.5)}
.v7c-deal small{font-size:.75rem;color:rgba(255,255,255,.6)}
/* === /JEROEN-CUT === */
/* === V7B (homepage vijf merken / tabs / check) === */
/* v7b (deal-hero + merkenstrip): merkenstrip onder de hero, merk-tabs in de ladder, 'waarom deze?'-kaart naast een enkele merkkaart.
   Alles met prefix .v7b-; bestaande regels ongewijzigd. Oranje blijft voor koopacties; tabs/chips/kaarten in ink, muted en haarlijn. */
/* merkenstrip: 5 haarlijn-kaarten op een rij, elke kaart is een link (Bekijk), geen koopknoppen */
.v7b-brands{padding:44px 0 46px;border-bottom:1px solid var(--hair)}
.v7b-brands .sec-head{margin-bottom:24px}
.v7b-brands .sec-head h2{font-size:clamp(1.4rem,2.3vw,1.9rem)}
.v7b-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.v7b-brand{display:flex;flex-direction:column;min-width:0;border:1px solid var(--hair);border-radius:22px;padding:16px 18px;background:var(--white);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.v7b-brand:hover{border-color:var(--ink);box-shadow:0 26px 44px -34px rgba(16,20,24,.32)}
.v7b-bimg{position:relative;display:grid;place-items:center;height:118px;margin-bottom:14px;border-radius:14px;overflow:hidden}
.v7b-bimg::before{content:"";position:absolute;inset:8% 16%;background:radial-gradient(closest-side,var(--stage),rgba(247,248,250,0));border-radius:50%}
.v7b-bimg img{position:relative;max-height:106px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(16,20,24,.14));transition:transform .25s ease}
.v7b-brand:hover .v7b-bimg img{transform:scale(1.04) translateY(-3px)}
/* woordmerk-tegel (Zendure/EcoFlow hebben geen foto): merknaam in Sora-bold (.show-wm) op stage-grijs */
.v7b-wm{background:var(--stage)}
.v7b-wm::before{content:none}
.v7b-wm .show-wm{font-size:1rem;letter-spacing:.22em}
.v7b-btxt{display:block;min-width:0}
.v7b-bname{display:block;font-family:"Sora",sans-serif;font-weight:700;font-size:.9688rem;letter-spacing:-.01em;line-height:1.25}
.v7b-bfor{display:block;font-size:.8125rem;color:var(--muted);line-height:1.4;margin-top:5px}
.v7b-bprice{display:block;font-family:"Sora",sans-serif;font-weight:800;font-size:1.0625rem;letter-spacing:-.01em;margin-top:10px}
.v7b-bprice small{font-family:"Manrope",sans-serif;font-weight:600;font-size:.75rem;color:var(--muted);margin-right:5px}
.v7b-bsoon{display:block;margin-top:10px}
.v7b-brand .tlink{margin-top:auto;padding-top:14px;font-size:.875rem}
.v7b-brand:hover .tlink{color:var(--accent-deep)}
/* wpautop-guard (Bricks): losse <p>'s in de kaart transparant */
.v7b-brand > p:not([class]),.v7b-btxt > p:not([class]),.v7b-tabbar > p:not([class]),.v7b-why > p:not([class]){display:contents}
@media (max-width:1100px){.v7b-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .v7b-brands{padding:32px 0 34px}
  .v7b-brands .sec-head{margin-bottom:18px}
  .v7b-grid{grid-template-columns:1fr;gap:10px}
  .v7b-brand{flex-direction:row;align-items:center;gap:14px;padding:12px 16px 12px 12px}
  .v7b-bimg{width:84px;height:84px;flex:none;margin:0}
  .v7b-bimg img{max-height:74px}
  .v7b-wm .show-wm{font-size:.625rem;letter-spacing:.16em}
  .v7b-btxt{flex:1 1 auto}
  .v7b-bfor{margin-top:3px}
  .v7b-bprice{margin-top:6px;font-size:1rem}
  .v7b-bsoon{margin-top:6px}
  .v7b-brand .tlink{margin:0;padding:0;flex:none}
}
/* ladder: merk-tabs (pill-knoppen, ink als actief) + grijze 'binnenkort'-chips (gestippeld, niet klikbaar) */
.v7b-tabbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.v7b-tab{display:inline-flex;align-items:baseline;gap:8px;border:1.5px solid var(--hair);background:var(--white);color:var(--muted);border-radius:999px;padding:12px 20px;font:inherit;font-weight:700;font-size:.9375rem;line-height:1;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.v7b-tab:hover{border-color:var(--ink);color:var(--ink)}
.v7b-tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.v7b-tabp{font-family:"Sora",sans-serif;font-weight:800;font-size:.8125rem;color:var(--ink)}
.v7b-tab[aria-selected="true"] .v7b-tabp{color:rgba(255,255,255,.78)}
.v7b-soonchip{display:inline-flex;align-items:center;border:1.5px dashed var(--hair);border-radius:999px;padding:12px 16px;font-size:.8125rem;font-weight:600;color:var(--soft);line-height:1;white-space:nowrap;cursor:default}
.v7b-tab+.v7b-soonchip{margin-left:10px}
/* 'waarom deze?'-kaart naast een enkele merkkaart (Anker, Jackery): stage-tegel met kicker, kop, 3 claims op haarlijnen, 2 tekstlinks */
.v7b-why{display:flex;flex-direction:column;border:1.5px solid var(--hair);border-radius:28px;padding:46px 40px 36px;background:var(--stage)}
.v7b-why h3{font-family:"Sora",sans-serif;font-size:clamp(1.3rem,2.2vw,1.625rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:12px}
.v7b-why .v7b-why-p{font-size:.9375rem;color:var(--muted);margin-top:12px;line-height:1.55}
.v7b-why .jp-claims{margin-top:20px}
.v7b-why .tile-ctas{margin-top:auto;padding-top:26px;gap:14px 22px}
@media (max-width:860px){.v7b-why{padding:32px 26px 28px}}
@media (max-width:640px){
  .v7b-tab{padding:11px 16px;font-size:.875rem}
  .v7b-tabp{font-size:.75rem}
  .v7b-tab+.v7b-soonchip{margin-left:0}
  .v7b-soonchip{padding:10px 14px;font-size:.75rem}
}
/* v7b vijf-merken-blok als bestseller-kaarten (3+3), user-verzoek */
.v7b-five{grid-template-columns:repeat(3,minmax(0,1fr))}
.v7b-five .show-item{padding:38px 30px 28px}
.v7b-five .show-img{height:180px;margin-top:44px}
.v7b-five .show-img img{max-height:170px}
.v7b-five .show-wm{font-size:1.25rem;letter-spacing:.22em;color:var(--muted)}
.v7b-five .v7b-soonp{font-size:1.125rem}
.v7b-five .v7b-soonp small{display:block;font-size:.6875rem;font-weight:500;color:var(--soft);margin-top:2px}
.v7b-five .btn-ghost{width:100%;text-align:center}
.v7b-five .show-foot .tlink{align-self:center;margin-top:2px}
.v7b-help{background:var(--ink);color:#fff;justify-content:center}
.v7b-help h3{color:#fff;font-size:1.375rem;margin-top:10px;letter-spacing:-.01em}
.v7b-help p{color:rgba(255,255,255,.75);font-size:.9375rem;line-height:1.55;margin:14px 0 0}
.v7b-help .tile-kicker{color:var(--accent)}
.v7b-helplinks{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.v7b-helplinks .tlink{color:#fff}
.v7b-help .vk-inkrev{margin-top:22px}
@media (max-width:1100px){.v7b-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.v7b-five{grid-template-columns:1fr}.v7b-five .show-item{padding:30px 22px 26px}}
/* === /V7B === */
/* === VG2 (vergelijk v2) === */
/* VG2: vergelijk-pagina (concept v2). Alles met .vg2- prefix als laag over de gedeelde componenten
   (.sec-tight/.crumbs/.vtab/.tile/.specrow/.kies/.vk3-bar). Kleurdiscipline: oranje = koopactie, groen = besparing/beste waarde. */

/* 1. kop-blok: titel links, twee snelle acties rechts (bestel meest gekozen + keuzehulp), cutoff live */
.vg2-top{padding-bottom:40px}
.vg2-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 40px;align-items:end;margin:18px 0 30px}
.vg2-head h1{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;max-width:16ch}
.vg2-sub{margin-top:10px;color:var(--muted);font-size:1rem;max-width:46ch}
.vg2-head .revline{margin-top:14px}
.vg2-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.vg2-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.vg2-cta .btn{padding:15px 26px;font-size:.9375rem}
.vg2-cta-note{font-size:.8125rem;color:var(--muted)}
.vg2-cta-note b{color:var(--ink);font-weight:700}
.vg2-cta .vk3-cut{margin-top:0}

/* 2. compacte intro: specrow-tegel + rekenkaart, zodat de tabel op desktop binnen ~1,5 scherm begint */
.vg2-intro{display:flex;flex-direction:column;gap:14px}
.vg2-intro .tile{min-height:0;padding:34px 44px;border-radius:24px}
.vg2-intro .tile-ink{grid-template-columns:1fr}
.vg2-intro .tile-flip{gap:28px}
.vg2-intro .tile h2{font-size:clamp(1.35rem,2.2vw,1.8rem);margin-top:8px;max-width:18ch}
.vg2-intro .tile .sub{font-size:.9375rem;margin-top:8px;max-width:46ch}
.vg2-intro .tile-ctas{margin-top:18px;gap:12px 24px}
.vg2-intro .tile-ctas .tlink{font-size:.9063rem}
.vg2-intro .tile-visual{min-height:0}
.vg2-intro .pricecurve{max-width:380px}
.vg2-pt0{padding-top:0}

/* 3. de tabel: koopknop per kolom, 'Past bij'-rij, beste waarde groen, meest-gekozen kolom op stage-grijs */
.vg2-scrollhint{display:none;font-size:.75rem;font-weight:600;color:var(--soft);margin-bottom:8px}
.vg2-vtab table{min-width:1120px}
.vg2-vtab th,.vg2-vtab td{padding:14px 12px}
.vg2-vtab thead th{padding:28px 12px 22px}
.vg2-vtab tbody th{width:150px;min-width:150px}
.vg2-vtab th:nth-child(2),.vg2-vtab td:nth-child(2){background:var(--stage)}
.vg2-badge{display:inline-block;font-size:.625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1;border-radius:999px;padding:6px 10px;margin-bottom:12px;border:1px solid var(--hair);color:var(--muted);background:var(--white)}
.vg2-badge.is-top{background:var(--ink);border-color:var(--ink);color:#fff}
.vg2-vtab .vp-img{height:104px}
.vg2-wm{display:grid;place-items:center;width:100%;height:100%;border-radius:14px;background:var(--stage)}
.vg2-wm .show-wm{font-size:1rem;letter-spacing:.2em}
.vg2-vtab .vp-n{display:block;line-height:1.25}
.vg2-vtab .vp-n a:hover{color:var(--accent-deep)}
.vg2-vtab .vp-p{margin:6px 0 12px}
.vg2-vtab .vp-p.is-call{font-family:"Manrope",sans-serif;font-weight:600;font-size:.875rem;color:var(--muted)}
.vg2-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.vg2-vtab .btn{width:100%;padding:11px 10px;font-size:.75rem;letter-spacing:.01em}
.vg2-vtab .btn-ghost{white-space:normal;line-height:1.25;text-align:center;padding:9px 10px}
.vg2-incl{font-size:.6875rem;color:var(--muted);line-height:1.3}
.vg2-incl a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.vg2-vtab .tlink{font-size:.8125rem;margin-top:2px}
.vg2-vtab .tlink svg{width:13px;height:13px}
.vg2-best{color:var(--green);font-weight:700}
.vg2-vtab tbody .vg2-past td{font-size:.875rem;line-height:1.45;vertical-align:top}
.vg2-vtab tbody .vg2-past td b{display:block;font-family:"Sora",sans-serif;font-weight:700;font-size:.9063rem;letter-spacing:-.01em;margin-bottom:2px}
.vg2-vtab tfoot th,.vg2-vtab tfoot td{padding:18px 12px 22px;border-bottom:none;vertical-align:top}
.vg2-tabnote{display:flex;gap:8px 28px;flex-wrap:wrap;margin-top:14px;font-size:.8125rem;color:var(--muted)}
.vg2-tabnote i{font-style:normal;display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);vertical-align:middle;margin-right:7px;position:relative;top:-1px}

/* 4. mensentaal-routes (kz-routes uit showroom.css, hier gescopet; elke cel eindigt in koop- of bekijk-link) */
.vg2-mens .kz-routes-h{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;margin-bottom:24px}
.vg2-mens .kz-routes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.vg2-mens .kz-route{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:30px 28px;display:flex;flex-direction:column;transition:background .15s}
.vg2-mens .kz-route:hover{background:var(--stage)}
.vg2-mens .kz-route b{font-family:"Sora",sans-serif;font-size:1.0313rem;font-weight:700;letter-spacing:-.01em}
.vg2-mens .kz-route span{font-size:.875rem;color:var(--muted);margin-top:6px;line-height:1.55}
.vg2-mens .kz-route i{font-style:normal;margin-top:auto;padding-top:18px;font-size:.875rem;font-weight:700;color:var(--ink);display:flex;gap:6px 18px;flex-wrap:wrap}
.vg2-mens .kz-route i a:hover{color:var(--accent-deep)}
.vg2-mens .kz-route i a.vg2-buy{color:var(--accent-deep)}
.vg2-mens .kz-route i a.vg2-buy:hover{text-decoration:underline;text-underline-offset:3px}

/* 5. tegels (LiFePO4 + salderen-accent) en kies-blok met twee knoppen */
.vg2-tilewrap{display:flex;flex-direction:column;gap:18px}
.vg2-kies{padding-top:64px}
.vg2-kies-cta{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}
.vg2-kies-cta .btn{margin-left:0}
.vg2-bar-lbl{font-family:"Manrope",sans-serif;font-weight:600;font-size:.8125rem;color:var(--muted);margin-right:4px}

/* responsive: kop 1 kolom, tabel scrollt binnen .vtab (nooit de pagina), eerste kolom blijft plakken */
@media (max-width:1180px){
  .vg2-scrollhint{display:block}
  .vg2-vtab thead th:first-child,.vg2-vtab tbody th,.vg2-vtab tfoot th{position:sticky;left:0;z-index:2;background:var(--white);box-shadow:1px 0 0 var(--hair)}
}
@media (max-width:900px){
  .vg2-head{grid-template-columns:1fr;align-items:start;gap:22px;margin-bottom:26px}
  .vg2-cta,.vg2-cta-row{width:100%}
  .vg2-cta-row .btn{flex:1 1 auto}
}
@media (max-width:820px){
  .vg2-kies-cta{margin-left:0;width:100%;flex-direction:column}
  .vg2-kies-cta .btn{width:100%}
}
@media (max-width:720px){.vg2-mens .kz-routes{grid-template-columns:1fr}}
@media (max-width:560px){
  .vg2-top{padding-bottom:32px}
  .vg2-cta-row{flex-direction:column}
  .vg2-cta-row .btn{width:100%}
  .vg2-intro .tile{padding:28px 22px}
  .vg2-vtab table{min-width:1080px}
  .vg2-vtab tbody th{width:128px;min-width:128px;font-size:.7813rem;white-space:normal}
}
/* === /VG2 === */