/* SC-REAS startpagina: zoekkaart en dienstenblok */
.sh-hero{position:relative;z-index:5;background:#13281e;color:#fff;min-height:88svh;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.sh-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.sh-kaart{position:absolute;inset:-6%;z-index:0;background:#13281e url(/uploads/foto/dienst-landmeten.jpg) center/cover no-repeat;animation:sh-drift 60s ease-in-out infinite alternate}
.sh-kaart .leaflet-control-container{display:none}
.sh-kaart.leaflet-container{background:#13281e}
@keyframes sh-drift{from{transform:translate3d(0,0,0) scale(1.02)}to{transform:translate3d(-3%,-2%,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.sh-kaart{animation:none}}
.sh-waas{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(16,36,26,.94) 0%,rgba(16,36,26,.78) 42%,rgba(16,36,26,.25) 75%,rgba(16,36,26,.35) 100%),linear-gradient(0deg,rgba(16,36,26,.85) 0%,rgba(16,36,26,0) 35%)}
.sh-bron{position:absolute;right:10px;bottom:6px;font:10px/1.2 Inter,system-ui,sans-serif;color:rgba(255,255,255,.45);z-index:1}
.sh-in{width:100%;max-width:80rem;margin:0 auto;padding:140px 20px 40px}
.sh-oog{font:600 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#c9a84c;margin:0 0 14px}
.sh-h1{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:clamp(2.3rem,5.6vw,4.4rem);line-height:1.04;letter-spacing:-.025em;margin:0;max-width:16ch;color:#fff}
.sh-sub{margin:18px 0 0;max-width:46ch;font:400 clamp(1rem,1.6vw,1.2rem)/1.55 Inter,system-ui,sans-serif;color:rgba(255,255,255,.85)}
.sh-zoek{position:relative;margin-top:28px;max-width:720px}
.sh-zoek form{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:7px 7px 7px 18px;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.sh-zoek svg{flex:none;color:#7a7a6a}
.sh-zoek input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 17px/1.3 Inter,system-ui,sans-serif;color:#111510;padding:12px 4px}
.sh-zoek input::placeholder{color:#7a7a6a;font-weight:400}
.sh-zoek button{flex:none;border:0;border-radius:11px;background:#1c3a2b;color:#fff;font:700 16px/1 Inter,system-ui,sans-serif;padding:15px 24px;cursor:pointer}
.sh-zoek button:hover{background:#2d5940}
.sh-res{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border-radius:14px;box-shadow:0 16px 44px rgba(0,0,0,.3);overflow:hidden;z-index:30;display:none;max-height:340px;overflow-y:auto}
.sh-res a,.sh-res div{display:block;padding:12px 18px;font:14px/1.4 Inter,system-ui,sans-serif;color:#111510;text-decoration:none;border-bottom:1px solid #ede8df}
.sh-res a:hover,.sh-res a:focus{background:#f7f3ed;outline:0}
.sh-res b{font-weight:600}.sh-res small{display:block;color:#7a7a6a;font-size:12px}
.sh-res .sh-leeg{color:#4a5240}
.sh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.sh-chips a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;font:500 14px/1 Inter,system-ui,sans-serif;text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sh-chips a:hover{background:rgba(255,255,255,.2)}
.sh-cijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px;max-width:820px;margin-left:auto}
.sh-cijfers a{display:block;background:rgba(247,243,237,.94);color:#111510;border-radius:16px;padding:16px 20px;text-decoration:none;transition:transform .2s}
.sh-cijfers a:hover{transform:translateY(-2px)}
.sh-cijfers b{display:block;font:700 clamp(1.4rem,2.6vw,2rem)/1.1 "Space Grotesk",Inter,sans-serif;color:#1c3a2b;letter-spacing:-.02em}
.sh-cijfers span{display:block;margin-top:4px;font:400 13px/1.35 Inter,system-ui,sans-serif;color:#4a5240}
@media (max-width:767px){.sh-in{padding:118px 16px 24px}.sh-zoek form{padding-left:12px}.sh-zoek input{font-size:16px}.sh-zoek button{padding:14px 16px}.sh-cijfers{gap:8px;margin-top:28px}.sh-cijfers a{padding:12px}.sh-cijfers span{font-size:11.5px}}
@media (max-width:420px){.sh-zoek .sh-zl{display:none}}

/* Dienstenblok */
.sd{background:#f7f3ed;padding:80px 16px}
.sd-in{max-width:80rem;margin:0 auto}
.sd-oog{margin:0 0 14px;font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.35em;text-transform:uppercase;color:#8b6347}
.sd-h2{margin:0;font:700 clamp(1.9rem,4vw,2.9rem)/1.1 "Space Grotesk",Inter,sans-serif;letter-spacing:-.02em;color:#1c3a2b}
.sd-sub{margin:10px 0 0;font:400 1.05rem/1.55 Inter,system-ui,sans-serif;color:#4a5240}
.sd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(232px,auto);gap:18px;margin-top:40px}
.sd-t{position:relative;display:flex;flex-direction:column;border-radius:20px;padding:24px;text-decoration:none;color:#111510;background:#fff;border:1px solid #e6dfd2;overflow:hidden;transition:transform .2s,box-shadow .2s}
.sd-t:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(28,58,43,.12)}
.sd-t h3{margin:0;font:700 1.35rem/1.2 "Space Grotesk",Inter,sans-serif;color:#1c3a2b}
.sd-t p{margin:8px 0 0;font:400 .95rem/1.5 Inter,system-ui,sans-serif;color:#4a5240}
.sd-voet{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sd-prijs{font:600 1rem/1.2 "IBM Plex Mono",monospace;color:#111510}
.sd-pijl{flex:none;width:42px;height:42px;border-radius:50%;background:#1c3a2b;color:#c9a84c;display:flex;align-items:center;justify-content:center;font:600 18px/1 Inter,sans-serif;transition:transform .2s}
.sd-t:hover .sd-pijl{transform:translateX(3px)}
.sd-foto{color:#fff;border:0;justify-content:flex-end;background:#1c3a2b center/cover no-repeat}
.sd-foto:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,26,18,.88) 0%,rgba(12,26,18,.35) 55%,rgba(12,26,18,.05) 100%)}
.sd-foto>*{position:relative}
.sd-foto h3{color:#fff}.sd-foto p{color:rgba(255,255,255,.85)}
.sd-groot{grid-column:span 2;grid-row:span 2}
.sd-groot h3{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.12;max-width:16ch}
.sd-label{font:500 12px/1.3 "IBM Plex Mono",monospace;letter-spacing:.28em;text-transform:uppercase;color:#c9a84c;margin-bottom:8px}
.sd-stappen{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}
.sd-stappen span{border-top:3px solid rgba(255,255,255,.3);padding-top:8px;font:500 13px/1.2 Inter,sans-serif;color:#fff}
.sd-stappen span.af{border-color:#c9a84c}
.sd-donker{background:#1c3a2b;border-color:#1c3a2b;color:#fff}
.sd-donker b,.sd-goud b{display:block;font:700 clamp(2.8rem,5vw,4.2rem)/1 "Space Grotesk",Inter,sans-serif;letter-spacing:-.03em;color:#c9a84c}
.sd-donker p{color:rgba(255,255,255,.82)}
.sd-goud{background:#c9a84c;border-color:#c9a84c}
.sd-goud b{color:#1c3a2b}.sd-goud p{color:#1c2a1f}
.sd-breed{grid-column:span 2}
.sd-praat{background:linear-gradient(120deg,#fbf3dc 0%,#fff 70%)}
.sd-praat .sd-prijs{color:#8b6a1c}
.sd-calc{grid-column:1/-1;background:#1c3a2b;color:#fff;border-radius:20px;padding:30px;display:grid;grid-template-columns:1.1fr 2.6fr auto;gap:22px;align-items:end}
.sd-calc h3{margin:6px 0 0;font:700 1.8rem/1.15 "Space Grotesk",Inter,sans-serif;color:#fff}
.sd-calc p{margin:8px 0 0;font:400 .95rem/1.5 Inter,sans-serif;color:rgba(255,255,255,.75)}
.sd-calc .sd-label{margin:0}
.sd-velden{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sd-velden label{display:block;font:500 13px/1.3 Inter,sans-serif;color:rgba(255,255,255,.75)}
.sd-velden select{display:block;width:100%;margin-top:6px;border:0;border-radius:12px;background:#fff;color:#111510;font:600 16px/1.2 Inter,sans-serif;padding:13px 12px;appearance:auto}
.sd-velden select:disabled{opacity:.55}
.sd-uit{background:#c9a84c;color:#111510;border-radius:16px;padding:14px 22px;min-width:210px;text-decoration:none;display:block}
.sd-uit small{display:block;font:600 11px/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.sd-uit strong{display:block;margin-top:4px;font:700 1.7rem/1.1 "Space Grotesk",Inter,sans-serif;white-space:nowrap}
.sd-uit em{display:block;margin-top:4px;font:500 12px/1.3 Inter,sans-serif;font-style:normal}
.sd-calc .sd-noot{grid-column:1/-1;margin:0;font-size:12.5px;color:rgba(255,255,255,.6)}
.sd-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}
.sd-links a{font:600 14px/1 Inter,sans-serif;color:#1c3a2b;text-decoration:none}
.sd-links a.sd-knop{border:1px solid #1c3a2b;border-radius:999px;padding:12px 20px}
.sd-links a.sd-knop:hover{background:#1c3a2b;color:#f7f3ed}
@media (max-width:1023px){.sd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-groot{grid-column:span 2;grid-row:span 1;min-height:360px}.sd-calc{grid-template-columns:1fr}.sd-uit{min-width:0}}
@media (max-width:639px){.sd{padding:56px 16px}.sd-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.sd-t{min-height:190px}.sd-groot,.sd-breed{grid-column:auto}.sd-groot{min-height:380px}.sd-velden{grid-template-columns:1fr}.sd-calc{padding:22px}.sd-stappen span{font-size:11px}}
#scr-hero[data-ok]>section:not(.sh-hero),#scr-diensten[data-ok]>section:not(.sd){display:none!important}