:root{--ink:#111a16;--ink2:#1c2923;--green:#176b4b;--green2:#0e5539;--lime:#d8f25f;--cream:#f6f4ed;--paper:#fff;--muted:#66716b;--line:#dde2de;--soft:#eef2ef;--shadow:0 24px 70px rgba(17,26,22,.11);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand,.btn{font-family:'Manrope',system-ui,sans-serif}a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 28px}.sitehead{height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,26,22,.08);display:flex;align-items:center;position:sticky;top:0;z-index:50}.head-inner{display:flex;width:100%;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;text-decoration:none;letter-spacing:-.04em}.brand strong{font-weight:800}.brand em{font-style:normal;color:var(--green)}.brandmark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:var(--lime);font-weight:800}.nav{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.nav>a:not(.btn){text-decoration:none;color:#36423c}.nav>a:not(.btn):hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--green);border-radius:11px;background:linear-gradient(180deg,#1d7756,#126243);color:#fff;font-weight:800;padding:13px 20px;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(23,107,75,.18);transition:.2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(23,107,75,.24)}.btn-small{padding:10px 16px;border-radius:9px}.btn-large{padding:16px 22px;min-height:56px}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-light{background:#fff;color:var(--ink);border-color:#fff;box-shadow:none}.hero{position:relative;overflow:hidden;padding:86px 0 76px;background:radial-gradient(circle at 72% 25%,rgba(216,242,95,.18),transparent 26%),linear-gradient(135deg,#f7f6f0 0%,#fff 58%,#eef5f0 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,26,22,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(17,26,22,.028) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 78%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:11px}.eyebrow>span{display:inline-block;width:20px;height:2px;background:currentColor}.eyebrow.light{color:var(--lime)}.hero h1{font-size:68px;line-height:.98;margin:16px 0 22px;letter-spacing:-.06em;font-weight:800}.hero h1 span{color:var(--green)}.lead{font-size:19px;color:#5d6862;max-width:660px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.textlink{font-weight:700;font-size:14px;text-decoration:none;border-bottom:1px solid #aeb7b2;padding-bottom:3px}.trustrow{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#56615b;font-size:13px}.trustrow i{font-style:normal;color:var(--green);font-weight:900}.project-panel{background:linear-gradient(155deg,#15211b,#0d1612);color:#fff;border-radius:24px;box-shadow:0 36px 80px rgba(17,26,22,.24);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.panel-top{height:60px;padding:0 22px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px}.panel-top small{margin-left:auto;color:#aab7b0}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(216,242,95,.1)}.project-visual{height:310px;position:relative;background:radial-gradient(circle at 50% 45%,rgba(216,242,95,.12),transparent 35%)}.house-shape{position:absolute;width:210px;height:145px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.22);border-top:0}.house-shape:before{content:"";position:absolute;width:148px;height:148px;border-left:1px solid rgba(255,255,255,.22);border-top:1px solid rgba(255,255,255,.22);transform:rotate(45deg);left:30px;top:-74px}.house-line{position:absolute;background:rgba(216,242,95,.55)}.l1{width:1px;height:90px;left:68px;bottom:0}.l2{width:1px;height:90px;right:68px;bottom:0}.l3{height:1px;width:210px;left:0;bottom:45px}.floating-tag{position:absolute;background:rgba(255,255,255,.96);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.2)}.floating-tag b{color:var(--green);margin-left:6px}.tag-a{left:24px;top:46px}.tag-b{right:28px;top:100px}.tag-c{left:54px;bottom:36px}.panel-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.09)}.panel-steps div{padding:18px 16px;border-right:1px solid rgba(255,255,255,.09)}.panel-steps div:last-child{border:0}.panel-steps b{display:block;color:var(--lime);font-size:11px;margin-bottom:4px}.panel-steps span{font-size:12px;color:#d7e0db}.proofbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{padding:23px 22px;border-right:1px solid var(--line)}.proof-grid>div:last-child{border:0}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:14px}.proof-grid span{font-size:12px;color:var(--muted);margin-top:2px}.section{padding:92px 0}.section-head{display:grid;grid-template-columns:1fr 430px;gap:60px;align-items:end;margin-bottom:44px}.section h2{font-size:42px;line-height:1.08;letter-spacing:-.045em;margin:10px 0 0}.section-head p{color:var(--muted);margin:0}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process article{padding:28px 26px 30px;border-right:1px solid var(--line);min-height:220px}.process article:last-child{border:0}.stepno{color:var(--green);font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:800;font-size:12px}.process h3{font-size:18px;margin:42px 0 8px;letter-spacing:-.025em}.process p{color:var(--muted);font-size:14px;margin:0}.categories-section{background:var(--cream)}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cat{min-height:92px;background:rgba(255,255,255,.82);border:1px solid rgba(17,26,22,.1);border-radius:14px;padding:17px;display:flex;align-items:center;gap:14px;text-decoration:none;transition:.2s ease}.cat:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,26,22,.07);border-color:#c8d1cb}.cat-icon{width:40px;height:40px;border-radius:10px;background:var(--soft);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--green)}.cat>span:nth-child(2){display:flex;flex-direction:column}.cat strong{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:14px}.cat small{color:var(--muted);font-size:11px;margin-top:3px}.cat>b{margin-left:auto;color:#7a867f}.privacy-section{background:#fff}.privacy-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.privacy-card,.compare-card{border:1px solid var(--line);border-radius:20px;padding:34px}.privacy-card{display:flex;gap:24px;background:linear-gradient(135deg,#f7faf8,#fff)}.shield{flex:0 0 58px;height:58px;border-radius:16px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:24px}.privacy-card h2{font-size:32px}.privacy-card p{color:var(--muted);max-width:590px}.mini-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--green)}.compare-card{background:var(--ink);color:#fff}.compare-card .mini-label{color:var(--lime)}.compare-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.compare-row:last-child{border:0}.compare-row i{height:1px;background:rgba(255,255,255,.12)}.compare-row b{color:#dce5e0}.contractor-section{background:var(--ink);color:#fff}.contractor-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contractor-section h2{font-size:46px}.contractor-section p{color:#b8c4bd;max-width:520px;margin-bottom:28px}.contractor-ui{background:#fff;color:var(--ink);border-radius:18px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.job-head span,.job-head b{display:block}.job-head span{color:var(--green);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.job-head b{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:24px;margin-top:6px}.job-meta{display:flex;gap:18px;color:var(--muted);font-size:12px;padding:16px 0;border-bottom:1px solid var(--line)}.job-lines{padding:18px 0}.job-lines i{display:block;height:8px;background:#edf0ee;border-radius:5px;margin:9px 0}.job-lines i:nth-child(1){width:100%}.job-lines i:nth-child(2){width:82%}.job-lines i:nth-child(3){width:61%}.job-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.job-actions span{color:var(--muted)}.job-actions b{background:var(--green);color:#fff;border-radius:8px;padding:10px 13px}.final-cta{background:var(--cream)}.cta-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 20px 60px rgba(17,26,22,.06)}.cta-box h2{font-size:34px;margin:7px 0}.cta-box p{margin:0;color:var(--muted)}
/* application */.form-shell{max-width:900px;margin:44px auto;padding:0 22px 70px}.card,.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px rgba(17,26,22,.07)}.form-card{padding:34px}.progress{display:flex;gap:7px;margin-bottom:30px}.progress i{height:5px;flex:1;border-radius:8px;background:#e8ece9}.progress i.on{background:linear-gradient(90deg,var(--green),#3c8b6c)}.step{display:none}.step.active{display:block}.step h1{font-size:38px;line-height:1.1;margin:8px 0 10px;letter-spacing:-.045em}.field{margin:18px 0}.field label{display:block;font-weight:700;margin-bottom:7px}.field small{display:block;color:var(--muted);margin-top:5px}.input,.select,.textarea{width:100%;border:1px solid #cfd7d2;border-radius:10px;padding:14px 15px;font:inherit;background:#fff;outline:none;transition:.15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,75,.1)}.textarea{min-height:130px;resize:vertical}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;cursor:pointer}.choice:has(input:checked){border-color:var(--green);background:#f1f8f4}.actions{display:flex;gap:12px;justify-content:space-between;margin-top:28px}.notice{background:#f0f7f3;border:1px solid #cfe2d7;padding:15px;border-radius:10px}.warning{background:#fff6df;padding:14px;border-radius:10px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.photo-tile img{display:block;width:100%;height:160px;object-fit:cover}.photo-tile .meta{padding:8px;font-size:12px}.uploadbox{border:1.5px dashed #aabdb2;background:#f9fbfa;border-radius:14px;padding:30px;text-align:center}.status-pill{display:inline-block;border-radius:999px;padding:5px 9px;background:#e7f4ec;color:var(--green);font-size:12px;font-weight:800}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}
.footer{background:#0c1410;color:#dce5e0;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.brand-light{color:#fff}.brand-light .brandmark{background:var(--lime);color:var(--ink)}.footer-copy{color:#99a79f;max-width:440px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-grid>div:not(:first-child) strong{color:#fff;margin-bottom:5px}.footer-grid a{text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;color:#7f8d85;font-size:11px}.mobile-only{display:none}@media(max-width:900px){.nav a:not(.btn){display:none}.hero-grid,.section-head,.privacy-grid,.contractor-grid{grid-template-columns:1fr}.hero h1{font-size:54px}.project-panel{max-width:600px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div:nth-child(2){border-right:0}.process{grid-template-columns:1fr 1fr}.process article:nth-child(2){border-right:0}.cats{grid-template-columns:1fr 1fr}.section-head{gap:16px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:620px){.wrap{padding:0 18px}.sitehead{height:68px}.brand{font-size:17px}.brandmark{width:31px;height:31px}.nav{gap:8px}.btn-small{padding:9px 12px;font-size:12px}.hero{padding:54px 0 46px}.hero h1{font-size:43px}.lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.trustrow{gap:10px 16px}.project-visual{height:250px}.panel-steps{grid-template-columns:1fr}.panel-steps div{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.proof-grid,.process,.cats,.footer-grid{grid-template-columns:1fr}.proof-grid>div,.process article{border-right:0;border-bottom:1px solid var(--line)}.section{padding:68px 0}.section h2,.contractor-section h2{font-size:34px}.process h3{margin-top:24px}.process article{min-height:auto}.privacy-card{padding:24px;flex-direction:column}.cta-box{padding:28px;align-items:flex-start;flex-direction:column}.cols2,.choice-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.form-card{padding:22px}.step h1{font-size:32px}.footer-bottom{gap:10px;flex-direction:column}.mobile-only{display:block}}@media(max-width:420px){.photo-grid{grid-template-columns:1fr}.tag-b{right:12px}.tag-a{left:12px}.tag-c{left:24px}}
/* v4 screenshot-faithful homepage */
.mock-home{background:#f8f8f6}.mock-home .wrap{max-width:1180px}.mock-home~.footer{display:none}.mock-hero{position:relative;min-height:385px;color:#fff;background:#06100e url('img/hero-kitchen.jpg') center/cover no-repeat;overflow:hidden}.mock-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,12,11,.98) 0%,rgba(2,14,12,.86) 24%,rgba(2,12,10,.22) 56%,rgba(1,10,9,.08) 100%)}.mock-hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(0deg,rgba(1,10,9,.88),transparent)}.mock-hero-inner{position:relative;z-index:2;min-height:312px;display:flex;align-items:center}.mock-copy{width:470px;padding:38px 0 28px}.mock-copy h1{font:800 49px/1.02 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 20px}.mock-copy h1 span{color:#c9ec25}.mock-copy p{font-size:14px;line-height:1.55;max-width:440px;margin:0 0 22px;color:#f1f4f2}.mock-actions{display:flex;gap:12px}.mock-primary,.mock-secondary{min-height:46px;padding:0 20px;border-radius:7px;display:inline-flex;align-items:center;gap:20px;font:800 13px Manrope,sans-serif;text-decoration:none}.mock-primary{background:#c9ec25;color:#07110e}.mock-secondary{border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(4,15,13,.35)}.mock-secondary b{color:#c9ec25}.mock-benefits{position:relative;z-index:3;height:73px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.mock-benefits>div{display:flex;gap:12px;align-items:center;padding-right:18px;border-right:1px solid rgba(255,255,255,.18)}.mock-benefits>div:last-child{border:0}.mock-benefits i{width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:10px;display:grid;place-items:center;color:#c9ec25;font-style:normal;font-size:24px}.mock-benefits p{margin:0;display:flex;flex-direction:column}.mock-benefits b{font-size:12px}.mock-benefits span{font-size:10px;line-height:1.45;color:#e0e5e2;margin-top:3px}.mock-content{background:#f7f7f5;padding:16px 0 28px;color:#080e0c}.mock-title{text-align:center}.mock-title h2{font:800 23px/1.1 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0 0 4px}.mock-title p{font-size:11px;margin:0}.mock-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:20px 28px 26px}.mock-steps article{display:grid;grid-template-columns:38px 54px 1fr;gap:12px;align-items:center;position:relative}.mock-steps article:not(:last-child):after{content:"";position:absolute;right:-18px;width:1px;height:62px;background:#d5d8d6}.mock-steps em{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#06110e;color:#c9ec25;font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-style:normal}.mock-steps i{width:50px;height:50px;border-radius:50%;background:#eceeeb;display:grid;place-items:center;font-style:normal;font-size:25px}.mock-steps h3{font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0 0 5px}.mock-steps p{font-size:10.5px;line-height:1.45;margin:0;color:#252b28}.mock-lower{display:grid;grid-template-columns:2.2fr .8fr;gap:20px}.mock-popular,.mock-pro{background:#f0f0ee;border-radius:10px;padding:15px 17px}.mock-popular h2,.mock-pro h2{font:800 18px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0 0 12px}.mock-catgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mock-catgrid a{height:72px;border-radius:7px;position:relative;overflow:hidden;text-decoration:none;color:#fff;background-image:linear-gradient(0deg,rgba(0,10,8,.9),rgba(0,10,8,.18)),var(--bg);background-size:cover;background-position:center}.mock-catgrid a span{position:absolute;left:11px;top:10px;color:#c9ec25;font-size:20px}.mock-catgrid a b{position:absolute;left:11px;bottom:8px;font:700 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.mock-catgrid a.more{background:#0b1814}.mock-catgrid a.more span{font-size:30px;font-weight:200}.mock-pro{background:#f1f1ef}.mock-pro>p{font-size:12px;line-height:1.4;max-width:230px}.mock-pro ul{list-style:none;padding:0;margin:14px 0}.mock-pro li{font-size:10.5px;margin:7px 0}.mock-pro li:before{content:"✓";color:#8bb700;font-weight:900;margin-right:9px}.mock-pro>a{display:flex;justify-content:space-between;align-items:center;background:#06110e;color:#fff;text-decoration:none;border-radius:6px;padding:11px 13px;font:700 10.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.mock-pro>a b{color:#c9ec25;font-size:18px}
.sitehead{height:50px;background:#030b0a;border:0;color:#fff}.sitehead .wrap{max-width:1180px}.sitehead .brand{color:#fff;font-size:17px}.sitehead .brandmark{width:27px;height:27px;border:2px solid #c9ec25;background:transparent;color:#c9ec25;border-radius:0;clip-path:polygon(50% 0,100% 35%,100% 100%,65% 100%,65% 60%,35% 60%,35% 100%,0 100%,0 35%);font-size:0}.sitehead .brand strong{color:#c9ec25}.sitehead .brand em{color:#fff}.sitehead .nav{gap:28px;font-size:10px}.sitehead .nav>a:not(.btn){color:#fff}.sitehead .nav>a:nth-child(2){display:none}.sitehead .btn{background:#c9ec25;color:#06110e;border-color:#c9ec25;box-shadow:none;border-radius:7px;padding:9px 18px;font-size:10px}.sitehead .nav:after{content:"♙  Inloggen";border:1px solid #fff;border-radius:7px;padding:8px 14px;font:700 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
@media(max-width:900px){.mock-copy{width:60%}.mock-benefits{height:auto;grid-template-columns:1fr 1fr;padding-top:14px;padding-bottom:14px;gap:14px}.mock-steps{grid-template-columns:1fr;margin-left:0;margin-right:0}.mock-steps article:not(:last-child):after{display:none}.mock-lower{grid-template-columns:1fr}.mock-catgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.mock-hero{background-position:60% center}.mock-hero:before{background:rgba(1,12,11,.76)}.mock-copy{width:100%}.mock-copy h1{font-size:42px}.mock-actions{flex-direction:column;align-items:flex-start}.mock-benefits{grid-template-columns:1fr}.mock-benefits>div{border-right:0}.mock-catgrid{grid-template-columns:1fr 1fr}.sitehead .nav:after{display:none}}
/* =========================================================
   RenovatieVakman v5 – premium homepage refinement
   ========================================================= */
.rv-home{background:#f7f7f4;color:#0a100d}.rv-home~.footer{display:block}.rv-home .wrap{max-width:1260px}.rv-hero{position:relative;min-height:560px;color:#fff;background:#06100e url('img/hero-kitchen.jpg') 50% 54%/cover no-repeat;overflow:hidden}.rv-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,9,.98) 0%,rgba(1,12,10,.92) 25%,rgba(2,12,10,.38) 52%,rgba(1,8,7,.09) 78%),linear-gradient(0deg,rgba(1,9,8,.9) 0%,rgba(1,9,8,0) 43%)}.rv-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,rgba(207,241,38,.06),transparent 28%);pointer-events:none}.rv-hero-inner{position:relative;z-index:2;min-height:445px;display:flex;align-items:center}.rv-copy{width:510px;padding:54px 0 42px}.rv-copy h1{font:800 clamp(48px,4.8vw,68px)/.97 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 26px;text-wrap:balance}.rv-copy h1 span{color:#cceb26;text-shadow:0 0 28px rgba(204,235,38,.09)}.rv-copy p{font-size:16px;line-height:1.65;max-width:500px;margin:0 0 30px;color:rgba(255,255,255,.9)}.rv-actions{display:flex;gap:14px;align-items:center}.rv-primary,.rv-secondary{min-height:54px;padding:0 24px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font:800 13px Manrope,sans-serif;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.rv-primary{background:linear-gradient(180deg,#d5f13a,#c6e91b);color:#07110e;box-shadow:0 10px 30px rgba(199,234,28,.18)}.rv-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(199,234,28,.24)}.rv-secondary{border:1px solid rgba(255,255,255,.64);color:#fff;background:rgba(4,15,13,.28);backdrop-filter:blur(8px)}.rv-secondary:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.rv-secondary b{color:#cceb26}.rv-benefits{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);min-height:112px;align-items:center;padding-top:8px;padding-bottom:18px}.rv-benefit{display:flex;gap:14px;align-items:center;padding:10px 26px 10px 0;margin-right:26px;border-right:1px solid rgba(255,255,255,.16)}.rv-benefit:last-child{border:0;margin-right:0}.rv-bicon{width:50px;height:50px;flex:0 0 50px;border:1px solid rgba(255,255,255,.35);border-radius:13px;display:grid;place-items:center;background:rgba(0,0,0,.13);backdrop-filter:blur(8px)}.rv-bicon svg{width:27px;height:27px;fill:none;stroke:#cceb26;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rv-benefit p{margin:0;display:flex;flex-direction:column}.rv-benefit b{font:700 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-benefit p span{font-size:11px;line-height:1.5;color:rgba(255,255,255,.76);margin-top:3px}.rv-content{background:linear-gradient(180deg,#fafaf8,#f3f3f0);padding:30px 0 58px}.rv-title{text-align:center;margin-bottom:28px}.rv-title h2{font:800 28px/1.1 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0 0 7px;letter-spacing:-.03em}.rv-title p{font-size:12px;margin:0;color:#59615d}.rv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 34px 36px}.rv-steps article{display:grid;grid-template-columns:42px 62px 1fr;gap:14px;align-items:center;position:relative;min-height:88px}.rv-steps article:not(:last-child):after{content:"";position:absolute;right:-20px;width:1px;height:68px;background:#d8dbd8}.rv-steps em{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#06110e;color:#cceb26;font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-style:normal;box-shadow:0 8px 20px rgba(6,17,14,.1)}.rv-stepicon{width:58px;height:58px;border-radius:50%;background:#ebede9;display:grid;place-items:center}.rv-stepicon svg{width:29px;height:29px;fill:none;stroke:#101713;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rv-steps h3{font:800 15px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0 0 5px;letter-spacing:-.02em}.rv-steps p{font-size:11.5px;line-height:1.5;margin:0;color:#313834}.rv-lower{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(280px,.85fr);gap:22px;align-items:stretch}.rv-popular,.rv-pro{background:rgba(255,255,255,.74);border:1px solid rgba(15,27,21,.07);border-radius:14px;padding:20px;box-shadow:0 18px 45px rgba(18,28,23,.045)}.rv-sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.rv-sectionhead h2,.rv-pro h2{font:800 21px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0;letter-spacing:-.03em}.rv-sectionhead>a{font-size:11px;font-weight:700;text-decoration:none;color:#4f5b55}.rv-sectionhead>a:hover{color:#111a16}.rv-catgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.rv-cat{height:104px;border-radius:10px;position:relative;overflow:hidden;text-decoration:none;color:#fff;background-image:linear-gradient(0deg,rgba(0,10,8,.94),rgba(0,10,8,.11) 75%),var(--bg);background-size:cover;background-position:center;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:transform .22s ease,box-shadow .22s ease}.rv-cat:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(204,235,38,.06),transparent 45%);z-index:-1}.rv-cat:hover{transform:translateY(-3px);box-shadow:0 13px 25px rgba(6,17,14,.16)}.rv-cat:after{content:"";position:absolute;inset:0;background:inherit;background-image:var(--bg);background-size:cover;background-position:center;z-index:-2;transition:transform .35s ease}.rv-cat:hover:after{transform:scale(1.045)}.rv-caticon{position:absolute;left:12px;top:12px;color:#cceb26}.rv-caticon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rv-cat b{position:absolute;left:12px;bottom:10px;font:700 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;text-shadow:0 1px 6px rgba(0,0,0,.4)}.rv-cat i{position:absolute;right:11px;bottom:8px;font-style:normal;color:#cceb26;opacity:0;transform:translateX(-5px);transition:.2s}.rv-cat:hover i{opacity:1;transform:none}.rv-more{background:#0b1814}.rv-more:after{display:none}.rv-plus{position:absolute;left:12px;top:9px;color:#cceb26;font-size:30px;font-weight:200}.rv-pro{background:linear-gradient(150deg,#f8f8f5,#eceee9);display:flex;flex-direction:column}.rv-protag{font:800 9px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.12em;color:#6c7d74;margin-bottom:8px}.rv-pro h2{font-size:22px;line-height:1.15;margin-bottom:8px}.rv-pro>p{font-size:12px;line-height:1.5;color:#3f4944;margin:0;max-width:260px}.rv-pro ul{list-style:none;padding:0;margin:18px 0 20px}.rv-pro li{font-size:11px;margin:9px 0;color:#2c342f}.rv-pro li:before{content:"✓";color:#89ad00;font-weight:900;margin-right:9px}.rv-pro>a{margin-top:auto;display:flex;justify-content:space-between;align-items:center;background:#06110e;color:#fff;text-decoration:none;border-radius:8px;padding:13px 15px;font:700 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;transition:.2s}.rv-pro>a:hover{background:#0b1a15}.rv-pro>a b{color:#cceb26;font-size:18px}.rv-bottom-cta{padding:70px 0;background:#07110e url('img/hero-kitchen.jpg') center 62%/cover no-repeat;color:#fff;position:relative}.rv-bottom-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,9,.96),rgba(2,11,9,.77),rgba(2,11,9,.45))}.rv-bottom-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px}.rv-bottom-inner small{font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.13em;color:#cceb26}.rv-bottom-inner h2{font:800 35px/1.08 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.045em;margin:7px 0 8px}.rv-bottom-inner p{margin:0;color:rgba(255,255,255,.75);font-size:14px}.rv-bottom-inner .rv-primary{flex:0 0 auto}.sitehead{height:64px;background:rgba(3,11,10,.98);border:0;color:#fff;backdrop-filter:blur(14px)}.sitehead .wrap{max-width:1260px}.sitehead .brand{color:#fff;font-size:20px}.sitehead .brandmark{width:30px;height:30px;border:2px solid #cceb26;background:transparent;color:#cceb26;border-radius:0;clip-path:polygon(50% 0,100% 35%,100% 100%,65% 100%,65% 60%,35% 60%,35% 100%,0 100%,0 35%);font-size:0}.sitehead .brand strong{color:#cceb26}.sitehead .brand em{color:#fff}.sitehead .nav{gap:30px;font-size:11px}.sitehead .nav>a:not(.btn){color:#fff;opacity:.88;transition:.2s}.sitehead .nav>a:not(.btn):hover{opacity:1;color:#cceb26}.sitehead .btn{background:#cceb26;color:#06110e;border-color:#cceb26;box-shadow:none;border-radius:8px;padding:10px 19px;font-size:11px}.footer{background:#050d0b}.footer .brandmark{background:#cceb26;color:#06110e}@media(max-width:980px){.rv-benefits{grid-template-columns:1fr 1fr}.rv-benefit:nth-child(2){border-right:0}.rv-steps{grid-template-columns:1fr;margin-left:0;margin-right:0;gap:14px}.rv-steps article:not(:last-child):after{display:none}.rv-lower{grid-template-columns:1fr}.rv-catgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.sitehead .nav>a:not(.btn){display:none}.rv-hero{min-height:auto;background-position:63% center}.rv-hero:before{background:linear-gradient(90deg,rgba(1,10,9,.95),rgba(1,10,9,.75))}.rv-hero-inner{min-height:430px}.rv-copy{width:100%;padding:48px 0 36px}.rv-copy h1{font-size:48px}.rv-copy p{font-size:15px;max-width:430px}.rv-actions{flex-direction:column;align-items:flex-start}.rv-benefits{grid-template-columns:1fr;padding-top:4px;padding-bottom:20px}.rv-benefit{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);margin:0;padding:13px 0}.rv-benefit:last-child{border-bottom:0}.rv-content{padding-top:34px}.rv-catgrid{grid-template-columns:1fr 1fr}.rv-bottom-inner{flex-direction:column;align-items:flex-start}.rv-bottom-inner h2{font-size:30px}}@media(max-width:460px){.sitehead .brand{font-size:17px}.sitehead .btn{padding:9px 12px}.rv-copy h1{font-size:42px}.rv-catgrid{grid-template-columns:1fr 1fr}.rv-cat{height:94px}.rv-popular,.rv-pro{padding:15px}.rv-sectionhead>a{display:none}.rv-steps article{grid-template-columns:35px 52px 1fr}.rv-stepicon{width:50px;height:50px}}

/* ===== RenovatieVakman v6 premium platform ===== */
.rv-kicker,.rv-overline{font:800 10px/1 Manrope,sans-serif;letter-spacing:.14em;color:#9eb700}.rv-overline.light{color:#cceb26}.rv-microtrust{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:rgba(255,255,255,.78)}.rv-microtrust span:before{color:#cceb26}.rv-different{background:#07110e;color:#fff;padding:84px 0;overflow:hidden}.rv-different-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}.rv-different-copy h2{font:800 44px/1.07 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.05em;margin:12px 0 20px}.rv-different-copy>p{color:rgba(255,255,255,.72);max-width:680px;font-size:15px}.rv-diff-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.rv-ghost{display:inline-flex;align-items:center;gap:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.35);border-radius:9px;color:#fff;text-decoration:none;font:700 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;transition:.2s}.rv-ghost:hover{border-color:#cceb26;color:#cceb26}.rv-diff-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.12);margin-top:30px}.rv-diff-points span{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:10px;color:#cceb26}.rv-diff-points span:nth-child(odd){border-right:1px solid rgba(255,255,255,.12);padding-right:18px}.rv-diff-points span:nth-child(even){padding-left:18px}.rv-diff-points b{display:block;color:#fff;font:700 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin-top:3px}.rv-pdf-showcase{position:relative;padding:20px}.rv-pdf-showcase:before{content:"";position:absolute;inset:9% 0 2% 8%;background:radial-gradient(circle,rgba(204,235,38,.18),transparent 62%);filter:blur(18px)}.rv-pdf-sheet{position:relative;background:#fff;color:#152019;border-radius:7px;min-height:515px;padding:30px 30px 24px;box-shadow:0 35px 90px rgba(0,0,0,.38);transform:rotate(2deg)}.rv-pdf-brand{font:800 17px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-pdf-brand span{color:#93ad00}.rv-pdf-sheet>small{display:block;margin-top:30px;font:800 7px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.12em;color:#758079}.rv-pdf-sheet h3{font:800 23px/1.1 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:8px 0 15px}.rv-pdf-summary{font-size:10px;background:#f1f4ec;border-left:3px solid #b9d31e;padding:11px}.rv-pdf-photo{height:220px;margin-top:15px;overflow:hidden;border-radius:4px}.rv-pdf-photo img{width:100%;height:100%;object-fit:cover}.rv-pdf-lines{margin-top:15px}.rv-pdf-lines i{display:block;height:6px;background:#e8ece8;margin:6px 0;border-radius:9px}.rv-pdf-lines i:nth-child(2){width:84%}.rv-pdf-lines i:nth-child(3){width:62%}.rv-pdf-button{position:relative;display:flex;justify-content:space-between;align-items:center;background:#cceb26;color:#07110e;text-decoration:none;padding:14px 16px;border-radius:9px;margin:22px auto 0;max-width:320px;font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;box-shadow:0 12px 28px rgba(204,235,38,.16)}.rv-content-compact{padding-top:70px}.rv-sectionhead>div h2{margin-top:6px}.rv-comfort{padding:84px 0;background:#f4f4ef}.rv-comfort-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}.rv-comfort-image{height:440px;border-radius:20px;overflow:hidden;box-shadow:0 25px 65px rgba(6,17,14,.14)}.rv-comfort-image img{width:100%;height:100%;object-fit:cover}.rv-comfort h2{font:800 42px/1.08 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.05em;margin:12px 0 16px}.rv-comfort p{color:#59645e;font-size:15px}.rv-comfort ul{list-style:none;padding:0;margin:24px 0}.rv-comfort li{margin:11px 0;font-size:13px}.rv-comfort li:before{content:"✓";color:#90ac00;font-weight:900;margin-right:10px}.rv-text-cta{font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;text-decoration:none;border-bottom:1px solid #9aaa9f;padding-bottom:3px}.rv-text-cta:hover{color:#779000}

/* Guided request wizard */
.wizard-shell{min-height:calc(100vh - 64px);background:linear-gradient(180deg,#eff1ec,#f8f8f5);padding:48px 0 80px}.wizard-layout{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:28px;align-items:start}.wizard-card{background:#fff;border:1px solid #e1e5e1;border-radius:20px;box-shadow:0 25px 70px rgba(6,17,14,.08);overflow:hidden}.wizard-top{padding:30px 34px 22px;background:linear-gradient(120deg,#fff,#f6f7f1);display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid #eaedea}.wizard-kicker{font:800 9px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.14em;color:#779000}.wizard-top h1{font:800 28px/1.15 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:7px 0 0}.wizard-noaccount{flex:0 0 auto;background:#0a1814;color:#d2ee32;padding:9px 12px;border-radius:999px;font:700 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 34px;border-bottom:1px solid #ecefec}.wizard-progress>div{display:flex;align-items:center;gap:8px;position:relative;font:700 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#7c8781}.wizard-progress>div:not(:last-child):after{content:"";height:1px;background:#d9dfda;position:absolute;left:29px;right:8px;top:12px}.wizard-progress i{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf0ed;font-style:normal;color:#6d7772;font-size:9px}.wizard-progress i.on{background:#0a1814;color:#cceb26}.wizard-card form{padding:34px}.wizard-card .step h2{font:800 30px/1.12 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:6px 0 9px}.wizard-card .lead{font-size:14px;max-width:670px;margin-bottom:26px}.textarea-large{min-height:160px}.wizard-card .field label{font:700 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.wizard-card .field small{display:block;margin-top:6px;color:#7a857f;font-size:10px}.wizard-card .input,.wizard-card .select,.wizard-card .textarea{background:#fbfcfa;border-color:#dce2dd;border-radius:10px}.wizard-card .input:focus,.wizard-card .select:focus,.wizard-card .textarea:focus{outline:none;border-color:#9bb600;box-shadow:0 0 0 3px rgba(204,235,38,.13)}.privacy-note{display:flex;gap:12px;background:#f3f6ed;border:1px solid #e1e8c7;padding:14px;border-radius:11px;margin:8px 0 22px}.privacy-note b{font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#627300;white-space:nowrap}.privacy-note span{font-size:10px;color:#58635d}.premium-notice{background:#f4f6ee;border:1px solid #e2e8d0;border-left:4px solid #b8d21e}.wizard-aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}.wizard-aside-card{background:linear-gradient(150deg,#0b1814,#06100d);color:#fff;border-radius:18px;padding:25px;box-shadow:0 24px 60px rgba(6,17,14,.17)}.wizard-aside-card h3{font:800 23px/1.1 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.035em;margin:10px 0}.wizard-aside-card p{font-size:12px;color:rgba(255,255,255,.7)}.wizard-aside-card ul{list-style:none;padding:0;margin:20px 0}.wizard-aside-card li{font-size:10.5px;margin:10px 0;color:rgba(255,255,255,.86)}.wizard-aside-card li:before{content:"✓";color:#cceb26;font-weight:900;margin-right:8px}.wizard-aside-card>a{display:inline-block;color:#cceb26;text-decoration:none;font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;border-bottom:1px solid rgba(204,235,38,.45);padding-bottom:2px}.wizard-help{background:#fff;border:1px solid #e1e5e1;border-radius:15px;padding:18px}.wizard-help b{font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.wizard-help p{font-size:11px;color:#68736d;margin-bottom:0}.wizard-card .actions{margin-top:28px;padding-top:22px;border-top:1px solid #ecefec}.wizard-card .btn{min-width:190px}.wizard-card .btn.secondary{background:#fff;color:#132019}

@media(max-width:980px){.rv-different-grid,.rv-comfort-grid{grid-template-columns:1fr}.rv-pdf-showcase{max-width:520px;margin:auto}.wizard-layout{grid-template-columns:1fr}.wizard-aside{position:static;display:grid;grid-template-columns:1fr 1fr}.wizard-aside-card,.wizard-help{height:100%}.rv-comfort-image{height:360px}}
@media(max-width:720px){.rv-different{padding:58px 0}.rv-different-copy h2,.rv-comfort h2{font-size:34px}.rv-diff-points{grid-template-columns:1fr}.rv-diff-points span:nth-child(odd){border-right:0;padding-right:0}.rv-diff-points span:nth-child(even){padding-left:0}.rv-pdf-showcase{padding:8px}.rv-pdf-sheet{transform:none;min-height:440px}.wizard-shell{padding:20px 0 60px}.wizard-layout{padding:0 14px}.wizard-top{padding:23px 20px 18px;display:block}.wizard-noaccount{display:inline-block;margin-top:14px}.wizard-progress{padding:14px 18px}.wizard-progress>div{justify-content:center}.wizard-progress span{display:none}.wizard-progress>div:not(:last-child):after{left:54%;right:-46%}.wizard-card form{padding:24px 20px}.wizard-card .step h2{font-size:26px}.wizard-aside{grid-template-columns:1fr}.rv-comfort-image{height:280px}}
.dossier-body{padding:32px 34px 36px}.dossier-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 30px}.dossier-meta span{background:#f6f7f3;border:1px solid #e4e8e4;border-radius:11px;padding:13px}.dossier-meta small{display:block;color:#7a857f;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.dossier-meta b{display:block;font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin-top:4px}.dossier-steps{display:flex;flex-direction:column;gap:16px}.dossier-steps article{display:grid;grid-template-columns:42px 1fr;gap:16px;border:1px solid #e2e6e2;border-radius:14px;padding:18px;background:#fff}.dossier-steps article>i{width:34px;height:34px;border-radius:50%;background:#0a1814;color:#cceb26;display:grid;place-items:center;font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-style:normal}.dossier-steps h2{font:800 18px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0 0 5px}.dossier-steps p{font-size:12px;color:#65716a;margin:0 0 13px}.dossier-steps .btn{font-size:10px;padding:10px 14px}.mobile-handoff{display:grid;grid-template-columns:1fr 210px;gap:26px;align-items:center;background:linear-gradient(130deg,#f3f5ed,#fff);border:1px solid #e1e6db;border-radius:15px;padding:22px;margin:22px 0}.mobile-handoff h2{font:800 22px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:7px 0}.mobile-handoff p{font-size:12px;color:#5f6a64}.mobile-handoff a{font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#6f8500;text-decoration:none}.qr-frame{background:#fff;border:1px solid #dfe4df;border-radius:12px;padding:10px;text-align:center}.qr-frame img{max-width:180px;width:100%}.premium-upload{border:1px dashed #bac4bc;background:#fbfcfa;border-radius:15px;padding:20px}.uploaded-head{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.uploaded-head h2{font:800 20px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.uploaded-head span{font-size:10px;color:#77817c}.premium-photo-grid{margin-top:10px}.document-tile{height:160px;display:grid;place-items:center;background:#f1f3ef;color:#67726c;font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.contractor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.contractor-card{position:relative;display:grid;grid-template-columns:25px 1fr;gap:12px;border:1px solid #dde3de;border-radius:13px;padding:16px;background:#fff;cursor:pointer;transition:.2s}.contractor-card:hover{border-color:#9eb700;box-shadow:0 10px 24px rgba(6,17,14,.07)}.contractor-card input{position:absolute;opacity:0}.contractor-check{width:22px;height:22px;border-radius:6px;border:1px solid #cfd7d0;display:grid;place-items:center;color:transparent;background:#f7f8f5}.contractor-card:has(input:checked){border-color:#9eb700;background:#fbfde9}.contractor-card:has(input:checked) .contractor-check{background:#0a1814;color:#cceb26;border-color:#0a1814}.contractor-card h3{font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0 0 5px}.contractor-card p{font-size:10.5px;color:#69746e;margin:0 0 7px}.success-road{display:flex;flex-direction:column;gap:12px;margin:24px 0}.success-road article{display:grid;grid-template-columns:38px 1fr;gap:13px;background:#f7f8f4;border:1px solid #e4e8e3;border-radius:12px;padding:15px}.success-road i{width:30px;height:30px;border-radius:50%;background:#0a1814;color:#cceb26;display:grid;place-items:center;font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-style:normal}.success-road h3{font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0 0 4px}.success-road p{font-size:10.5px;color:#67716c;margin:0}
@media(max-width:720px){.dossier-body{padding:24px 20px 28px}.dossier-meta{grid-template-columns:1fr}.mobile-handoff{grid-template-columns:1fr}.qr-frame{max-width:220px}.contractor-grid{grid-template-columns:1fr}}

/* v10: direct-contact platform + Vakmannenkeuzehulp */
.rv-steps-4{grid-template-columns:repeat(4,1fr)}
.rv-steps-4 article{padding-right:18px}
.rv-real-preview{display:flex;flex-direction:column;align-items:center}
.rv-real-sheet{width:min(100%,410px);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.34);transform:rotate(1.5deg);border:1px solid rgba(255,255,255,.15)}
.rv-real-sheet img{display:block;width:100%;height:auto}
.rv-choice{padding:92px 0;background:linear-gradient(180deg,#f7f8f3,#fff)}
.rv-choice-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:74px;align-items:center}
.rv-choice-copy h2{font:800 44px/1.06 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.05em;margin:12px 0 18px}
.rv-choice-copy p{font-size:15px;color:#5c6761;max-width:610px}
.rv-choice-copy ul{list-style:none;padding:0;margin:25px 0}
.rv-choice-copy li{margin:11px 0;font-size:13px}.rv-choice-copy li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0a1814;color:#cceb26;font-weight:900;margin-right:10px;font-size:10px}
.rv-choice-demo{background:#0a1713;color:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 75px rgba(7,18,15,.22);position:relative;overflow:hidden}
.rv-choice-demo:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#cceb26;filter:blur(90px);opacity:.1;right:-80px;top:-80px}
.rv-choice-top{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 17px;border-bottom:1px solid rgba(255,255,255,.11);position:relative}
.rv-choice-top span{font:800 16px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-choice-top small{color:#cceb26;font:700 9px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.rv-choice-card{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:15px;margin-top:12px;position:relative}
.rv-choice-card i{width:25px;height:25px;border-radius:7px;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:transparent;font-style:normal;font-weight:900}
.rv-choice-card.checked{border-color:rgba(204,235,38,.5);background:rgba(204,235,38,.07)}.rv-choice-card.checked i{background:#cceb26;color:#08120f;border-color:#cceb26}
.rv-choice-card b{display:block;font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-choice-card span{display:block;color:rgba(255,255,255,.72);font-size:10.5px;margin-top:3px}.rv-choice-card small{display:block;color:#cceb26;font-size:9.5px;margin-top:5px}
.rv-choice-send{display:flex;justify-content:space-between;align-items:center;background:#cceb26;color:#07110e;border-radius:12px;padding:14px 16px;margin-top:16px;position:relative}.rv-choice-send span{font-size:10px}.rv-choice-send b{font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
@media(max-width:980px){.rv-steps-4{grid-template-columns:1fr 1fr}.rv-choice-grid{grid-template-columns:1fr;gap:42px}.rv-choice-demo{max-width:650px;width:100%}}
@media(max-width:720px){.rv-steps-4{grid-template-columns:1fr}.rv-real-sheet{transform:none}.rv-choice{padding:64px 0}.rv-choice-copy h2{font-size:34px}.rv-choice-demo{padding:16px}.rv-choice-top{align-items:flex-start;gap:12px}.rv-choice-send{gap:14px}.nav a:not(.btn){display:none}}
/* v11 interactive photo demo */
.rv-photo-demo{padding:96px 0;background:#fff}.rv-photo-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.rv-demo-copy h2{font:800 44px/1.06 Manrope,sans-serif;letter-spacing:-.05em;margin:12px 0 18px;max-width:650px}.rv-demo-copy>p{font-size:15px;color:#5b6760;max-width:660px}.rv-demo-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 30px}.rv-demo-features span{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #e2e7df;border-radius:12px;font-size:12px;background:#fafbf7}.rv-demo-features b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:#0a1713;color:#cceb26;font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-demo-form{background:#091713;border-radius:24px;padding:18px;box-shadow:0 32px 80px rgba(7,18,15,.2)}.rv-demo-form-head{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:7px 5px 17px;font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-demo-form-head small{font:600 10px DM Sans;color:#aebbb4}.rv-demo-form-body{background:#fff;border-radius:16px;padding:24px}.rv-demo-form-body>label{display:block;font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin-bottom:12px}.rv-demo-upload-row{display:grid;grid-template-columns:1fr 170px;gap:14px}.rv-demo-empty{min-height:210px;border:2px dashed #ccd5ce;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#607067}.rv-demo-empty span{font-size:36px;color:#9db300}.rv-demo-empty b{font:700 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#26342d}.rv-demo-empty small{font-size:10px}.rv-demo-qr{border:1px solid #e1e6df;border-radius:15px;padding:13px;text-align:center;background:#f8faf5}.rv-demo-qr img{width:130px;height:130px;display:block;margin:auto}.rv-demo-qr b,.rv-demo-qr small{display:block}.rv-demo-qr b{font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin-top:5px}.rv-demo-qr small{font-size:9px;color:#6a756f}.rv-demo-paperclip{display:flex;gap:12px;align-items:center;margin-top:14px;border:1px solid #e1e6df;border-radius:12px;padding:12px 14px;font-size:20px}.rv-demo-paperclip span b,.rv-demo-paperclip span small{display:block}.rv-demo-paperclip span b{font:700 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-demo-paperclip span small{font-size:9px;color:#77827c}.rv-demo-pdf{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 14px;background:#eef3e6;border-radius:11px;text-decoration:none;font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#26342d}.rv-demo-pdf:hover{background:#e5edda}.rv-demo-mobile .rv-demo-phone-preview{height:320px;border:2px dashed #d6ddd6;border-radius:15px;display:grid;place-items:center;overflow:hidden;margin:20px 0;color:#78847d}.rv-demo-phone-preview img{width:100%;height:100%;object-fit:cover}.rv-demo-camera{display:inline-flex;cursor:pointer}@media(max-width:980px){.rv-photo-demo-grid{grid-template-columns:1fr}.rv-demo-form{max-width:620px;margin:auto}}@media(max-width:620px){.rv-photo-demo{padding:62px 0}.rv-demo-copy h2{font-size:34px}.rv-demo-features{grid-template-columns:1fr}.rv-demo-upload-row{grid-template-columns:1fr}.rv-demo-qr{max-width:190px}.rv-demo-empty{min-height:170px}}

/* v13 - vakbedrijf signup + richer choice help */
.pro-nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #cdd7d0;border-radius:9px;text-decoration:none;color:#183027!important;background:#f7faf7;font-size:12px;font-weight:800}.pro-nav-btn:hover{background:#eef5ef!important;border-color:#a9baae!important}
.rv-pro-signup-section{padding:0 0 96px;background:#f5f7f2}.rv-pro-details{background:#081612;color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 32px 90px rgba(7,18,15,.2)}.rv-pro-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border:1px solid rgba(255,255,255,.1);border-radius:24px}.rv-pro-details summary::-webkit-details-marker{display:none}.rv-pro-details summary span{display:grid;gap:4px}.rv-pro-details summary small{color:#cceb26;font:800 9px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.12em}.rv-pro-details summary b{font:800 22px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-pro-details summary em{font-style:normal;color:#aab7b0;font-size:12px}.rv-pro-details summary i{width:42px;height:42px;border-radius:50%;background:#cceb26;color:#07110e;display:grid;place-items:center;font:800 24px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-style:normal;transition:.2s}.rv-pro-details[open] summary i{transform:rotate(45deg)}.rv-pro-expand{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;padding:42px;border-top:1px solid rgba(255,255,255,.09)}.rv-pro-pitch h2{font:800 40px/1.06 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.05em;margin:12px 0 16px}.rv-pro-pitch>p{color:#c4cfca;max-width:680px}.rv-pro-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.rv-pro-benefit-grid span{font-size:11px;color:#dbe3df;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);padding:11px;border-radius:10px}.rv-pro-benefit-grid b{color:#cceb26;margin-right:6px}.rv-kvk-explain{padding:16px;border-radius:13px;background:rgba(204,235,38,.08);border:1px solid rgba(204,235,38,.22)}.rv-kvk-explain strong{font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#cceb26}.rv-kvk-explain p{font-size:10.5px;color:#c2cec8;margin:5px 0 0}.rv-pro-ctas{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.rv-pro-example{background:#fff;color:#13211b;border-radius:18px;padding:18px;align-self:start;position:relative}.rv-example-label{display:inline-block;background:#eef2e9;color:#637069;border-radius:99px;padding:5px 8px;font:800 8px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.08em}.rv-example-head{display:flex;gap:12px;align-items:center;margin-top:14px}.rv-example-logo{width:46px;height:46px;border-radius:12px;background:#0b1814;color:#cceb26;display:grid;place-items:center;font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-example-head h3{font:800 15px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0}.rv-example-head h3 span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#cceb26;font-size:10px}.rv-example-head p{font-size:10px;color:#67726c;margin:3px 0 0}.rv-rating-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.rv-rating-row span{border:1px solid #e1e6e2;border-radius:10px;padding:9px;font-size:9px}.rv-rating-row b,.rv-rating-row small{display:block}.rv-rating-row b{font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-rating-row small{color:#77827c}.rv-example-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:9px;color:#4f5c55;margin-bottom:12px}.rv-example-gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:6px;height:150px}.rv-example-gallery img{width:100%;height:100%;object-fit:cover;border-radius:9px}.rv-example-verified{margin-top:13px;padding:11px;border-radius:10px;background:#f1f7d9}.rv-example-verified b,.rv-example-verified span{display:block}.rv-example-verified b{font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#26320f}.rv-example-verified span{font-size:8.5px;color:#647046;margin-top:2px}.rv-example-note{font-size:8px;color:#87918c;margin-top:9px}
.public-company{padding:52px 0 90px;background:#f5f7f2;min-height:80vh}.rv-backlink{display:inline-block;margin-bottom:18px;font-size:12px;font-weight:700}.company-profile-card{background:#fff;border:1px solid #dfe5e0;border-radius:20px;padding:28px;box-shadow:0 24px 65px rgba(12,28,22,.08)}.company-profile-top{display:flex;justify-content:space-between;gap:28px;align-items:start}.company-profile-top h1{font:800 35px/1.05 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:8px 0}.company-profile-top p{color:#64706a}.company-check{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#cceb26;font-size:14px;vertical-align:middle}.company-ratings{display:grid;gap:8px;min-width:220px}.company-ratings span{border:1px solid #dfe5e0;border-radius:10px;padding:10px;font-size:10px}.company-ratings b,.company-ratings small{display:block}.company-ratings b{font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.company-ratings small{color:#7b8680}.company-facts{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.company-facts span{padding:7px 9px;border-radius:8px;background:#f2f5f1;font-size:10px}.company-verification{background:#f1f7d9;padding:13px;border-radius:11px;margin:18px 0}.company-verification b,.company-verification span{display:block}.company-verification b{font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.company-verification span{font-size:9px;color:#62704d;margin-top:3px}.company-about,.company-projects{margin-top:28px}.company-about h2,.company-projects h2{font:800 22px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.company-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.company-project-grid figure{margin:0}.company-project-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.company-project-grid figcaption{font-size:9px;color:#69746e;padding-top:4px}
.vakchoice-wide{min-width:0}.choice-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.choice-filters label{font:800 9px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#56645d}.choice-filters select{display:block;width:100%;height:35px;margin-top:5px;padding:0 10px;border:1px solid #dce3dd;border-radius:9px;background:#fff;font:600 10px DM Sans;box-sizing:border-box}.choice-filters input[type="text"]{display:block;width:100%;height:35px;margin-top:5px;padding:0 10px;border:1px solid #dce3dd;border-radius:9px;background:#fff;font:600 10px DM Sans;box-sizing:border-box}.choice-explain{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid #dfe8d2;background:#f5f9e9;border-radius:10px;margin-bottom:16px}.choice-explain b{font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;white-space:nowrap}.choice-explain span{font-size:9px;color:#677362}.rich-contractors{grid-template-columns:1fr}.contractor-card-rich{position:relative;display:grid;grid-template-columns:38px 1fr;border:1px solid #dfe5e0;border-radius:13px;padding:14px;background:#fff}.contractor-card-rich.selected{border-color:#98b219;box-shadow:0 0 0 2px rgba(204,235,38,.18)}.contractor-select input{position:absolute;opacity:0}.contractor-select .contractor-check{width:29px;height:29px;border:1px solid #cbd5cd;border-radius:8px;display:grid;place-items:center;color:transparent;cursor:pointer}.contractor-select input:checked+.contractor-check{background:#cceb26;border-color:#cceb26;color:#08120f}.contractor-title{display:flex;justify-content:space-between;gap:10px}.contractor-title h3{margin:0;font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.contractor-title a{font-size:9px;font-weight:800;color:#176b4b}.green-check{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#cceb26;font-size:9px}.contractor-main>p{font-size:10px;color:#69746e;margin:4px 0}.contractor-reviewline,.contractor-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.contractor-reviewline span,.contractor-meta span{font-size:9px;padding:5px 7px;border-radius:7px;background:#f3f6f3}.contractor-reviewline b{font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.verified-mini{font-size:8.5px;color:#52631d;margin-top:8px}.selection-sticky{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0b1814;color:#fff;padding:13px 15px;border-radius:13px;margin-top:18px;box-shadow:0 15px 40px rgba(7,18,15,.25)}.selection-sticky b,.selection-sticky span{display:block}.selection-sticky b{font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.selection-sticky span{font-size:8.5px;color:#aebbb4}.selection-sticky .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
@media(max-width:980px){.rv-pro-expand{grid-template-columns:1fr}.choice-filters{grid-template-columns:1fr 1fr 1fr}.company-profile-top{flex-direction:column}.company-ratings{width:100%;grid-template-columns:1fr 1fr}}@media(max-width:680px){.pro-nav-btn{display:none}.rv-pro-signup-section{padding-bottom:64px}.rv-pro-details summary{padding:18px}.rv-pro-details summary b{font-size:18px}.rv-pro-details summary em{font-size:10px}.rv-pro-expand{padding:23px;gap:30px}.rv-pro-pitch h2{font-size:32px}.rv-pro-benefit-grid{grid-template-columns:1fr}.rv-rating-row{grid-template-columns:1fr}.rv-example-gallery{height:120px}.choice-filters{grid-template-columns:1fr 1fr}.selection-sticky{align-items:stretch;flex-direction:column}.selection-sticky .btn{width:100%}.contractor-title{flex-direction:column}.company-project-grid{grid-template-columns:1fr 1fr}}
/* =========================================================
   V14 SENIOR UX REBUILD
   ========================================================= */
:root{--v14-dark:#07110e;--v14-dark2:#0c1915;--v14-lime:#cceb26;--v14-cream:#f5f5ef;--v14-text:#101914;--v14-muted:#66716b;--v14-line:#e0e5df}
.v14-head{height:72px;background:rgba(7,17,14,.96);border:0;color:#fff;backdrop-filter:blur(18px)}.v14-head .brand{color:#fff}.v14-head .brandmark{background:var(--v14-lime);color:var(--v14-dark)}.v14-head .brand em{color:var(--v14-lime)}.v14-head-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.v14-head-actions{display:flex;align-items:center;gap:12px}.v14-pro-link{color:#fff;text-decoration:none;font:700 13px 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;padding:10px 12px}.v14-pro-link:hover{color:var(--v14-lime)}.v14-head .btn{background:var(--v14-lime);color:var(--v14-dark);border-color:var(--v14-lime);box-shadow:none;padding:10px 14px}.v14-menu-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);border-radius:10px;display:grid;place-content:center;gap:4px;cursor:pointer}.v14-menu-btn span{width:18px;height:2px;background:#fff;display:block}.v14-menu{position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(6px);z-index:200;opacity:0;pointer-events:none;transition:.2s}.v14-menu.open{opacity:1;pointer-events:auto}.v14-menu-panel{position:absolute;right:0;top:0;height:100%;width:min(420px,100%);background:#fff;padding:28px;transform:translateX(100%);transition:.24s ease;display:flex;flex-direction:column}.v14-menu.open .v14-menu-panel{transform:none}.v14-menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--v14-line)}.v14-menu-top b{font:800 22px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.v14-menu-top button{border:0;background:#f1f3ef;width:38px;height:38px;border-radius:10px;font-size:25px;cursor:pointer}.v14-menu nav{display:grid;margin-top:12px}.v14-menu nav a{display:flex;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--v14-line);text-decoration:none;font:700 15px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.v14-menu nav a:hover{color:#5f7310}.v14-menu-ctas{margin-top:auto;display:grid;gap:10px}.v14-menu-pro{display:block;text-align:center;padding:13px;border:1px solid var(--v14-line);border-radius:10px;text-decoration:none;font-weight:800}.menu-open{overflow:hidden}
.v14-home{background:#fff}.v14-hero{min-height:620px;position:relative;background:var(--v14-dark);overflow:hidden;color:#fff}.v14-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,8,.94) 0%,rgba(5,12,10,.76) 38%,rgba(5,12,10,.2) 76%),url('img/keuken-premium.webp') center 48%/cover no-repeat;opacity:.96}.v14-hero-grid{position:relative;min-height:620px;display:flex;align-items:center}.v14-hero-copy{max-width:720px;padding:70px 0}.v14-eyebrow{display:block;font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.16em;color:var(--v14-lime);margin-bottom:16px}.v14-eyebrow.dark{color:#708314}.v14-hero h1{font:800 clamp(48px,6vw,78px)/.98 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0;letter-spacing:-.065em}.v14-hero h1 em{font-style:normal;color:var(--v14-lime)}.v14-hero p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.78);max-width:640px;margin:24px 0 0}.v14-hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px}.v14-primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--v14-lime);color:var(--v14-dark);padding:14px 18px;border-radius:10px;text-decoration:none;font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;border:1px solid var(--v14-lime);transition:.18s}.v14-primary:hover{transform:translateY(-1px);filter:brightness(.98)}.v14-primary.dark{background:var(--v14-dark);border-color:var(--v14-dark);color:#fff}.v14-textlink{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.42);font-weight:700;font-size:13px;padding-bottom:3px}.v14-textlink.dark{color:var(--v14-text);border-color:#aab2ad}.v14-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;font-size:12px;color:rgba(255,255,255,.72)}
.v14-strip{border-bottom:1px solid var(--v14-line);background:#fff}.v14-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.v14-strip-grid>div{padding:22px 22px;border-right:1px solid var(--v14-line)}.v14-strip-grid>div:last-child{border:0}.v14-strip b,.v14-strip span{display:block}.v14-strip b{font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.v14-strip span{font-size:11px;color:var(--v14-muted);margin-top:2px}
.v14-section{padding:92px 0}.v14-section-head{max-width:720px;margin-bottom:42px}.v14-section-head>span{font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.15em;color:#718313}.v14-section-head h2{font:800 clamp(34px,4.2vw,50px)/1.03 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.055em;margin:10px 0 0}.v14-process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--v14-line);border-bottom:1px solid var(--v14-line)}.v14-process article{padding:28px 24px 30px;border-right:1px solid var(--v14-line);min-height:190px}.v14-process article:last-child{border:0}.v14-process i{font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#7d9212;font-style:normal}.v14-process h3{font:800 16px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:36px 0 7px}.v14-process p{font-size:13px;color:var(--v14-muted);margin:0;line-height:1.55}
.v14-choice{padding:96px 0;background:var(--v14-cream)}.v14-choice-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.v14-choice h2,.v14-photo h2,.v14-pro h2{font:800 clamp(36px,4vw,52px)/1.02 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.055em;margin:10px 0 18px}.v14-choice p,.v14-photo p,.v14-pro p{color:var(--v14-muted);font-size:15px;line-height:1.65}.v14-filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}.v14-filter-pills span{background:#fff;border:1px solid var(--v14-line);border-radius:999px;padding:9px 12px;font-size:11px;font-weight:700}.v14-company-list{background:var(--v14-dark);color:#fff;border-radius:22px;padding:20px;box-shadow:0 30px 70px rgba(7,17,14,.18)}.v14-company-toolbar{display:flex;justify-content:space-between;padding:2px 3px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.v14-company-toolbar b{font:800 15px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.v14-company-toolbar small{color:rgba(255,255,255,.55)}.v14-company{display:grid;grid-template-columns:44px 1fr 38px;gap:12px;align-items:center;padding:14px;margin-top:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.v14-company.selected{border-color:rgba(204,235,38,.5);background:rgba(204,235,38,.07)}.v14-company-avatar{width:44px;height:44px;border-radius:12px;background:#dff05d;color:#0a1713;display:grid;place-items:center;font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.v14-company-avatar.alt{background:#d9e7dc}.v14-company-avatar.third{background:#d9d4ff}.v14-company h3{font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0}.v14-company h3 em{font-style:normal;color:var(--v14-lime)}.v14-company p{font-size:10px;color:rgba(255,255,255,.63);margin:3px 0}.v14-company span{font-size:10px;color:#f4e68b}.v14-company button{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.17);background:transparent;color:#fff;font-size:17px}.v14-company.selected button{background:var(--v14-lime);color:var(--v14-dark);border-color:var(--v14-lime)}.v14-selected-bar{display:flex;justify-content:space-between;align-items:center;margin-top:14px;background:var(--v14-lime);color:var(--v14-dark);padding:13px 15px;border-radius:11px;font-size:11px}.v14-demo-note{display:block;color:rgba(255,255,255,.38);margin-top:10px;font-size:9px}.v14-demo-note a{color:var(--v14-lime);text-decoration:underline}.v14-choice-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-top:8px}.v14-choice-realsearch{display:inline-flex;align-items:center;gap:10px;padding:22px 32px;border-radius:14px;background:var(--v14-lime);color:#07110e;font:800 19px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;text-decoration:none;box-shadow:0 18px 42px rgba(204,235,38,.45);transition:transform .15s;border:2px solid #07110e}.v14-choice-realsearch:hover{transform:translateY(-3px) scale(1.02)}.v14-company-list-wrap{transform:scale(.72);transform-origin:top right;opacity:.82;max-width:400px;margin-left:auto}@media(max-width:980px){.v14-company-list-wrap{transform:none;opacity:1;max-width:680px;margin:0 auto}}.v14-trade-search{margin-top:24px;padding-top:20px;border-top:1px solid var(--v14-line)}.v14-trade-search label{display:block;font-size:13px;font-weight:700;color:var(--v14-muted);margin-bottom:8px}.v14-trade-search-row{display:flex;gap:8px;flex-wrap:wrap}.v14-trade-search-row select{flex:1;min-width:180px;padding:12px 14px;border-radius:10px;border:1px solid var(--v14-line);background:#fff;font-size:14px;font-family:inherit}.v14-trade-search-row button{padding:12px 18px;border-radius:10px;border:none;background:var(--v14-dark);color:#fff;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}.v14-trade-search-row button:hover{background:#000}.rv-company-search{display:flex;gap:10px;max-width:520px;margin:0 auto 28px}.rv-company-search input{flex:1;padding:13px 16px;border-radius:10px;border:1px solid var(--v14-line);font-size:14px;font-family:inherit}.rv-company-search button{padding:13px 20px;border-radius:10px;border:none;background:var(--v14-dark);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}.rv-company-search button:hover{background:#000}.rv-search-explain{max-width:560px;margin:0 auto 28px;text-align:center}.rv-search-explain>p{font-size:13px;color:#5c665f;line-height:1.6;margin-bottom:14px}.rv-search-example{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.rv-search-example-kicker{font:800 9px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.12em;color:#8a9a5b}.rv-search-example-card{background:#fff;border:1px solid #dfe5e0;border-radius:12px;padding:12px 18px;box-shadow:0 8px 20px rgba(6,17,14,.06);display:flex;flex-direction:column;gap:3px}.rv-search-example-card b{font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.rv-search-example-card span{font-size:11px;color:#6c7871}.badge-outline{display:inline-block;padding:6px 12px;border-radius:20px;border:1px solid #dfe5e0;background:#fff;color:#3a453f;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.badge-outline:hover{border-color:#98b219;color:#0b1814}.badge-outline.active{background:#0b1814;border-color:#0b1814;color:#fff}
.v14-photo{padding:96px 0}.v14-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.v14-photo-copy ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}.v14-photo-copy li{padding:11px 12px;background:#f7f8f4;border:1px solid var(--v14-line);border-radius:10px;font-size:11px}.v14-photo-demo{background:var(--v14-dark);padding:16px;border-radius:22px;box-shadow:0 30px 70px rgba(7,17,14,.18)}.v14-demo-head{color:#fff;display:flex;justify-content:space-between;padding:7px 5px 16px}.v14-demo-head b{font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.v14-demo-head span{font-size:10px;color:rgba(255,255,255,.6)}.v14-demo-content{background:#fff;border-radius:14px;padding:20px;display:grid;grid-template-columns:1fr 160px;gap:12px}.v14-demo-drop{min-height:210px;border:2px dashed #ccd4cf;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7c8780}.v14-demo-drop b{font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#344239}.v14-demo-qr{text-align:center;background:#f5f7f2;border-radius:12px;padding:12px}.v14-demo-qr img{width:120px;height:120px;display:block;margin:auto}.v14-demo-qr b{font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;display:block;margin-top:5px}.v14-paperclip{grid-column:1/-1;padding:12px;border:1px solid var(--v14-line);border-radius:10px;font-size:11px;font-weight:700}
.v14-pro{padding:96px 0;background:var(--v14-dark);color:#fff}.v14-pro-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.v14-pro p{color:rgba(255,255,255,.66)}.v14-pro-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:26px 0}.v14-pro-points span{font-size:11px;color:#dce4df}.v14-pro-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.v14-profile-card{background:#fff;color:var(--v14-text);border-radius:18px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.v14-profile-card>small{font:800 9px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#7b8d14;letter-spacing:.12em}.v14-profile-head{display:flex;gap:12px;align-items:center;margin:14px 0}.v14-profile-head>div{width:46px;height:46px;border-radius:13px;background:var(--v14-lime);display:grid;place-items:center;font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.v14-profile-head b,.v14-profile-head em{display:block}.v14-profile-head b{font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.v14-profile-head em{font-style:normal;color:var(--v14-muted);font-size:10px}.v14-profile-rating{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--v14-line);border-bottom:1px solid var(--v14-line)}.v14-profile-rating b{color:#81930d}.v14-profile-rating span{font-size:10px;color:var(--v14-muted)}.v14-profile-images{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.v14-profile-images img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:8px}.v14-profile-card p{color:#2e4937;font-size:10px;margin:6px 0}.v14-profile-card>small:last-child{color:#929b96;font-size:8px}
.v14-final{padding:65px 0;background:#f1f2ec}.v14-final .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.v14-final span{font:800 9px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.14em;color:#748712}.v14-final h2{font:800 34px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:6px 0}.v14-footer{background:#050c0a}.v14-footer-inner{display:flex;justify-content:space-between;gap:30px;padding-top:38px;padding-bottom:26px}.v14-footer p{color:#86938d;font-size:11px}.v14-footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.v14-footer-links a{color:#dce4df;text-decoration:none;font-size:11px}
@media(max-width:980px){.v14-choice-grid,.v14-photo-grid,.v14-pro-grid{grid-template-columns:1fr}.v14-process{grid-template-columns:1fr 1fr}.v14-strip-grid{grid-template-columns:1fr 1fr}.v14-company-list,.v14-photo-demo,.v14-profile-card{max-width:680px}.v14-pro-link{display:none}}
@media(max-width:620px){.wrap{padding-left:18px;padding-right:18px}.v14-head{height:66px}.v14-head .brand{font-size:17px}.v14-head .brandmark{width:31px;height:31px}.v14-head .btn{font-size:10px;padding:9px 10px}.v14-menu-btn{width:38px;height:38px}.v14-hero,.v14-hero-grid{min-height:570px}.v14-hero-bg{background-position:64% center}.v14-hero-copy{padding:58px 0}.v14-hero h1{font-size:49px}.v14-hero p{font-size:15px}.v14-hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.v14-strip-grid{grid-template-columns:1fr 1fr}.v14-strip-grid>div{padding:16px 12px}.v14-section,.v14-choice,.v14-photo,.v14-pro{padding:65px 0}.v14-process{grid-template-columns:1fr}.v14-process article{min-height:auto;border-right:0;border-bottom:1px solid var(--v14-line)}.v14-process article:last-child{border-bottom:0}.v14-process h3{margin-top:18px}.v14-photo-copy ul,.v14-pro-points{grid-template-columns:1fr}.v14-demo-content{grid-template-columns:1fr}.v14-demo-qr{max-width:180px}.v14-final .wrap,.v14-footer-inner{display:grid}.v14-final h2{font-size:27px}.v14-footer-links{display:grid;gap:8px}.v14-pro-actions{align-items:flex-start;flex-direction:column}}
.rv-featured-pros{padding:78px 0;background:#f4f6f7}.rv-featured-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.rv-featured-head h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0 12px}.rv-featured-head p{max-width:720px;margin:0;color:#52605a;line-height:1.6}.rv-featured-controls{display:flex;gap:8px}.rv-featured-controls button{width:44px;height:44px;border:1px solid #d8dedb;border-radius:50%;background:#fff;font-size:27px;cursor:pointer}.rv-company-carousel{overflow:hidden}.rv-company-carousel-track{display:flex;gap:22px;transition:transform .8s cubic-bezier(.22,.61,.36,1);will-change:transform}.rv-promocard{flex:0 0 calc((100% - 44px)/3);min-width:0;background:#fff;border:1px solid #dfe5e2;border-radius:4px 22px 4px 22px;overflow:hidden;box-shadow:0 12px 30px rgba(11,27,20,.06)}.rv-promocard-media{height:220px;background:#e8ecea;overflow:hidden}.rv-promocard-media img{width:100%;height:100%;object-fit:cover;display:block}.rv-promocard-body{padding:22px}.rv-promocard-service{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#627068}.rv-promocard h3{font-size:21px;margin:8px 0 4px}.rv-promocard-place{font-size:13px;color:#66736d}.rv-promocard-rating{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:14px}.rv-promocard-rating b{color:#101b16}.rv-promocard-copy{min-height:48px;line-height:1.5;color:#45534d;font-size:14px}.rv-promocard-footer{border-top:1px solid #e5e9e7;padding:17px 22px;display:flex;justify-content:space-between;align-items:center}.rv-promocard-footer a{display:inline-flex;padding:11px 16px;background:#c8f21b;color:#0a150f;text-decoration:none;font-weight:800;border-radius:7px}.rv-promocard-verified{font-size:12px;font-weight:700;color:#435048}.rv-company-carousel-empty{padding:30px;color:#66736d;background:#fff;border:1px solid #dfe5e2;border-radius:12px;width:100%}@media(max-width:900px){.rv-promocard{flex-basis:calc((100% - 18px)/2)}.rv-featured-head{align-items:start}}@media(max-width:620px){.rv-featured-pros{padding:52px 0}.rv-promocard{flex-basis:100%}.rv-featured-head{display:block}.rv-featured-controls{margin-top:18px}.rv-promocard-media{height:210px}}

/* Fotoslider in de hero — toevoegen aan het eind van assets/app.css */
.v14-slider{position:absolute;inset:0;overflow:hidden}
.v14-slide{position:absolute;inset:0;background-size:cover;background-position:center 48%;background-repeat:no-repeat;opacity:0;transition:opacity 1.1s ease-in-out;transform:scale(1.02)}
.v14-slide.is-actief{opacity:1}
/* Dezelfde donkere waas als voorheen, zodat de tekst leesbaar blijft */
.v14-slider:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,8,.94) 0%,rgba(5,12,10,.76) 38%,rgba(5,12,10,.2) 76%);pointer-events:none}
.v14-slider-dots{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;gap:9px;justify-content:center}
.v14-dot{width:28px;height:3px;border:0;padding:0;border-radius:2px;background:rgba(255,255,255,.34);cursor:pointer;transition:background .2s ease,width .2s ease}
.v14-dot:hover{background:rgba(255,255,255,.62)}
.v14-dot.is-actief{background:var(--v14-lime);width:40px}
.v14-dot:focus-visible{outline:2px solid var(--v14-lime);outline-offset:3px}
@media(max-width:620px){.v14-slider-dots{bottom:14px}.v14-dot{width:20px}.v14-dot.is-actief{width:30px}}
@media(prefers-reduced-motion:reduce){.v14-slide{transition:none}}

/* ── Klus-pagina's ─────────────────────────────────────────────────── */
.klus-page{background:#fff;color:var(--v14-text)}

/* Beeld bovenaan, in dezelfde toon als de hero op de homepage */
.klus-hero{position:relative;background:var(--v14-dark) center 45%/cover no-repeat;color:#fff;overflow:hidden}
.klus-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,8,.95) 0%,rgba(5,12,10,.82) 46%,rgba(5,12,10,.34) 100%)}
.klus-hero-inner{position:relative;padding:52px 0 46px;max-width:760px}
.klus-kruimels{font-size:11.5px;color:rgba(255,255,255,.62);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px}
.klus-kruimels a{color:rgba(255,255,255,.78);text-decoration:none}
.klus-kruimels a:hover{color:var(--v14-lime)}
.klus-kruimels b{color:#fff;font-weight:600}
.klus-hero h1{font:800 clamp(32px,4.4vw,52px)/1.04 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.045em;margin:0}
.klus-intro{font-size:16px;line-height:1.66;color:rgba(255,255,255,.82);margin:18px 0 0;max-width:620px}
.klus-hero-acties{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.klus-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:26px 0 0;font-size:12px;color:rgba(255,255,255,.7)}
.klus-trust li:before{content:"✓";color:var(--v14-lime);font-weight:800;margin-right:7px}

/* Tekst plus zijkolom */
.klus-body{padding:56px 0 10px}
.klus-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:46px;align-items:start}
.klus-tekst{font-size:15.5px;line-height:1.78;color:#232b27;max-width:70ch}
.klus-tekst h2{font:800 24px/1.2 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.03em;margin:38px 0 14px;color:var(--v14-text)}
.klus-tekst h2:first-child{margin-top:0}
.klus-tekst h3{font:800 17px/1.3 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:26px 0 10px}
.klus-tekst p{margin:0 0 17px}
.klus-tekst ul,.klus-tekst ol{margin:0 0 20px;padding:0 0 0 4px;list-style:none}
.klus-tekst ul li{position:relative;padding-left:28px;margin:0 0 10px}
.klus-tekst ul li:before{content:"✓";position:absolute;left:0;top:0;color:#7c9c12;font-weight:800}
.klus-tekst ol{counter-reset:k;padding-left:0}
.klus-tekst ol li{position:relative;padding-left:34px;margin:0 0 12px;counter-increment:k}
.klus-tekst ol li:before{content:counter(k);position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--v14-dark);color:var(--v14-lime);font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;display:grid;place-items:center}
.klus-tekst strong{font-weight:700}

/* Zijkolom */
.klus-zij{position:sticky;top:88px;display:grid;gap:16px}
.klus-kaart{background:#f5f6f3;border:1px solid var(--v14-line);border-radius:14px;padding:22px}
.klus-kaart-stil{background:#fff}
.klus-kaart p{font-size:13px;line-height:1.6;color:#3c453f;margin:10px 0 16px}
.klus-stappen{list-style:none;counter-reset:s;padding:0;margin:14px 0 20px}
.klus-stappen li{counter-increment:s;position:relative;padding-left:34px;margin:0 0 15px;display:flex;flex-direction:column;gap:2px}
.klus-stappen li:before{content:counter(s);position:absolute;left:0;top:0;width:23px;height:23px;border-radius:50%;background:var(--v14-dark);color:var(--v14-lime);font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;display:grid;place-items:center}
.klus-stappen b{font:700 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.klus-stappen span{font-size:12px;line-height:1.5;color:#5a635d}
.klus-zij-knop{width:100%;justify-content:space-between}

/* Verwante klussen */
.klus-verwant{padding:56px 0;background:linear-gradient(180deg,#fff,#f6f7f4)}
.klus-verwant h2{font:800 26px/1.2 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.035em;margin:6px 0 24px}
.klus-verwant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.klus-tegel{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--v14-line);border-radius:11px;padding:17px 18px;text-decoration:none;color:var(--v14-text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.klus-tegel b{font:700 13.5px/1.4 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.klus-tegel span{color:#96a09a;transition:color .18s ease,transform .18s ease}
.klus-tegel:hover{transform:translateY(-2px);border-color:#c9d2c6;box-shadow:0 12px 26px rgba(15,27,21,.07)}
.klus-tegel:hover span{color:#7c9c12;transform:translateX(3px)}

/* Afsluiting */
.klus-slot{background:var(--v14-dark);color:#fff;padding:52px 0}
.klus-slot-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.klus-slot h2{font:800 30px/1.12 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:8px 0 8px}
.klus-slot p{margin:0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.74);max-width:520px}

@media(max-width:980px){
  .klus-grid{grid-template-columns:1fr;gap:34px}
  .klus-zij{position:static}
  .klus-verwant-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .klus-hero-inner{padding:38px 0 34px}
  .klus-hero-acties{flex-direction:column;align-items:flex-start;gap:14px}
  .klus-body{padding:38px 0 0}
  .klus-verwant-grid{grid-template-columns:1fr}
  .klus-slot-inner{flex-direction:column;align-items:flex-start}
}

/* ── Foto's toevoegen ──────────────────────────────────────────────── */
.foto-page{background:linear-gradient(180deg,#fafbf8,#f4f5f2);padding:44px 0 64px;color:var(--v14-text)}
.foto-kop{max-width:640px;margin-bottom:30px}
.foto-kop h1{font:800 clamp(28px,3.4vw,40px)/1.08 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.045em;margin:8px 0 12px}
.foto-kop p{font-size:15px;line-height:1.65;color:#4b544e;margin:0}

.foto-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}
.foto-kaart{background:#fff;border:1px solid var(--v14-line);border-radius:16px;padding:24px}
.foto-telefoon{background:linear-gradient(155deg,#0d1712,#111d17);border-color:#182620;color:#fff}
.foto-kaart-kop{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}
.foto-nr{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--v14-lime);color:var(--v14-dark);font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.foto-kaart-kop h2{font:800 18px/1.25 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.025em;margin:2px 0 5px}
.foto-kaart-kop p{margin:0;font-size:13px;line-height:1.58;color:#5b645e}
.foto-telefoon .foto-kaart-kop p{color:rgba(255,255,255,.66)}

/* QR met live status ernaast */
.foto-qr-blok{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.foto-qr{background:#fff;border-radius:13px;padding:11px;line-height:0;flex:0 0 auto}
.foto-qr img{width:190px;height:190px;display:block}
.foto-status{display:flex;flex-direction:column;gap:5px;min-width:190px}
.foto-status b{font:700 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#fff}
.foto-status-hulp{font-size:12px;line-height:1.55;color:rgba(255,255,255,.6)}
.foto-stip{width:9px;height:9px;border-radius:50%;background:#f0b429;box-shadow:0 0 0 0 rgba(240,180,41,.55);animation:fotoPuls 1.9s infinite}
.foto-status.is-actief .foto-stip{background:var(--v14-lime);box-shadow:0 0 0 0 rgba(204,235,38,.5)}
@keyframes fotoPuls{0%{box-shadow:0 0 0 0 rgba(240,180,41,.5)}70%{box-shadow:0 0 0 9px rgba(240,180,41,0)}100%{box-shadow:0 0 0 0 rgba(240,180,41,0)}}
@media(prefers-reduced-motion:reduce){.foto-stip{animation:none}}
.foto-alt{margin:20px 0 0;font-size:12.5px;color:rgba(255,255,255,.6)}
.foto-alt a{color:var(--v14-lime);text-decoration:none;font-weight:700}

/* Sleepvak */
.foto-sleepzone{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:2px dashed #cdd5cc;border-radius:13px;padding:30px 18px;cursor:pointer;transition:border-color .18s ease,background .18s ease}
.foto-sleepzone:hover,.foto-sleepzone.is-sleep{border-color:#8fb220;background:#f7fbe9}
.foto-sleepicoon{font-size:26px;color:#8fb220;line-height:1}
.foto-sleepzone b{font:700 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.foto-sleepzone>span{font-size:12px;color:#6a736d}
.foto-gekozen{font-size:12px!important;font-weight:700;color:#42761a!important}
.foto-veld{margin:16px 0 14px;display:flex;flex-direction:column;gap:6px}
.foto-veld label{font:700 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.foto-knop{width:100%;justify-content:center;gap:10px}

/* Ontvangen bestanden */
.foto-ontvangen{margin-top:26px;background:#fff;border:1px solid var(--v14-line);border-radius:16px;padding:24px}
.foto-ontvangen-kop{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.foto-ontvangen-kop h2{font:800 18px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.025em;margin:0}
.foto-teller{min-width:26px;height:24px;padding:0 9px;border-radius:12px;background:var(--v14-dark);color:var(--v14-lime);font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;display:grid;place-items:center}
.foto-leeg p{margin:0;font-size:13px;color:#6a736d}
.foto-tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px}
.foto-tegel{margin:0;border:1px solid var(--v14-line);border-radius:11px;overflow:hidden;background:#f6f7f4}
.foto-tegel img{width:100%;height:112px;object-fit:cover;display:block}
.foto-doc{height:112px;display:grid;place-items:center;font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#6a736d;background:#eceee9}
.foto-tegel figcaption{font-size:10.5px;padding:7px 9px;color:#5b645e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foto-tegel.is-nieuw{animation:fotoBinnen .5s ease}
@keyframes fotoBinnen{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.foto-tegel.is-nieuw{animation:none}}

/* Tips en navigatie */
.foto-tips{margin-top:22px;padding:20px 24px;background:#eef1ea;border-radius:14px}
.foto-tips ul{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.foto-tips li{font-size:12.5px;color:#39423c;padding-left:22px;position:relative}
.foto-tips li:before{content:"✓";position:absolute;left:0;color:#7c9c12;font-weight:800}
.foto-navigatie{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foto-navigatie-rechts{display:flex;align-items:center;gap:20px;flex-wrap:wrap}

@media(max-width:980px){
  .foto-grid{grid-template-columns:1fr}
  .foto-tips ul{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .foto-page{padding:30px 0 46px}
  .foto-qr-blok{flex-direction:column;align-items:flex-start}
  .foto-tips ul{grid-template-columns:1fr}
  .foto-navigatie,.foto-navigatie-rechts{flex-direction:column;align-items:flex-start;gap:14px}
}

/* Tweede laag: vakinhoud en veelgestelde vragen */
.klus-vakinhoud{margin-top:42px;padding-top:34px;border-top:1px solid var(--v14-line)}
.klus-vakinhoud h2{margin-top:0}
.klus-faq{margin:16px 0 0}
.klus-faq dt{font:700 14.5px/1.5 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:20px 0 0;color:var(--v14-text);padding-left:26px;position:relative}
.klus-faq dt:first-of-type{margin-top:6px}
.klus-faq dt:before{content:"?";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--v14-dark);color:var(--v14-lime);font:800 10px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;display:grid;place-items:center}
.klus-faq dd{margin:7px 0 0 26px;font-size:14.5px;line-height:1.72;color:#3b433e}

/* ── Alle klussen ──────────────────────────────────────────────────── */
.klussen-page{background:#fff;color:var(--v14-text)}

.klussen-kop{background:var(--v14-dark);color:#fff;padding:46px 0 42px}
.klussen-kop h1{font:800 clamp(30px,4vw,46px)/1.06 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.045em;margin:8px 0 14px}
.klussen-intro{font-size:15.5px;line-height:1.66;color:rgba(255,255,255,.76);margin:0;max-width:56ch}
.klussen-acties{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}
.klussen-telling{font-size:12.5px;color:rgba(255,255,255,.55)}
.klussen-kop .klus-kruimels{margin-bottom:20px}

/* Snelkoppelingen naar de vakgebieden */
.klussen-springlijst{background:#f6f7f4;border-bottom:1px solid var(--v14-line);position:sticky;top:0;z-index:20}
.klussen-springlijst .wrap{display:flex;gap:8px;overflow-x:auto;padding:14px 0;scrollbar-width:thin}
.klussen-chip{flex:0 0 auto;padding:8px 15px;border-radius:999px;background:#fff;border:1px solid var(--v14-line);font:700 12.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);text-decoration:none;white-space:nowrap;transition:background .16s ease,border-color .16s ease}
.klussen-chip:hover{background:var(--v14-dark);border-color:var(--v14-dark);color:var(--v14-lime)}

.klussen-lijst{padding:46px 0 10px}
.klussen-vak{margin-bottom:46px;scroll-margin-top:70px}
.klussen-vak-kop{margin-bottom:18px}
.klussen-vak-kop h2{font:800 25px/1.2 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.035em;margin:0 0 5px}
.klussen-vak-kop p{margin:0;font-size:14px;color:#5b645e;max-width:62ch}

.klussen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.klussen-kaart{position:relative;display:flex;flex-direction:column;gap:5px;padding:17px 44px 17px 18px;border:1px solid var(--v14-line);border-radius:12px;text-decoration:none;color:var(--v14-text);background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.klussen-kaart b{font:700 14px/1.35 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.klussen-kaart-tekst{font-size:12.5px;line-height:1.5;color:#67706a}
.klussen-kaart-pijl{position:absolute;right:17px;top:18px;color:#9aa49d;transition:color .18s ease,transform .18s ease}
.klussen-kaart:hover{transform:translateY(-2px);border-color:#c7d1c4;box-shadow:0 12px 26px rgba(15,27,21,.07)}
.klussen-kaart:hover .klussen-kaart-pijl{color:#7c9c12;transform:translateX(3px)}

.klussen-leeg{font-size:15px;color:#5b645e}

.klussen-slot{background:linear-gradient(180deg,#fff,#f4f6f2);padding:52px 0;margin-top:16px;border-top:1px solid var(--v14-line)}
.klussen-slot-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.klussen-slot h2{font:800 29px/1.14 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:8px 0 8px}
.klussen-slot p{margin:0;font-size:14px;line-height:1.62;color:#4d564f;max-width:50ch}
.klussen-slot .v14-eyebrow{color:#7c9c12}

/* Blok op de homepage */
.v14-klussen{padding:64px 0;background:#fff;border-top:1px solid var(--v14-line)}
.v14-klussen-kop{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:26px}
.v14-klussen-kop h2{font:800 clamp(26px,3.2vw,36px)/1.1 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:8px 0 0}
.v14-klussen-kop p{margin:10px 0 0;font-size:14.5px;color:#5b645e;max-width:52ch}
.v14-klussen-vak{margin-bottom:26px}
.v14-klussen-vak h3{font:800 15px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.02em;margin:0 0 10px;color:#3d453f}
.v14-klussen-rij{display:flex;gap:9px;flex-wrap:wrap}
.v14-klussen-link{padding:9px 15px;border-radius:999px;border:1px solid var(--v14-line);background:#fbfcfa;font:600 13px DM Sans;color:var(--v14-text);text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.v14-klussen-link:hover{background:var(--v14-dark);border-color:var(--v14-dark);color:var(--v14-lime);transform:translateY(-1px)}
.v14-klussen-meer{display:inline-flex;align-items:center;gap:9px;margin-top:6px;font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);text-decoration:none;border-bottom:2px solid var(--v14-lime);padding-bottom:2px}

@media(max-width:980px){
  .klussen-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .klussen-kop{padding:32px 0 30px}
  .klussen-grid{grid-template-columns:1fr}
  .klussen-acties{flex-direction:column;align-items:flex-start;gap:14px}
  .klussen-slot-inner{flex-direction:column;align-items:flex-start}
  .v14-klussen{padding:44px 0}
}

/* voettekst met groepen, voor de plaatspagina's */
.v14-voet-groep{display:flex;flex-direction:column;gap:5px}
.v14-voet-groep b{font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:rgba(255,255,255,.9);margin-bottom:3px}
.v14-voet-groep a{font-size:12.5px;color:rgba(255,255,255,.62)}

/* ── Zoeken, uitgelicht en inklappen ───────────────────────────────── */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.klussen-zoek{position:relative;margin:26px 0 0;max-width:440px}
.klussen-zoek input{width:100%;padding:14px 16px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:14.5px}
.klussen-zoek input::placeholder{color:rgba(255,255,255,.42)}
.klussen-zoek input:focus{outline:0;border-color:var(--v14-lime);background:rgba(255,255,255,.11)}
.klussen-zoek-uitslag{display:block;margin-top:8px;font-size:12.5px;color:var(--v14-lime)}

.klussen-uitgelicht{background:#f6f7f4;padding:40px 0;border-bottom:1px solid var(--v14-line)}
.klussen-uitgelicht h2{font:800 24px/1.2 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.035em;margin:6px 0 20px}
.klussen-grid-groot{grid-template-columns:repeat(2,1fr)}
.klussen-kaart-groot{padding:22px 46px 22px 22px;background:#fff;border-color:#d7dfd4}
.klussen-kaart-groot b{font-size:16px}

.klussen-verborgen{display:contents}
.klussen-meer{display:inline-flex;align-items:center;gap:9px;margin-top:13px;padding:10px 17px;border:1px solid var(--v14-line);border-radius:999px;background:#fff;font:700 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);cursor:pointer;transition:background .16s ease,border-color .16s ease}
.klussen-meer:hover{background:var(--v14-dark);border-color:var(--v14-dark);color:var(--v14-lime)}
.klussen-meer-pijl{transition:transform .2s ease}
.klussen-meer.is-open .klussen-meer-pijl{transform:rotate(180deg)}

.klussen-geenresultaat{padding:24px;background:#f6f7f4;border-radius:12px;font-size:14.5px;color:#4c554f;margin:0 0 26px}
.klussen-vak[hidden]{display:none}

@media(max-width:620px){
  .klussen-grid-groot{grid-template-columns:1fr}
  .klussen-zoek{max-width:none}
}

/* ── Vakbedrijvenpagina in de huisstijl ────────────────────────────── */

/* De kop werd links afgekapt doordat de kaart overliep. */
.wizard-shell{overflow-x:hidden}
.wizard-layout{max-width:960px;margin:0 auto;padding:0 20px}
.wizard-card{background:#fff;border:1px solid var(--v14-line);border-radius:18px;padding:30px 32px;box-shadow:0 14px 38px rgba(15,27,21,.05)}
.wizard-kicker{display:block;font:800 10px/1 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.15em;color:#7c9c12;margin-bottom:10px}
.wizard-card h1{font:800 clamp(26px,3.2vw,36px)/1.1 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:0 0 10px}
.wizard-card .lead{font-size:15px;line-height:1.65;color:#5b645e;margin:0 0 24px;max-width:62ch}

/* Knoppen in het limoengroen van de rest van de site. */
.wizard-shell .btn{background:var(--v14-lime);border:0;color:var(--v14-dark);gap:10px;border-radius:11px;padding:13px 22px;box-shadow:none;font-weight:800}
.wizard-shell .btn:hover{filter:brightness(.95)}
.wizard-shell .btn.secondary{background:#eef1ea;color:var(--v14-text);border:1px solid var(--v14-line)}
.wizard-shell .btn.secondary:hover{background:#e5eade}

/* Zoekbalk */
.rv-company-search{display:flex;gap:10px;max-width:100%;margin:0 0 20px;flex-wrap:wrap}
.rv-company-search input{flex:1 1 240px;min-width:0;padding:13px 16px;border:1px solid #cfd9d3;border-radius:11px;font:inherit;font-size:14.5px}
.rv-company-search input:focus{outline:0;border-color:#8fb220;box-shadow:0 0 0 3px rgba(143,178,32,.16)}
.rv-company-search button{flex:0 0 auto;background:var(--v14-dark);color:var(--v14-lime);border:0;border-radius:11px;padding:13px 24px;font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;cursor:pointer}
.rv-company-search button:hover{filter:brightness(1.12)}

/* Filters: geen vijf vaste kolommen meer, maar meebuigend in een kader. */
.choice-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 14px;padding:18px;background:#f6f7f4;border:1px solid var(--v14-line);border-radius:13px}
.choice-filters label{display:flex;flex-direction:column;gap:6px;font:700 11.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#5b645e;min-width:0}
.choice-filters select,.choice-filters input{width:100%;min-width:0;padding:11px 12px;border:1px solid #cfd9d3;border-radius:9px;font:inherit;font-size:13.5px;background:#fff}
.choice-filters select:focus,.choice-filters input:focus{outline:0;border-color:#8fb220}

.discipline-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.discipline-filter a,.discipline-filter .chip{padding:8px 15px;border-radius:999px;border:1px solid var(--v14-line);background:#fff;font:700 12.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);text-decoration:none}
.discipline-filter a.active,.discipline-filter .active{background:var(--v14-dark);color:var(--v14-lime);border-color:var(--v14-dark)}

/* Bedrijfskaarten */
.contractor-grid{display:grid;gap:12px;margin:22px 0 0}
.rich-contractors{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.contractor-card-rich{display:flex;flex-direction:column;gap:10px;border:1px solid var(--v14-line);border-radius:14px;padding:18px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.contractor-card-rich:hover{border-color:#c9d2c6;box-shadow:0 12px 26px rgba(15,27,21,.07);transform:translateY(-2px)}
.contractor-title{font:800 15.5px/1.3 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.02em;margin:0}
.contractor-main{display:flex;flex-direction:column;gap:7px;min-width:0}
.contractor-main .muted{font-size:12.5px;color:#6a736d}

/* Lege reviewmelding: wat er niet is, hoef je niet te tonen. */
.contractor-reviewline:empty{display:none}
.contractor-reviewline{font-size:12.5px;color:#4d564f}
.contractor-reviewline .muted{display:none}

.contractor-card-rich .btn{width:100%;margin-top:auto}
.contractor-card-rich a[href*="bedrijf.php"]{font:700 12.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#5b645e;text-decoration:none;align-self:flex-start}
.contractor-card-rich a[href*="bedrijf.php"]:hover{color:#7c9c12}

.rv-note{padding:14px 16px;background:#f6f7f4;border:1px solid var(--v14-line);border-radius:11px;font-size:13.5px;color:#4d564f;margin:18px 0}

@media(max-width:620px){
  .wizard-shell{padding:26px 0 50px}
  .wizard-card{padding:22px 18px;border-radius:14px}
  .rich-contractors{grid-template-columns:1fr}
  .rv-company-search button{width:100%}
}

.contractor-nieuw{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef6d9;color:#5a7a0d;font:700 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}

/* ── Demo foto-uploader ────────────────────────────────────────────── */
.demo-page{background:linear-gradient(180deg,#f7f8f5,#eef1ec);min-height:100vh;padding:32px 0 60px}
.demo-wrap{width:min(560px,calc(100% - 32px));margin:0 auto}
.demo-eyebrow{display:inline-block;padding:5px 12px;border-radius:999px;background:#fff4d6;color:#8a6b12;font:800 10px/1 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.12em;margin-bottom:16px}
.demo-page h1{font:800 clamp(24px,5.5vw,32px)/1.14 Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.04em;margin:0 0 12px;color:var(--v14-text)}
.demo-lead{font-size:15px;line-height:1.65;color:#5b645e;margin:0 0 26px}

.demo-stap{background:#fff;border:1px solid var(--v14-line);border-radius:16px;padding:20px;text-align:center}
.demo-vak{min-height:190px;display:grid;place-items:center;border:2px dashed #cdd5cc;border-radius:12px;background:#fafbf8;margin-bottom:16px;overflow:hidden}
.demo-vak span{font-size:13px;color:#8a938d}
.demo-vak img{width:100%;height:100%;max-height:280px;object-fit:cover;display:block}
.demo-knop{width:100%;justify-content:center;cursor:pointer}
.demo-privacy{margin:14px 0 0;font-size:12px;color:#6a736d}

/* Het nagebootste document */
.demo-resultaat{margin-top:22px}
.demo-melding{background:var(--v14-dark);color:#fff;border-radius:13px;padding:15px 17px;margin-bottom:14px;display:flex;flex-direction:column;gap:4px}
.demo-melding b{font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-lime)}
.demo-melding span{font-size:12.5px;color:rgba(255,255,255,.7);line-height:1.5}

.demo-doc{background:#fff;border:1px solid var(--v14-line);border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(15,27,21,.08)}
.demo-doc-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;border-bottom:1px solid var(--v14-line);background:#fafbf8}
.demo-doc-merk{display:block;font:800 14px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text)}
.demo-doc-merk b{color:#7c9c12}
.demo-doc-nr{display:block;font-size:11px;color:#8a938d;margin-top:2px}
.demo-doc-datum{font-size:11px;color:#8a938d;white-space:nowrap}

.demo-doc-body{padding:18px}
.demo-doc-regel{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #f0f3ef;font-size:13.5px}
.demo-doc-regel span{color:#6a736d}
.demo-doc-regel b{font-weight:700;text-align:right}
.demo-doc-tekst{margin:16px 0}
.demo-doc-tekst span,.demo-doc-fotos>span{display:block;font:700 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8a938d;margin-bottom:7px}
.demo-doc-tekst p{margin:0;font-size:13.5px;line-height:1.6;color:#3c453f}

.demo-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.demo-doc-foto{margin:0}
.demo-doc-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.demo-doc-foto figcaption{font-size:10px;color:#8a938d;margin-top:5px;text-align:center}
.demo-doc-foto.is-eigen img{outline:2px solid var(--v14-lime);outline-offset:-2px}
.demo-doc-foto.is-eigen figcaption{color:#5a7a0d;font-weight:700}
.demo-doc-leeg div{aspect-ratio:4/3;display:grid;place-items:center;border:1px dashed #d4dbd2;border-radius:8px;color:#c2cabf;font-size:20px}

.demo-doc-voet{padding:13px 18px;background:#f6f7f4;border-top:1px solid var(--v14-line);font-size:11.5px;color:#6a736d;text-align:center}

.demo-acties{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.demo-acties .v14-primary{width:100%;justify-content:center}
.demo-opnieuw{width:100%;padding:12px;border:1px solid var(--v14-line);border-radius:11px;background:#fff;font:700 13.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);cursor:pointer}
.demo-opnieuw:hover{background:#f2f5f0}

.demo-uitleg{margin-top:34px}
.demo-uitleg h2{font:800 18px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.025em;margin:0 0 14px}
.demo-stappen{list-style:none;counter-reset:d;padding:0;margin:0;display:grid;gap:13px}
.demo-stappen li{counter-increment:d;position:relative;padding-left:36px;display:flex;flex-direction:column;gap:2px}
.demo-stappen li:before{content:counter(d);position:absolute;left:0;top:1px;width:25px;height:25px;border-radius:50%;background:var(--v14-dark);color:var(--v14-lime);font:800 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;display:grid;place-items:center}
.demo-stappen b{font:700 13.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.demo-stappen span{font-size:12.5px;line-height:1.5;color:#6a736d}

/* PDF-blok in de demo */
.demo-pdf{margin-top:16px;padding:18px;background:#fff;border:1px solid var(--v14-line);border-radius:14px}
.demo-pdf-kop{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:#5b645e}
.demo-pdf-kop b{display:block;font:800 15px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);margin-bottom:3px}
.demo-pdf-knop{width:100%;justify-content:center}
.demo-mailrij{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.demo-mailrij input{flex:1 1 170px;min-width:0;padding:12px 14px;border:1px solid #cfd9d3;border-radius:10px;font:inherit;font-size:14px}
.demo-mailrij input:focus{outline:0;border-color:#8fb220;box-shadow:0 0 0 3px rgba(143,178,32,.16)}
.demo-mailknop{flex:0 0 auto;padding:12px 16px;border:1px solid var(--v14-line);border-radius:10px;background:#eef1ea;font:700 13.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);cursor:pointer}
.demo-mailknop:hover{background:#e3e9dd}
.demo-bezig{opacity:.6;pointer-events:none}

/* ── Levende fotodemo op de homepage ───────────────────────────────── */
.v14-demo-plekken{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%}
.v14-demo-plek{position:relative;margin:0;aspect-ratio:1;border:1px dashed rgba(255,255,255,.22);border-radius:9px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.04);transition:border-color .25s ease,background .25s ease}
.v14-demo-plek>span{font:800 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:rgba(255,255,255,.28)}
.v14-demo-plek img{width:100%;height:100%;object-fit:cover;display:block}
.v14-demo-plek.is-gevuld{border-style:solid;border-color:var(--v14-lime);background:transparent;animation:demoBinnen .45s ease}
@keyframes demoBinnen{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.v14-demo-plek.is-gevuld{animation:none}}

.v14-demo-wacht{margin:13px 0 0;text-align:center;display:flex;flex-direction:column;gap:3px}
.v14-demo-wacht b{font:700 13px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-lime)}
.v14-demo-wacht span{font-size:11.5px;color:rgba(255,255,255,.5)}
.v14-demo-wacht[hidden]{display:none}

.v14-demo-voet{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid rgba(255,255,255,.09)}
.v14-demo-pdf{font:700 12.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-lime);text-decoration:none}
.v14-demo-pdf:hover{text-decoration:underline}
.v14-demo-opnieuw{padding:7px 13px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:transparent;color:rgba(255,255,255,.72);font:700 11.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;cursor:pointer}
.v14-demo-opnieuw:hover{background:rgba(255,255,255,.07);color:#fff}
.v14-demo-opnieuw[hidden]{display:none}

[data-livedemo-stand].is-actief{color:var(--v14-lime);font-weight:700}

/* Stappenlijst in de fotosectie */
.v14-hoe{list-style:none;counter-reset:h;padding:0;margin:22px 0 26px;display:grid;gap:16px}
.v14-hoe li{counter-increment:h;position:relative;padding-left:40px;display:flex;flex-direction:column;gap:3px}
.v14-hoe li:before{content:counter(h);position:absolute;left:0;top:1px;width:27px;height:27px;border-radius:50%;background:var(--v14-dark);color:var(--v14-lime);font:800 12px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;display:grid;place-items:center}
.v14-hoe b{font:800 14.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.01em}
.v14-hoe span{font-size:13.5px;line-height:1.6;color:#5b645e;max-width:52ch}

/* Zodra er foto's staan is de stippellijn overbodig. */
[data-livedemo].heeft-fotos .v14-demo-drop{border-style:solid;border-color:rgba(255,255,255,.1)}

/* Demokaart: recht in rust, komt tot leven bij aanwijzen */
.v14-demo-schuin{transform:perspective(1200px) rotate(0deg) translateY(0);
  transition:transform .4s cubic-bezier(.22,.9,.3,1), box-shadow .4s ease;
  box-shadow:0 18px 44px rgba(6,14,10,.22);will-change:transform}
.v14-demo-schuin:hover{transform:perspective(1200px) rotateX(2deg) rotateZ(-1.4deg) translateY(-6px) scale(1.012);
  box-shadow:0 34px 76px rgba(6,14,10,.34)}

/* Aanwijzen laat ook de QR licht meebewegen, alsof het papier is. */
.v14-demo-schuin .v14-demo-qr{transition:transform .4s cubic-bezier(.22,.9,.3,1)}
.v14-demo-schuin:hover .v14-demo-qr{transform:translateY(-2px) rotate(.8deg)}

@media(max-width:900px){
  .v14-demo-schuin:hover{transform:none;box-shadow:0 18px 44px rgba(6,14,10,.22)}
}
@media(prefers-reduced-motion:reduce){
  .v14-demo-schuin,.v14-demo-schuin:hover{transform:none;transition:none}
  .v14-demo-schuin:hover .v14-demo-qr{transform:none}
}

/* Telefoonscherm: vragen en keuzes */
.demo-keuzes{display:grid;gap:9px}
.demo-keuze{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px 17px;border:1px solid var(--v14-line);border-radius:12px;background:#fff;font:700 14.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease}
.demo-keuze:hover{border-color:#8fb220;transform:translateY(-1px)}
.demo-keuze span{color:#9aa49d}

.demo-vragenform{display:grid;gap:18px}
.demo-vraag{border:0;padding:0;margin:0}
.demo-vraag legend{font:700 14.5px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--v14-text);margin-bottom:9px;padding:0}
.demo-optie{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--v14-line);border-radius:10px;background:#fff;margin-bottom:7px;cursor:pointer;font-size:14px}
.demo-optie input{accent-color:#7c9c12;width:17px;height:17px;flex:0 0 auto}
.demo-optie:has(input:checked){border-color:#8fb220;background:#f7fbe9}

/* Compactere demokaart */
.v14-demo-schuin .v14-demo-head{padding:11px 14px}
.v14-demo-schuin .v14-demo-content{padding:12px;gap:12px}
.v14-demo-schuin .v14-demo-qr{padding:12px 10px}
.v14-demo-schuin .v14-demo-qr img{width:112px;height:112px}
.v14-demo-schuin .v14-demo-qr b{font-size:11.5px;margin-top:7px;line-height:1.3}
.v14-demo-schuin .v14-demo-drop{padding:12px}
.v14-demo-schuin .v14-demo-plek{border-radius:7px}
.v14-demo-schuin .v14-demo-wacht{margin-top:10px}
.v14-demo-schuin .v14-demo-wacht b{font-size:12px}
.v14-demo-schuin .v14-demo-wacht span{font-size:10.5px}
.v14-demo-schuin .v14-demo-voet{padding:9px 14px}
.v14-demo-schuin .v14-demo-pdf{font-size:11.5px}
.v14-demo-schuin .v14-demo-opnieuw{padding:6px 11px;font-size:11px}

/* Directe weg voor wie op zijn telefoon kijkt */
.v14-demo-hier{display:inline-block;margin-top:8px;font:700 11px Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#5a7a0d;text-decoration:none;border-bottom:1px solid rgba(90,122,13,.35);padding-bottom:1px}
.v14-demo-hier:hover{color:#3f5a08}

/* Op een telefoon is de QR nutteloos: die weg voorop. */
@media(max-width:760px){
  .v14-demo-schuin .v14-demo-content{flex-direction:column}
  .v14-demo-schuin .v14-demo-qr img{display:none}
  .v14-demo-schuin .v14-demo-qr b{display:none}
  .v14-demo-hier{display:block;margin:0;padding:13px 18px;border:0;border-radius:10px;background:var(--v14-lime);color:var(--v14-dark);font-size:13.5px;text-align:center}
  .v14-demo-hier:hover{color:var(--v14-dark);filter:brightness(.95)}
}

/* ── Pagina's zonder zijbalk ────────────────────────────────────────
 *
 * .wizard-layout is een raster van twee kolommen: de kaart en een
 * zijbalk van 300px. Op vakmannen.php en klussen.php is er geen
 * zijbalk, waardoor die kolom leeg bleef staan en de kaart scheef in
 * beeld hing.
 *
 * Heeft een pagina maar één kind, dan gebruikt die de hele breedte.
 */
.wizard-layout:not(:has(.wizard-aside)) { grid-template-columns: minmax(0, 1fr) }

/* Terugval voor browsers die :has() nog niet kennen. */
.wizard-layout.geen-zijbalk { grid-template-columns: minmax(0, 1fr) }

/* ── Filterrij op de bedrijvenpagina ───────────────────────────────
 *
 * Stond op vier vaste kolommen, waardoor de labels afbraken tot
 * "Alle be…" en "Alle we…" en het postcodeveld onvindbaar werd.
 */
.vakfilters { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) }
.vakfilters label { font-size: 12.5px }
.vakfilters select,
.vakfilters input[type="text"] { height: 42px; font-size: 14px }

/* Vakgebied zonder bedrijven: wel te zien, wel aanklikbaar, maar rustig. */
.badge-outline.leeg { color: #8a958f; border-style: dashed }
.badge-outline .aantal {
  display: inline-block; margin-left: 5px; padding: 1px 6px;
  border-radius: 999px; background: #eef2ec; font-size: 11px; color: #4a544e;
}
.badge-outline.active .aantal { background: rgba(255,255,255,.18); color: #fff }

@media (max-width: 620px) {
  .vakfilters { grid-template-columns: 1fr 1fr }
}

/* ── Fotoslider: leesbaarheid en aantal ────────────────────────────
 *
 * De donkere verloopkleur zat op de achtergrond van .v14-hero-bg, maar
 * de foto's liggen daar met volle dekking overheen. Bij een donkere
 * foto viel dat niet op; zodra er een lichte tussen zit is de kop
 * onleesbaar. Nu ligt het verloop BOVEN de foto's.
 */
.v14-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(4,10,8,.94) 0%,
    rgba(5,12,10,.78) 38%,
    rgba(5,12,10,.22) 76%);
}

/* Op een telefoon staat de tekst over de volle breedte, dus daar moet
 * het verloop van boven naar beneden lopen in plaats van opzij. */
@media (max-width: 860px) {
  .v14-slider::after {
    background: linear-gradient(180deg,
      rgba(4,10,8,.88) 0%,
      rgba(4,10,8,.80) 55%,
      rgba(4,10,8,.66) 100%);
  }
}

/* Twintig streepjes op een rij is op een telefoon een dunne stippellijn
 * waar niemand iets mee kan. Boven de tien tonen we een teller. */
.v14-slider-teller {
  position: absolute;
  left: 0; right: 0; bottom: 22px;
  z-index: 3;
  text-align: center;
  font: 700 12px/1 Manrope, system-ui, sans-serif;
  color: rgba(255,255,255,.72);
  letter-spacing: .04em;
  pointer-events: none;
}
.v14-slider-teller b { color: #fff }

/* ── Kop van een klus-pagina: leesbaar bij elke foto ────────────────
 *
 * Het verloop over de foto stond vast. De agent kiest elke week andere
 * foto's, en de ene is veel lichter dan de andere. Nu is de sterkte
 * instelbaar in het beheer onder Foto's.
 *
 * --hero-donker komt uit de pagina en loopt van 0 (foto onaangeroerd)
 * tot 0.95 (vrijwel zwart). Staat hij er niet, dan 0.70.
 */
.klus-hero { --hero-donker: .70 }

.klus-hero:before {
  background: linear-gradient(90deg,
    rgba(4,10,8,  calc(var(--hero-donker) * 1.00)) 0%,
    rgba(5,12,10, calc(var(--hero-donker) * 0.86)) 46%,
    rgba(5,12,10, calc(var(--hero-donker) * 0.36)) 100%);
}

/* Een leesvlak achter de tekst.
 *
 * Op een brede pagina liep de kop dwars over een gezicht heen. Een
 * schuifje lost dat niet op, want de tekst staat dan nog steeds over het
 * drukste deel van de foto. Dit vlak zorgt dat de kop altijd leesbaar
 * is, ongeacht welke foto eronder ligt. */
.klus-hero-inner {
  position: relative;
  border-radius: 18px;
  padding-left: 28px;
  padding-right: 28px;
}
.klus-hero-inner:before {
  content: "";
  position: absolute;
  inset: -4px -18px;
  z-index: -1;
  border-radius: 20px;
  background: linear-gradient(100deg, rgba(4,10,8,.72), rgba(4,10,8,.42) 78%, rgba(4,10,8,0));
}

/* Op een telefoon staat de tekst over de volle breedte; dan loopt het
 * verloop van boven naar beneden. */
@media (max-width: 860px) {
  .klus-hero:before {
    background: linear-gradient(180deg,
      rgba(4,10,8,  calc(var(--hero-donker) * 1.00)) 0%,
      rgba(4,10,8,  calc(var(--hero-donker) * 0.90)) 60%,
      rgba(4,10,8,  calc(var(--hero-donker) * 0.72)) 100%);
  }
  .klus-hero-inner { padding-left: 0; padding-right: 0 }
  .klus-hero-inner:before { inset: -10px -16px }
}

/* ── De houder van de slider ────────────────────────────────────────
 *
 * Op .v14-hero-bg stond een vaste keukenfoto als achtergrond. Foto's die
 * nog niet geladen waren lieten die doorschemeren, waardoor dezelfde
 * keuken steeds opnieuw in beeld kwam alsof hij er meerdere keren in zat.
 *
 * Zodra er een slider is, hoort daar niets doorheen te schijnen: een
 * effen donkere kleur, zodat een foto die nog laadt niets verraadt.
 */
.v14-hero-bg.v14-slider { background-image: none; background-color: #0a1713 }

/* Een foto die nog niet geladen is, is doorzichtig. Een donkere laag
 * eronder voorkomt dat je door de slider heen kijkt. */
.v14-slide { background-color: #0a1713 }

/* ── Stappenblok op de homepage ─────────────────────────────────────
 *
 * Stond over de volle breedte van het scherm, waardoor de vier stappen
 * ver uit elkaar lagen en de kolommen ongelijk werden. Compacter en
 * smaller leest beter: je oog hoeft minder ver.
 *
 * De kolommen zijn nu even hoog doordat de tekst begrensd is, en er
 * staat een lijn tussen in plaats van eromheen.
 */
#hoe .v14-process {
  max-width: 980px;
  margin: 0 auto;
  gap: 0;
}
#hoe .v14-process article {
  padding: 24px 22px 26px;
  min-height: 0;
}
#hoe .v14-process article:last-child { border-right: 0 }
#hoe .v14-process h3 {
  font: 800 15px/1.3 Manrope, system-ui, sans-serif;
  letter-spacing: -.015em;
  margin: 20px 0 8px;
  min-height: 2.6em;            /* koppen gelijk, ook bij één regel */
}
#hoe .v14-process p {
  font-size: 13.5px;
  line-height: 1.6;
  margin: 0;
}
#hoe .v14-process i {
  font: 800 11px/1 Manrope, system-ui, sans-serif;
  letter-spacing: .12em;
  font-style: normal;
}

@media (max-width: 900px) {
  #hoe .v14-process { grid-template-columns: 1fr 1fr }
  #hoe .v14-process article:nth-child(2n) { border-right: 0 }
  #hoe .v14-process article:nth-child(-n+2) { border-bottom: 1px solid var(--v14-line) }
  #hoe .v14-process h3 { min-height: 0 }
}
@media (max-width: 560px) {
  #hoe .v14-process { grid-template-columns: 1fr }
  #hoe .v14-process article { border-right: 0; border-bottom: 1px solid var(--v14-line) }
  #hoe .v14-process article:last-child { border-bottom: 0 }
}

/* ── Zoekbalk en filters op de vakbedrijvenpagina ──────────────────
 *
 * Op een telefoon liep de knop "Zoeken" buiten beeld en werd hij
 * afgekapt tot "Zoeke". De oorzaak is een bekende valkuil: een
 * invoerveld in een flexrij krijgt standaard min-width:auto, en dat is
 * de breedte die hij nodig heeft voor zijn placeholder. Daardoor
 * krimpt het veld niet mee en wordt de knop eruit geduwd.
 *
 * min-width:0 op het veld lost dat op.
 */
.vakzoek {
  display: flex;
  gap: 8px;
  margin: 20px 0;
  max-width: 480px;
}
.vakzoek input {
  flex: 1 1 auto;
  min-width: 0;                 /* zonder dit loopt de knop eruit */
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #dfe5e0;
  font: 14px/1.4 inherit;
}
.vakzoek .btn { flex: 0 0 auto }

/* Op een smal scherm onder elkaar: naast elkaar is er geen ruimte voor
 * een leesbaar veld én een knop. */
@media (max-width: 520px) {
  .vakzoek { flex-direction: column }
  .vakzoek .btn { width: 100% }
}

/* De keuzevelden in de filterrij.
 *
 * Twee kolommen naast elkaar is op een telefoon te smal: "Alle
 * beoordelingen" werd "Alle beoo". Onder de 560px dus één kolom.
 */
.vakfilters select,
.vakfilters input { min-width: 0; max-width: 100% }

@media (max-width: 560px) {
  .vakfilters { grid-template-columns: 1fr }
}

/* Een e-mailadres is lang en mag niet buiten zijn vakje vallen. */
.contractor-card input[type="email"],
.contractor-card input[type="text"] {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* ── Filterrij en zoekbalk: laatste woord ───────────────────────────
 *
 * De regels hierboven werkten in theorie maar bleven afhankelijk van de
 * volgorde in een bestand van ruim honderdduizend tekens: er staan
 * oudere regels voor .choice-filters die op 680px twee kolommen
 * afdwingen. Eén verkeerde volgorde en het gaat weer mis.
 *
 * Daarom hier een selector met twee klassen (hogere voorrang) en geen
 * media query: auto-fit met een minimum van 210px klapt vanzelf naar
 * één kolom zodra er geen ruimte meer is. Dat werkt op elke breedte,
 * ook op schermen die ik niet heb getest.
 */
.choice-filters.vakfilters {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

/* Het zoekveld moet de volle breedte pakken zodra het onder de knop
 * staat. In een kolom doet flex:1 niets aan de breedte. */
.vakzoek { max-width: 480px; width: 100% }
.vakzoek input { width: 100% }
@media (max-width: 520px) {
  .vakzoek { max-width: none }
  .vakzoek input,
  .vakzoek .btn { width: 100%; box-sizing: border-box }
}

/* Op een heel smal scherm eet de opvulling van de filterkaart te veel
 * ruimte op: er bleef 200px over voor een kolom die er 210 nodig heeft.
 * Minder opvulling, meer ruimte voor de inhoud. */
@media (max-width: 400px) {
  .choice-filters.vakfilters { padding: 13px; gap: 10px }
}

/* ==== v62: vereenvoudigde aanvraagstap (werkzaamheden-toevoegen) ==== */
.rv-quick .lead{font-size:16px;line-height:1.6}
.rv-quick .field label{font:700 15px/1.35 'Manrope',system-ui,sans-serif;color:#132019;margin-bottom:8px}
.rv-quick .field label small{font:500 13px 'DM Sans',system-ui,sans-serif;color:#6b7670}
.rv-quick .field small{font-size:13px;line-height:1.45;color:#6b7670}
.rv-quick .input,.rv-quick .select,.rv-quick .textarea{font:16px/1.45 'DM Sans',system-ui,sans-serif;min-height:52px;padding:13px 14px;box-sizing:border-box;max-width:100%}
.rv-quick .textarea{min-height:120px}
.rv-quick .textarea::placeholder{font-size:15px;color:#8a948e}
.rv-hints,.rv-m2{margin:6px 0 18px}
.rv-hints-title{font:700 14px/1.3 'Manrope',system-ui,sans-serif;color:#132019;margin:0 0 10px}
.rv-hints-title span{font:500 13px 'DM Sans',system-ui,sans-serif;color:#6b7670}
.rv-chips{display:flex;flex-wrap:wrap;gap:8px}
.rv-chip{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #d6ddd8;border-radius:999px;background:#fff;color:#132019;font:600 14px/1.25 'DM Sans',system-ui,sans-serif;cursor:pointer;text-align:left;box-sizing:border-box;max-width:100%;-webkit-tap-highlight-color:transparent}
.rv-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.rv-chip:has(input:checked){border-color:#176b4b;background:#eaf5ef;color:#0f4d35;box-shadow:inset 0 0 0 1px #176b4b}
.rv-chip:has(input:focus-visible),.rv-chip:focus-visible{outline:3px solid rgba(201,236,37,.8);outline-offset:2px}
.rv-chip-add{background:#f6f8f3}
.rv-chip-add.is-used{background:#eaf5ef;border-color:#9cc9b2}
.rv-m2{background:#f6f8f3;border:1px solid #e3e8e2;border-radius:14px;padding:14px}
.rv-m2-row{display:flex;align-items:flex-end;gap:10px}
.rv-m2-row label{flex:1;min-width:0;display:block}
.rv-m2-row label span{display:block;font:600 13px 'DM Sans',system-ui,sans-serif;color:#46514b;margin-bottom:6px}
.rv-m2-x{padding-bottom:14px;font-weight:700;color:#6b7670}
.rv-m2-out{font:700 16px 'Manrope',system-ui,sans-serif;color:#0f4d35;margin:10px 0 8px;min-height:1px}
.rv-more{border:1px solid #e3e8e2;border-radius:14px;margin:8px 0 6px;background:#fff}
.rv-more summary{cursor:pointer;list-style:none;padding:15px 16px;font:700 15px 'Manrope',system-ui,sans-serif;color:#132019;min-height:48px;box-sizing:border-box}
.rv-more summary::-webkit-details-marker{display:none}
.rv-more summary:after{content:'+';float:right;font-size:20px;line-height:1;color:#6b7670}
.rv-more[open] summary:after{content:'–'}
.rv-more summary small{font:500 13px 'DM Sans',system-ui,sans-serif;color:#6b7670}
.rv-more #dynamicQuestions{padding:0 16px 8px}
.rv-q-label{font:700 14px/1.4 'Manrope',system-ui,sans-serif;color:#132019;margin:0 0 8px}
.rv-quick .rv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.rv-quick .rv-actions .btn{min-width:0;min-height:52px;font-size:16px;padding:14px 22px;white-space:normal;text-align:center}
.rv-back{font:600 15px 'DM Sans',system-ui,sans-serif;color:#46514b;text-decoration:underline;text-underline-offset:3px;padding:10px 4px}

/* Knoppen onder formulieren nooit meer buiten beeld op de telefoon */
@media (max-width:640px){
  .wizard-card .actions{flex-direction:column;align-items:stretch}
  .wizard-card .actions .btn{width:100%;min-width:0;box-sizing:border-box;white-space:normal;text-align:center}
  .rv-quick .rv-actions .rv-back{align-self:center}
  .wizard-shell .wizard-layout{padding:0 12px}
  .wizard-card .dossier-body.rv-quick{padding:20px 16px 24px}
  .rv-m2-row{gap:8px}
}

.wizard-card .rv-quick form{padding:0}
.rv-quick [hidden]{display:none!important}
.rv-vak-gekozen{font:500 15px/1.4 'DM Sans',system-ui,sans-serif;color:#46514b;margin:0 0 14px}
.rv-vak-gekozen strong{color:#132019}
.rv-link{background:none;border:0;padding:6px 2px;color:#176b4b;text-decoration:underline;text-underline-offset:3px;font:600 15px 'DM Sans',system-ui,sans-serif;cursor:pointer}