/* Designfilosofie: Functioneel Nederlands service-modernisme. Donkerblauw/oranje, technische betrouwbaarheid, vaste prijzen, formele u-vorm en SEO-gedreven lokale structuur. */
:root{--primary:#0a3d62;--primary-dark:#06283d;--accent:#e58e26;--accent-dark:#c47815;--text:#1a1a1a;--text-light:#555;--bg:#fafafa;--white:#fff;--border:#e5e5e5;--footer:#0a2540;--shadow:0 16px 38px rgba(6,40,61,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);font-size:16px;line-height:1.65;background:var(--white)}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.narrow{width:min(880px,calc(100% - 40px))}.topbar{background:var(--primary);color:#eaf4fb;font-size:14px}.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar a{font-weight:800;color:#fff}.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:saturate(160%) blur(10px);z-index:50;border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--primary-dark)}.brand strong{display:block;font-size:22px;line-height:1;font-weight:900}.brand small{display:block;color:var(--text-light);font-weight:700;margin-top:3px}.brand-mark{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));position:relative;box-shadow:0 10px 22px rgba(6,40,61,.2)}.brand-mark:before{content:"";position:absolute;left:9px;right:9px;bottom:11px;height:5px;background:var(--accent);border-radius:8px}.brand-mark span:before,.brand-mark span:after{content:"";position:absolute;bottom:18px;width:8px;height:15px;border:2px solid #fff;border-bottom:0}.brand-mark span:before{left:12px}.brand-mark span:after{right:12px}.main-nav{display:flex;align-items:center;gap:18px;font-weight:750;color:#233}.main-nav a{padding:8px 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--primary);border-color:var(--accent)}.call-btn,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:900;transition:.18s ease;line-height:1.2}.main-nav .call-btn{background:var(--accent);color:#fff;padding:12px 18px;border:0}.main-nav .call-btn:hover,.btn.primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 12px 24px rgba(229,142,38,.25)}.menu-toggle{display:none;background:var(--primary);color:#fff;border:0;border-radius:8px;width:44px;height:40px;font-size:24px}.hero{background:radial-gradient(circle at 80% 20%,rgba(229,142,38,.20),transparent 28%),linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:76px 0;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -42% 45%;height:300px;background:rgba(255,255,255,.05);transform:rotate(-8deg);border-radius:50%}.hero.simple{padding:64px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:44px;align-items:center;position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:900}.hero .eyebrow{color:#ffbd6d}.hero h1{font-size:46px;line-height:1.08;margin:0 0 20px;font-weight:900;letter-spacing:-.03em}.lead{font-size:19px;line-height:1.65;margin:0 0 24px;color:#e9f5fc}.hero-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;margin:0 0 28px;padding:0;list-style:none}.hero-bullets li{position:relative;padding-left:23px}.hero-bullets li:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:var(--accent);border-radius:50%}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{padding:15px 22px}.btn.primary{background:var(--accent);color:#fff}.btn.primary.light{background:#fff;color:var(--primary-dark)}.btn.secondary{border:1px solid rgba(255,255,255,.45);color:#fff}.btn.secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.price-card{background:#fff;color:var(--primary-dark);border-radius:16px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;border-top:5px solid var(--accent)}.price-card span{color:var(--text-light);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.price-card strong{font-size:24px}.price-card small{color:var(--text-light)}.trustbar{background:#fff;border-bottom:1px solid var(--border)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.trust-grid div{padding:24px 18px;border-right:1px solid var(--border)}.trust-grid div:last-child{border-right:0}.trust-grid strong{display:block;color:var(--primary);font-size:27px;font-weight:900;line-height:1}.trust-grid span{display:block;color:var(--text-light);font-weight:650;margin-top:6px}.section{padding:72px 0}.section:nth-of-type(even){background:var(--bg)}.content h2,.section h2{font-size:34px;line-height:1.18;margin:0 0 22px;font-weight:900;color:var(--primary-dark);letter-spacing:-.02em}.content h3,.section h3{font-size:21px;line-height:1.3;margin:28px 0 10px;font-weight:850;color:var(--primary)}.content p{margin:0 0 18px;color:#252525}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card,.mini-card,.pricing-grid article,.steps article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 8px 22px rgba(0,0,0,.04);transition:.18s ease}.service-card:hover,.mini-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#f2c086}.service-card span,.steps span{width:34px;height:34px;border-radius:10px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.service-card h3{margin:16px 0 8px}.service-card p,.mini-card span{color:var(--text-light)}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.brand-section{background:#f8fbfd}.brand-list{display:flex;flex-wrap:wrap;gap:12px}.brand-chip{background:#fff;border:1px solid var(--border);padding:12px 16px;border-radius:10px;color:var(--primary);font-weight:850}.check-list{padding:0;margin:10px 0 22px;list-style:none}.check-list li{padding:10px 0 10px 28px;border-bottom:1px solid var(--border);position:relative}.check-list li:before{content:"";position:absolute;left:4px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.faq{background:var(--bg)}.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;margin:12px 0;overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:0;text-align:left;padding:19px 22px;font:inherit;font-weight:850;color:var(--primary-dark)}.faq-question b{font-size:24px;color:var(--accent)}.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .22s ease,opacity .22s ease}.faq-answer p{padding:0 22px 20px;margin:0}.faq-item.open .faq-answer{max-height:260px;opacity:1}.faq-item.open .faq-question b{transform:rotate(45deg)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-card{display:block}.mini-card strong{display:block;color:var(--primary-dark);font-size:18px}.mini-card.highlight{border-color:var(--accent);background:#fff9f1}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.pricing-grid strong{display:block;color:var(--accent);font-size:28px;margin:8px 0 12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cta{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:54px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{margin:0 0 10px;font-size:34px}.cta p{margin:0;color:#d9edf8}.footer{background:var(--footer);color:#d9e8f1;padding:56px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.15fr;gap:34px}.footer h3{margin:0 0 12px;color:#fff}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:6px 0}.footer a{color:#fff}.footer-brand{font-weight:900;font-size:22px;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:32px;padding-top:18px;font-size:14px;color:#b9cdd8}
@media(max-width:900px){.wrap,.narrow{width:min(100% - 28px,1180px)}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:72px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:18px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.main-nav a{color:var(--primary-dark)}.hero{padding:50px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.hero-bullets{grid-template-columns:1fr}.price-card{max-width:420px}.trust-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.mini-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.split,.footer-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){body{font-size:15px}.topbar-inner{flex-direction:column;gap:2px}.hero h1{font-size:28px}.section{padding:50px 0}.content h2,.section h2{font-size:27px}.service-grid,.mini-grid,.pricing-grid,.steps,.trust-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--border)}.hero-actions{flex-direction:column}.btn{width:100%}.header-inner{min-height:70px}.brand strong{font-size:19px}.brand-mark{width:40px;height:40px}}

