/* Gedeelde ritmiek voor de belangrijkste pagina's. */
.home-page .home-hero{padding:64px 0 56px}.home-page .home-layout{gap:48px}.home-page .hero-shape{min-height:300px}.home-page .trust-row{display:none}
.home-page .seo-benefits{padding:30px 0;background:#f1f5f0;border:0}.home-page .seo-benefits-grid{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px}.home-page .seo-benefits-grid article{padding:24px 20px}.home-page .seo-benefits-grid article:first-child{padding-left:20px}
.home-page .section{padding:72px 0}.home-page .work-area-compact{margin-top:40px;padding:30px;border-radius:20px;background:#f4f8f3}.home-page .quick-cta{margin-top:24px}

/* CTA: altijd wit op donkergroen voor voldoende contrast. */
.quick-cta{gap:28px;border:0!important;border-radius:18px!important;background:var(--forest)!important;color:#fff}.quick-cta strong{color:#fff!important}.quick-cta p{color:#d5e3d9!important}.quick-cta .button{flex:0 0 auto;background:#fff;color:var(--forest)}.quick-cta .button:hover{background:#eaf3e9}

.results-page .page-hero{padding:64px 0 42px}.results-page .hero-layout{gap:48px}.results-page .hero-shape{min-height:280px}.results-page .section-tight{padding:24px 0 42px;background:#f1f5f0}.results-page .pill-row{box-shadow:none}.results-page .section{padding:68px 0}.results-page .section-head{margin-bottom:28px}

.about-page .page-hero{padding:72px 0 60px}.about-page .page-hero .container{max-width:1200px;text-align:left}.about-page .lead{margin-right:0;margin-left:0}.about-page .actions{justify-content:flex-start}.about-page .section{padding:64px 0}.about-page .card{min-height:220px}

.services-page .page-hero{padding:66px 0 50px}.services-page .page-hero .container{max-width:1200px;text-align:left}.services-page .lead{margin-right:0;margin-left:0}.services-page .actions{justify-content:flex-start}.services-page .section{padding:68px 0}.services-page .detail-grid{gap:28px}.services-page .detail-card{display:flex;flex-direction:column}.services-page .detail-banner{height:188px}.services-page .detail-content{display:flex;flex:1;flex-direction:column;padding:28px}.services-page .price-note{margin-top:auto}.services-page .service-assurances{padding:28px 0;background:#f1f5f0}.services-page .service-assurances .seo-benefits-grid{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px}.services-page .service-assurances .seo-benefits-grid article{padding:22px 20px}.services-page .service-assurances .seo-benefits-grid article:first-child{padding-left:20px}

@media(max-width:800px){.home-page .home-hero,.results-page .page-hero,.about-page .page-hero,.services-page .page-hero{padding:52px 0}.home-page .seo-benefits{padding:20px 0}.home-page .seo-benefits-grid article,.services-page .service-assurances .seo-benefits-grid article{padding:20px 14px}.home-page .work-area-compact{margin-top:30px;padding:24px 20px}.quick-cta .button{width:100%}.results-page .section-tight{padding:20px 0 32px}.services-page .detail-content{padding:24px}.services-page .detail-banner{height:170px}}


/* Diensten: een vaste vrije ruimte vóór elke prijsindicatie. */
.services-page .mini-steps{margin-bottom:24px}

/* De voordeeliconen gebruiken overal hetzelfde SVG-vlak. */
.seo-benefit-icon{font-size:0;line-height:1}
.seo-benefit-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


/* Resultaten: echte reinigingsfoto in plaats van een abstracte hero-vorm. */
.results-page .results-hero-image{background-image:linear-gradient(90deg,rgba(11,56,36,.16),rgba(11,56,36,0) 58%),url("assets/results/resultaten-hero.svg");background-position:center;background-size:cover}
.results-page .results-hero-image:before,.results-page .results-hero-image:after{display:none}


/* Hero-foto's blijven zichtbaar bovenop de oorspronkelijke decoratieve basislaag. */
.home-page .hero-photo{background-size:cover!important;background-position:center!important}
.home-page .hero-photo:before,.home-page .hero-photo:after{display:none!important}
.results-page .results-hero-image{background-image:linear-gradient(90deg,rgba(11,56,36,.16),rgba(11,56,36,0) 58%),url("assets/results/resultaten-hero.svg")!important;background-size:cover!important;background-position:center!important}
.results-page .results-hero-image:before,.results-page .results-hero-image:after{display:none!important}


/* Gecentreerde voordelen op de homepagina. */
.home-page .seo-benefits-grid article{flex-direction:column;align-items:center;justify-content:center;text-align:center}
.home-page .seo-benefits-grid article>div{width:100%;max-width:240px}
