/* RenovatieCalculator — BouwVerschil */
@media(min-width:1051px){.nav{gap:16px;font-size:.82rem}.brand img{width:208px}.nav-cta{padding:12px 14px}}
.reno-page h1,.reno-page h2,.reno-home-promo h2{font-family:Georgia,serif;letter-spacing:-.04em;line-height:1.03}.reno-hero{padding:64px 0;background:#f1f8f5}.reno-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:78px;align-items:center}.reno-hero h1{font-size:clamp(3.2rem,5.8vw,5.1rem);margin:18px 0 22px}.reno-lead{font-size:1.4rem;font-weight:750;margin:0 0 6px}.reno-hero p:not(.reno-lead){color:#5a7073;max-width:500px}.reno-hero .btn{margin-top:15px}.reno-trust{display:flex;flex-wrap:wrap;gap:7px 20px;margin-top:25px;font-size:.78rem;font-weight:650}.reno-hero-photo{margin:0;position:relative;border-radius:110px 24px 24px 24px;overflow:hidden;height:470px;background:#a3aaa3}.reno-hero-photo img{width:100%;height:100%;object-fit:cover}.reno-hero-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#122d30e8)}.reno-hero-photo figcaption{position:absolute;left:28px;right:28px;bottom:26px;color:white;z-index:1;display:grid;gap:7px}.reno-hero-photo figcaption span{font-size:.6rem;letter-spacing:.14em}.reno-hero-photo figcaption strong{font-family:Georgia,serif;font-size:1.45rem}.reno-hero-photo figcaption a{font-size:.8rem;text-decoration:underline;text-underline-offset:4px}
.reno-calculator{background:#fbfcfa;scroll-margin-top:120px}.reno-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.reno-heading h2{max-width:550px;font-size:2.8rem}.reno-heading p{color:var(--muted);max-width:250px;font-size:.9rem}.reno-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:30px;align-items:start}.reno-form{min-width:0}.reno-card{background:white;border:1px solid var(--line);border-radius:20px;margin:0 0 24px;padding:28px;min-width:0}.reno-card legend{float:left;width:100%;font-size:1.2rem;font-weight:750;margin-bottom:20px;padding:0}.reno-card legend+*{clear:both}.reno-card legend span{font-size:.8rem;color:#3b8572;background:#edf6ed;border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;margin-right:9px;vertical-align:middle}.reno-card p{font-size:.88rem;color:#5c7377}.reno-page input,.reno-page select,.reno-page textarea{font:inherit;border:1px solid #cadbdc;border-radius:10px;padding:12px;background:#fff;color:var(--ink);width:100%;min-width:0}.reno-page input[type=checkbox]{width:20px;height:20px;accent-color:#2a7865;flex:none;cursor:pointer}.reno-page input[type=file]{font-size:.8rem;max-width:100%;padding:9px;border-style:dashed}.reno-page input:focus-visible,.reno-page select:focus-visible,.reno-page textarea:focus-visible,.reno-page button:focus-visible,.reno-page a:focus-visible{outline:3px solid #45c4e6;outline-offset:3px}.reno-page label{font-size:.82rem}.reno-page small{font-size:.72rem;color:#61797c;line-height:1.5;display:block}.reno-page .field{gap:7px}.reno-page .field label{font-weight:650}.reno-hint{font-size:.73rem!important;color:#6b7d80!important;line-height:1.6;margin:16px 0 0}.reno-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.reno-presets button{font:inherit;font-size:.74rem;font-weight:700;padding:9px 13px;border-radius:99px;border:1px solid #d1dfdc;background:#fff;cursor:pointer;color:#526a6f}.reno-presets button.selected{background:#e7f4ed;color:#286c56;border-color:#7cab95}.reno-work-row{padding:15px 0;border-top:1px solid #e8efec;display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:start}.reno-work-row>label{display:flex;align-items:start;gap:10px;font-weight:750;font-size:.88rem}.reno-work-row>label input{margin:4px 0 0}.reno-work-row small{font-weight:400;font-size:.71rem;margin-top:2px}.reno-quantity{display:flex;align-items:center;gap:6px}.reno-quantity input{padding:8px;min-height:38px;width:70px;font-size:.82rem}.reno-quantity span{font-size:.7rem;color:#6b7d80}.reno-quantity.disabled{opacity:.4}.reno-quantity input:disabled{background:#f4f6f4}.reno-details{margin-top:18px;font-size:.78rem}.reno-details summary{cursor:pointer;font-weight:700}.reno-details p{font-size:.76rem}.reno-upload{display:flex;flex-direction:column;align-items:center;text-align:center;border:1.5px dashed #aacbbb;background:#f6faf5;border-radius:14px;padding:22px;margin-top:24px;gap:6px;cursor:pointer}.reno-upload strong{font-size:.9rem}.reno-upload-icon{font-size:1.6rem;color:#3d896d}.reno-upload>span:not(.reno-upload-icon){font-size:.77rem;color:#678079}.reno-upload input{margin-top:10px;background:white}.reno-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.reno-photo{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden}.reno-photo img{display:block;width:100%;height:100px;object-fit:cover}.reno-photo p{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px}.reno-photo button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;width:28px;height:28px;background:#fff;color:#17323a;cursor:pointer;font-size:1rem}
.reno-result{position:sticky;top:125px;min-width:0}.reno-result-card{background:#163a3d;border-radius:22px;padding:30px;color:white;box-shadow:0 18px 45px #183e3a15}.reno-result-label{font-size:.6rem;letter-spacing:.18em;color:#aed8c7;font-weight:700}.reno-result h2{font-size:2rem;margin:16px 0 22px}.reno-range{font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.3;letter-spacing:-.035em;font-weight:750;margin:0 0 8px;font-variant-numeric:tabular-nums}.reno-result-note{font-size:.72rem;line-height:1.6;color:#bfd0cc;margin:0 0 20px}.reno-budget{padding:16px;border-radius:12px;background:#274b49;margin:24px 0}.reno-budget strong{font-size:.88rem;color:#c6ebbb}.reno-budget p{font-size:.75rem;color:#d6e4df;line-height:1.55;margin:7px 0 12px}.reno-budget[data-status=over] strong{color:#ffcf9c}.reno-budget-track{height:5px;border-radius:99px;background:#ffffff20;overflow:hidden}.reno-budget-track span{height:100%;display:block;background:#a3d78c;width:0;transition:width .3s}.reno-budget[data-status=over] .reno-budget-track span{background:#e4ad7e}.reno-duration{display:grid;border-bottom:1px solid #ffffff25;padding-bottom:20px;gap:4px}.reno-duration>span{font-size:.75rem;color:#b9ceca}.reno-duration strong{font-size:1.4rem}.reno-duration small{color:#bfd0cc;font-size:.69rem}.reno-breakdown{margin:20px 0 26px;font-size:.75rem}.reno-breakdown summary{cursor:pointer;font-weight:700;margin-bottom:10px}.reno-cost-row{display:flex;justify-content:space-between;gap:14px;padding:6px 0;color:#d2e2dd;font-size:.72rem}.reno-cost-row span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.reno-cost-row.reserve{border-top:1px solid #ffffff25;margin-top:8px;padding-top:11px}.reno-result .btn{width:100%;font-size:.79rem;padding:15px 12px;min-height:50px}.reno-result-actions{display:flex;justify-content:space-between;gap:10px;margin:15px 0 22px}.reno-result-actions button{background:none;border:0;padding:0;color:#cbe1d7;font:inherit;font-size:.69rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.reno-method{margin:18px 6px 0;font-size:.73rem;color:#657977}.reno-method summary{font-weight:650;cursor:pointer}.reno-method a{text-decoration:underline}.reno-process{background:#edf5ee}.reno-process h2{font-size:3rem}.reno-process-lead{color:#5e7770;max-width:580px;margin:22px 0 35px}.reno-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.reno-process-grid article>span{color:#64917e;font:italic 2rem Georgia,serif;display:block;border-bottom:1px solid #c9dccd;padding-bottom:15px}.reno-process-grid h3{font-size:1.1rem}.reno-process-grid p{font-size:.85rem;color:#57726a}.reno-process-grid b{font-size:.73rem;color:#337054}.reno-fair{border-top:1px solid #c9dccd;margin-top:50px;padding-top:35px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.reno-fair h3{font:1.7rem Georgia,serif;margin:8px 0}.reno-fair p{font-size:.85rem;color:#4d6d63;margin-top:0}.reno-questions .container{max-width:840px}.reno-questions h2{font-size:2.6rem;margin-bottom:35px}.reno-questions details{padding:20px 0;border-bottom:1px solid var(--line)}.reno-questions summary{font-weight:700;cursor:pointer}.reno-questions p{color:var(--muted);font-size:.9rem}.reno-home-promo{background:#eef6ef;padding:60px 0}.reno-home-promo>.container{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.reno-home-promo h2{font-size:clamp(2rem,4vw,3.2rem);margin:13px 0 20px}.reno-home-promo p{color:#5d756b;max-width:550px;font-size:.92rem}.reno-home-promo .btn{margin-top:10px}.reno-home-illustration{background:#163a3d;color:white;padding:30px;border-radius:24px;display:grid;gap:7px;text-align:center;max-width:360px;justify-self:end;width:100%}.reno-home-illustration>span{font-size:.6rem;color:#a4cab9;letter-spacing:.16em;margin-bottom:18px}.reno-home-illustration strong{font-size:.95rem;border:1px solid #789b8d;border-radius:10px;padding:12px}.reno-home-illustration i{color:#94c879;font-style:normal}
@media(max-width:1050px){.reno-hero-grid{gap:35px}.reno-layout{gap:20px;grid-template-columns:1.2fr 1fr}.reno-card{padding:22px}.reno-result-card{padding:24px}.reno-page .form-grid{grid-template-columns:1fr}.reno-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reno-result{top:115px}.reno-home-promo>.container{gap:35px}}
@media(max-width:720px){.reno-hero{padding:35px 0}.reno-hero-grid,.reno-layout,.reno-home-promo>.container{grid-template-columns:1fr}.reno-hero-grid{gap:30px}.reno-hero h1{font-size:3.4rem}.reno-hero-photo{height:300px;border-radius:65px 18px 18px 18px}.reno-hero-photo img{object-position:50% 42%}.reno-heading{display:block}.reno-heading h2{font-size:2.3rem}.reno-heading p{max-width:none}.reno-calculator{padding:55px 0;scroll-margin-top:240px}.reno-result{position:static}.reno-range{font-size:1.9rem}.reno-card{padding:22px 18px}.reno-result-card{padding:27px}.reno-process,.reno-questions{padding:60px 0}.reno-process h2{font-size:2.6rem}.reno-process-grid{gap:22px}.reno-process-grid h3{font-size:1rem}.reno-process-grid p{font-size:.8rem}.reno-fair{grid-template-columns:1fr;gap:15px}.reno-questions h2{font-size:2.2rem}.reno-home-illustration{max-width:none;justify-self:stretch}.reno-work-row{grid-template-columns:1fr 90px}.reno-quantity input{width:60px}.reno-trust{font-size:.73rem}.reno-home-promo{padding:45px 0}.reno-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reno-budget-track span{transition:none}}
/* Houd ook lange uitsplitsingen en knoppen bereikbaar onder de vaste kop. */
@media(min-width:721px){.reno-result{top:220px;max-height:calc(100dvh - 300px);overflow:auto;scrollbar-width:thin;border-radius:22px}.reno-calculator{scroll-margin-top:225px}}
@media(max-width:720px){.reno-result{max-height:none;overflow:visible}}