/* Reviewblokken in bestaand design: strak, klikbaar en SEO-ondersteunend zonder ZIP-stijlwijziging. */
.google-review-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--primary-dark);border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:14px;padding:13px 17px;box-shadow:0 10px 25px rgba(6,40,61,.10);font-weight:900;transition:.18s ease}.google-review-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.google-review-btn small{display:block;color:var(--text-light);font-weight:800;margin-top:2px}.google-g{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4285f4,#34a853 45%,#fbbc05 70%,#ea4335);color:#fff;font-size:22px;font-weight:900;font-family:Arial,sans-serif}.review-section{background:#fff}.review-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 8px 22px rgba(0,0,0,.04)}.review-card p{color:#2b2b2b;margin:10px 0 14px}.review-card strong{display:block;color:var(--primary-dark)}.review-card span{display:block;color:var(--text-light);font-size:14px;margin-top:4px}.review-stars{letter-spacing:.04em;color:var(--accent);font-weight:900}.review-cta-box{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-radius:18px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.review-cta-box p{margin:0;color:#d9edf8}.review-cta-box .google-review-btn{background:#fff;color:var(--primary-dark)}
@media(max-width:900px){.review-grid{grid-template-columns:1fr 1fr}.review-head,.review-cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.review-grid{grid-template-columns:1fr}.google-review-btn{width:100%;justify-content:flex-start}}


/* Definitieve contact-CTA's: WhatsApp en offerte per mail, passend binnen bestaand design. */
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;align-items:center;gap:8px;background:#25D366;color:#fff;border-radius:999px;padding:13px 16px;box-shadow:0 16px 34px rgba(0,0,0,.22);font-weight:900}.whatsapp-float:hover{transform:translateY(-2px);text-decoration:none}.whatsapp-float span{width:28px;height:28px;border-radius:50%;background:#fff;color:#25D366;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.whatsapp-float b{font-size:14px}.mail-offer-inline{display:inline-flex;align-items:center;gap:8px}.review-note{color:var(--text-light);font-size:14px;margin-top:12px}.review-source-link{font-weight:900;color:var(--primary)}
@media(max-width:560px){.whatsapp-float{right:14px;bottom:14px;padding:12px}.whatsapp-float b{display:none}}


/* Reviewweergave herstel 2026-05-10: nette Google-knop, geen samengeplakte tekst, rustige kaarten op mobiel/desktop. */
a.google-review-btn,
.hero a.google-review-btn,
.review-section a.google-review-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  width:auto!important;
  max-width:100%!important;
  background:#ffffff!important;
  color:#0b2d44!important;
  border:1px solid rgba(8,64,97,.16)!important;
  border-left:5px solid #e49125!important;
  border-radius:16px!important;
  padding:13px 16px!important;
  box-shadow:0 14px 32px rgba(6,40,61,.14)!important;
  text-decoration:none!important;
  line-height:1.2!important;
  font-weight:900!important;
}
a.google-review-btn .google-g,
.hero a.google-review-btn .google-g{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#4285f4 0%,#34a853 42%,#fbbc05 70%,#ea4335 100%)!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  font-family:Arial,sans-serif!important;
  letter-spacing:0!important;
}
a.google-review-btn > span:last-child,
.hero a.google-review-btn > span:last-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
}
a.google-review-btn strong,
.hero a.google-review-btn strong{
  display:block!important;
  color:#0b2d44!important;
  font-size:15.5px!important;
  line-height:1.25!important;
  white-space:normal!important;
}
a.google-review-btn small,
.hero a.google-review-btn small{
  display:block!important;
  margin-top:4px!important;
  color:#536b7a!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
  white-space:normal!important;
}
.review-section{background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%)!important;}
.review-head{align-items:center!important;border:1px solid rgba(8,64,97,.12)!important;border-radius:20px!important;padding:24px!important;background:#fff!important;box-shadow:0 12px 30px rgba(6,40,61,.07)!important;}
.review-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;}
.review-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:230px!important;border-radius:18px!important;padding:24px!important;background:#fff!important;border:1px solid rgba(8,64,97,.12)!important;box-shadow:0 14px 34px rgba(6,40,61,.075)!important;}
.review-card:before{content:'“';position:absolute;right:18px;top:6px;font-size:64px;line-height:1;color:rgba(228,145,37,.15);font-family:Georgia,serif;}
.review-stars{font-size:17px!important;margin-bottom:12px!important;color:#e49125!important;letter-spacing:.05em!important;}
.review-card p{font-size:16px!important;line-height:1.62!important;margin:0 0 18px!important;color:#1f3340!important;position:relative!important;z-index:1!important;}
.review-card strong{display:block!important;margin-top:auto!important;font-size:16px!important;line-height:1.25!important;color:#0b2d44!important;}
.review-card span{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;border-radius:999px!important;background:#eef6fb!important;color:#0b4867!important;font-weight:800!important;font-size:13px!important;line-height:1!important;padding:7px 11px!important;margin-top:8px!important;}
.review-note{font-size:14px!important;line-height:1.55!important;color:#5c7280!important;}
@media(max-width:1100px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.review-card{min-height:215px!important}}
@media(max-width:720px){
  .review-section .wrap{padding-left:18px!important;padding-right:18px!important}
  .review-head{display:block!important;padding:20px!important;border-radius:18px!important}
  .review-head .google-review-btn{margin-top:14px!important}
  .hero-actions{gap:12px!important}
  .hero a.google-review-btn{width:100%!important;align-self:stretch!important;box-sizing:border-box!important}
  a.google-review-btn{padding:13px 14px!important;border-radius:15px!important}
  a.google-review-btn strong{font-size:14.5px!important}
  a.google-review-btn small{font-size:12px!important}
  .review-grid{grid-template-columns:1fr!important;gap:15px!important}
  .review-card{min-height:0!important;padding:20px 19px!important;border-radius:16px!important}
  .review-card:before{font-size:50px!important;right:14px!important;top:4px!important}
  .review-card p{font-size:15.5px!important;line-height:1.58!important}
  .review-card span{font-size:12.5px!important;padding:7px 10px!important}
}


/* Mobiele overflow-fix reviewpagina: voorkomt horizontaal scrollen en afgekapt tekstbeeld. */
html,body{max-width:100%;overflow-x:hidden}.wrap,.hero .wrap,.section .wrap{box-sizing:border-box;max-width:100%}.hero p,.hero .lead,.review-card p{overflow-wrap:break-word;word-break:normal}.hero-actions{max-width:100%;box-sizing:border-box}.hero-actions .google-review-btn,.hero-actions .btn{box-sizing:border-box}.review-section,.review-grid,.review-card{max-width:100%;box-sizing:border-box}
@media(max-width:720px){.hero .wrap{padding-left:14px!important;padding-right:14px!important}.hero h1{font-size:30px!important;line-height:1.1!important}.hero p,.hero .lead{font-size:17px!important;line-height:1.55!important}.hero-actions{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}.hero-actions .google-review-btn,.hero-actions .btn{width:100%!important;max-width:100%!important}.hero-actions .google-review-btn strong{font-size:14px!important;line-height:1.25!important}.hero-actions .google-review-btn small{font-size:11.5px!important}.hero-actions .google-g{width:36px!important;height:36px!important;flex-basis:36px!important}.section h2{font-size:30px!important;line-height:1.12!important}.review-section{overflow:hidden!important}}
@media(max-width:420px){.hero h1{font-size:28px!important}.hero p,.hero .lead{font-size:16px!important}.hero-actions .google-review-btn{gap:10px!important;padding:12px 12px!important}.hero-actions .google-review-btn strong{font-size:13.6px!important}.hero-actions .google-review-btn small{font-size:11px!important}}


/* Contactknoppen en prijzenpagina update: ronde WhatsApp/belknoppen rechts, sterke prijskaarten en compacte SEO-homepage. */
.pricing-hero-note{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.pricing-hero-note span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 12px;color:#edf8ff;font-weight:800;font-size:14px}.service-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.service-price-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 14px 34px rgba(6,40,61,.08);position:relative;display:flex;flex-direction:column;gap:14px}.service-price-card.featured{background:#4b973d;color:#fff;border-color:#4b973d;transform:translateY(-10px)}.service-price-card .tag{letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:#6f7c87}.service-price-card.featured .tag,.service-price-card.featured p,.service-price-card.featured li,.service-price-card.featured small{color:rgba(255,255,255,.88)}.service-price-card h3{font-size:28px;line-height:1.15;margin:0;color:inherit}.service-price-card .price{font-size:46px;font-weight:950;line-height:1;color:var(--primary-dark)}.service-price-card.featured .price{color:#fff}.service-price-card small{color:var(--text-light);font-weight:700}.service-price-card ul{margin:14px 0 18px;padding:0;list-style:none;display:grid;gap:12px}.service-price-card li{position:relative;padding-left:32px;color:#334}.service-price-card li:before{content:'✓';position:absolute;left:0;top:-2px;width:21px;height:21px;border-radius:50%;border:2px solid #4b973d;color:#4b973d;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:13px}.service-price-card.featured li:before{border-color:#ffc34d;color:#ffc34d}.price-card-cta{margin-top:auto}.price-card-cta .btn{width:100%;justify-content:center;text-align:center}.price-card-cta .btn.outline-green{border:2px solid #4b973d;color:#4b973d;background:#fff}.service-price-card.featured .btn{background:#fff;color:#4b973d}.compare-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(6,40,61,.06)}.compare-table{width:100%;border-collapse:collapse;min-width:720px}.compare-table th,.compare-table td{padding:16px 18px;border-bottom:1px solid var(--border);text-align:left}.compare-table th{background:#f6fafc;color:var(--primary-dark);font-weight:900}.compare-table td:not(:first-child){text-align:center;font-weight:900;color:#4b973d}.compare-table tr:last-child td{border-bottom:0}.repair-vs-new{display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice-card{border-radius:18px;padding:28px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 30px rgba(6,40,61,.07)}.choice-card.good{border-top:6px solid #4b973d}.choice-card.bad{border-top:6px solid #c8d0d6}.choice-card h3{margin-top:0;font-size:26px}.choice-card ul{padding-left:22px;display:grid;gap:9px}.seo-landing-strip{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.seo-landing-card{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;background:linear-gradient(135deg,#f8fbfd,#fff);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 12px 30px rgba(6,40,61,.06)}.seo-landing-card h2{margin:0 0 12px;color:var(--primary-dark);font-size:30px}.seo-landing-card p{margin:0;color:#324b5b;line-height:1.65}.seo-landing-points{display:grid;gap:10px}.seo-landing-points span{border-left:4px solid var(--accent);background:#fff;border-radius:10px;padding:11px 13px;font-weight:850;color:var(--primary-dark)}


/* Mobiele correctie prijzen/homepage: voorkomt afkappen rechts en houdt CTA's strak. */
html,body{width:100%;max-width:100%;overflow-x:hidden}.wrap,.narrow,.hero .wrap,.section .wrap,.topbar .wrap,.header-inner{max-width:100%;box-sizing:border-box}.hero,.section,.trustbar,.site-header,.topbar{max-width:100%;overflow:hidden}.hero-grid,.hero-copy,.price-card,.service-price-grid,.service-price-card,.seo-landing-card,.pricing-hero-note,.hero-actions{min-width:0;max-width:100%;box-sizing:border-box}.hero h1,.hero .lead,.hero p,.service-price-card h3,.service-price-card p,.seo-landing-card h2,.seo-landing-card p{overflow-wrap:break-word;word-break:normal}.pricing-hero-note span{min-width:0;max-width:100%;box-sizing:border-box;white-space:normal}.hero-actions .btn{box-sizing:border-box;text-align:center;justify-content:center}.service-price-card{overflow:hidden}.compare-table-wrap{max-width:100%}.floating-contact{transform:translateZ(0)}
@media(max-width:560px){.wrap,.narrow{width:100%!important;padding-left:14px!important;padding-right:14px!important}.hero{padding:48px 0!important}.hero h1{font-size:28px!important;line-height:1.12!important}.hero .lead{font-size:16.5px!important;line-height:1.55!important}.pricing-hero-note{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.pricing-hero-note span{display:block!important;text-align:left!important}.hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important}.hero-actions .btn{width:100%!important;max-width:100%!important}.price-card{width:100%!important;max-width:100%!important}.service-price-grid{grid-template-columns:1fr!important;gap:18px!important}.service-price-card{width:100%!important;padding:24px 20px!important}.service-price-card .price{font-size:40px!important}.service-price-card h3{font-size:24px!important}.repair-vs-new{grid-template-columns:1fr!important}.choice-card{padding:24px 20px!important}.seo-landing-card{grid-template-columns:1fr!important;width:100%!important}.floating-contact{right:16px!important;bottom:88px!important}.float-btn{width:58px!important;height:58px!important}.float-btn svg{width:30px!important;height:30px!important}}


/* Extra mobiele tekstwrap: lange SEO-koppen op tarieven/homepage mogen nooit buiten de viewport vallen. */
@media(max-width:560px){.hero .eyebrow,.hero h1,.hero .lead,.pricing-hero-note span{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;hyphens:auto!important}.hero .eyebrow{font-size:12px!important;line-height:1.35!important;letter-spacing:.07em!important}.hero h1{font-size:26px!important;line-height:1.14!important}.hero .lead{font-size:16px!important;line-height:1.52!important}.hero-copy{width:100%!important;overflow:hidden!important}.hero-grid{overflow:hidden!important}.hero .wrap{overflow:hidden!important}}


/* Definitieve kleine zwevende pictogrammen: alleen iconen, fixed rechtsonder, nooit groot in de contentflow. */
.floating-contact{position:fixed!important;right:18px!important;bottom:92px!important;z-index:99999!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;width:auto!important;height:auto!important;pointer-events:none!important;overflow:visible!important}.floating-contact .float-btn{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;line-height:1!important;pointer-events:auto!important;overflow:hidden!important;text-decoration:none!important}.floating-contact .float-whatsapp{background:#25D366!important}.floating-contact .float-call{background:rgba(84,153,69,.66)!important}.floating-contact svg{display:block!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:28px!important;min-height:28px!important;fill:#fff!important;stroke:none!important;margin:0!important;padding:0!important}.floating-contact .float-call svg{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important}.whatsapp-float{display:none!important}@media(max-width:560px){.floating-contact{right:14px!important;bottom:92px!important;gap:11px!important}.floating-contact .float-btn{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important}.floating-contact svg{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}.floating-contact .float-call svg{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important}}


/* Viewport-lock voor zwevende iconen: blijft rechts onderin zichtbaar, ook bij horizontale overflow. */
.floating-contact{left:calc(100vw - 72px)!important;right:auto!important;bottom:92px!important;position:fixed!important;z-index:2147483647!important}.floating-contact .float-btn{width:54px!important;height:54px!important}.floating-contact svg{width:28px!important;height:28px!important}.floating-contact .float-call svg{width:26px!important;height:26px!important}@media(max-width:560px){.floating-contact{left:calc(100vw - 66px)!important;right:auto!important;bottom:92px!important}.floating-contact .float-btn{width:52px!important;height:52px!important}.floating-contact svg{width:27px!important;height:27px!important}.floating-contact .float-call svg{width:25px!important;height:25px!important}}


@media(max-width:900px){
  }

/* Strakke dropdown navigatie */
.nav-dropdown{position:relative;display:inline-flex;align-items:center;height:100%}
.nav-dropdown-toggle{
  background:none!important;border:none!important;outline:none!important;
  color:inherit!important;font:inherit!important;font-weight:700!important;font-size:inherit!important;
  padding:0!important;margin:0!important;cursor:pointer!important;
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  line-height:inherit!important;letter-spacing:inherit!important;
  -webkit-appearance:none!important;appearance:none!important;
}
.nav-dropdown-toggle .dropdown-arrow{font-size:9px;opacity:.7;transition:transform .2s ease}
.nav-dropdown.open .dropdown-arrow{transform:rotate(180deg)}
.nav-dropdown-menu{
  display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;transform:translateX(-50%)!important;
  min-width:220px!important;background:#fff!important;
  border:1px solid rgba(8,64,97,.1)!important;border-radius:14px!important;
  box-shadow:0 20px 44px rgba(6,40,61,.16),0 2px 8px rgba(6,40,61,.06)!important;
  padding:10px 0!important;z-index:9999!important;
  animation:dropdownFadeIn .18s ease!important;
}
.nav-dropdown.open .nav-dropdown-menu{display:block!important}
.nav-dropdown-menu a{
  display:block!important;padding:11px 22px!important;
  color:#0b2d44!important;font-weight:700!important;font-size:14.5px!important;
  text-decoration:none!important;transition:background .12s ease,color .12s ease!important;
  white-space:nowrap!important;
}
.nav-dropdown-menu a:hover{background:rgba(228,145,37,.08)!important;color:#c47b14!important}
@keyframes dropdownFadeIn{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}


/* Z-index fix: header en dropdown boven hero en content */
.site-header{position:relative!important;z-index:10000!important}
.nav-dropdown-menu{z-index:10001!important}
.hero,.section,.trustbar,.cta,.footer,.review-section{position:relative!important;z-index:1!important}

/* CRITICAL: Override overflow:hidden op header zodat dropdown zichtbaar is */
.site-header{overflow:visible!important}
.site-header *{overflow:visible}
.header-inner{overflow:visible!important}
.main-nav{overflow:visible!important}
.nav-dropdown{overflow:visible!important}
.nav-dropdown-menu{overflow:visible!important}

@media(max-width:900px){
  .nav-dropdown{display:block!important;width:100%!important}
  .nav-dropdown-toggle{
    width:100%!important;text-align:left!important;padding:12px 0!important;
    font-size:17px!important;color:var(--primary-dark)!important;
    border-bottom:1px solid var(--border)!important;
  }
  .nav-dropdown-menu{
    position:static!important;transform:none!important;
    box-shadow:none!important;border:none!important;border-radius:0!important;
    padding:0 0 0 18px!important;background:transparent!important;
    animation:none!important;
  }
  .nav-dropdown.open .nav-dropdown-menu{display:block!important}
  .nav-dropdown-menu a{
    padding:10px 0!important;font-size:15px!important;
    color:var(--primary)!important;
    border-bottom:1px solid var(--border)!important;
    font-weight:700!important;
  }
  .nav-dropdown-menu a:hover{color:#e49125!important;background:transparent!important}
}