/* ================= HV-ONTWERP-20261004 =================
   hydrovolt.nl — terrein ENERGIE & ELEKTRA (besluit eigenaar 04-10). Stijl "Stroom": grafiet, elektrisch cyaan, volt-amber,
   Sora + Inter. Ontwerplaag voor ALLE pagina's (gelinkt vóór </head>); herdefinieert de sjabloonvariabelen.
   Geen decoratieve emoji/icoontjes (eigenaar: "geen AI-icons"). */
@font-face{font-family:'Sora';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/sora-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2')}
:root{--navy:#0b1220;--cyan:#18b8d8;--or:#f5b82e;--or-leesbaar:#9a6400;--ink:#0f1726;--grijs:#55627a;--licht:#f3f6f8;--lijn:#e2e8ee;
  --hv-grafiet:#0b1220;--hv-grafiet2:#121c30;--hv-cyaan:#18b8d8;--hv-volt:#f5b82e;--hv-ease:cubic-bezier(.2,.8,.2,1)}
body{font-family:'Inter',system-ui,-apple-system,sans-serif!important;color:var(--ink)}
h1,h2,h3,.sec-head h2{font-family:'Sora','Inter',sans-serif!important;font-weight:700!important;letter-spacing:-.03em}
.kicker,.eyebrow{color:#0e8aa3!important;letter-spacing:.14em!important;font-weight:700!important}
.tile .ic,.ic{display:none!important}
.tile{border-radius:16px!important;border:1px solid var(--lijn)!important;background:#fff!important;position:relative;overflow:hidden;transition:transform .35s var(--hv-ease),box-shadow .35s var(--hv-ease)}
.tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--hv-cyaan),var(--hv-volt));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--hv-ease)}
.tile:hover{transform:translateY(-5px);box-shadow:0 24px 44px -26px rgba(11,18,32,.55)}
.tile:hover::after{transform:scaleX(1)}
.btn-or{background:var(--hv-grafiet)!important;color:#fff!important;border-radius:10px!important}
.btn-or:hover{background:var(--hv-cyaan)!important;color:var(--hv-grafiet)!important}
.topbar{background:var(--hv-grafiet)!important}
footer{background:var(--hv-grafiet)!important}
.brand{display:inline-flex!important;align-items:center;gap:10px!important}
.hv-mk{width:46px!important;height:46px!important;flex:0 0 auto;overflow:visible}
.hv-mk .hv-laad{stroke-dasharray:176;stroke-dashoffset:176;animation:hv-laad 3.4s ease-in-out infinite}
@keyframes hv-laad{0%{stroke-dashoffset:176;opacity:1}60%{stroke-dashoffset:0;opacity:1}85%,100%{stroke-dashoffset:0;opacity:0}}
.hv-mk .hv-bliksem{transform-origin:32px 36px;animation:hv-flits 3.4s ease-in-out infinite}
@keyframes hv-flits{0%,55%,100%{opacity:1;transform:scale(1)}60%{opacity:.35;transform:scale(.92)}64%{opacity:1;transform:scale(1.12)}70%{transform:scale(1)}}
.hv-mk .hv-drup{animation:hv-in .8s cubic-bezier(.3,1.5,.5,1) both;transform-origin:32px 40px}
@keyframes hv-in{from{transform:translateY(-14px) scale(.8);opacity:0}to{transform:none;opacity:1}}
.brand:hover .hv-laad{animation-duration:1.2s}
.hv-wm{display:flex;flex-direction:column;line-height:1}
.hv-wm b{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.04em;color:var(--hv-grafiet);white-space:nowrap}
.hv-wm b i{font-style:normal;background:linear-gradient(90deg,#0e8aa3,#e0a01c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hv-wm small{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b778c;margin-top:5px;white-space:nowrap}
footer .hv-wm b{color:#fff}footer .hv-wm small{color:#9fb0c8}
@media(max-width:420px){.hv-wm b{font-size:19px}.hv-wm small{font-size:8.5px}.hv-mk{width:40px!important;height:40px!important}}
#sb-root #sb-fab{width:auto!important;height:56px!important;padding:0 20px 0 6px!important;border-radius:12px!important;border:0!important;background:#0b1220!important;color:#fff!important;gap:10px;box-shadow:0 18px 40px -14px rgba(11,18,32,.75),0 0 0 1px rgba(24,184,216,.35)!important}
#sb-root #sb-fab img,#sb-root #sb-fab svg{width:44px!important;height:44px!important;border-radius:10px!important;background:#fff!important;padding:3px;object-fit:contain!important}
#sb-root #sb-fab::after{content:"Vraag het ons";font-weight:700;font-size:15px;white-space:nowrap}
#sb-root #sb-hd{background:#0b1220!important;background-image:linear-gradient(90deg,rgba(24,184,216,.3),rgba(245,184,46,.2))!important}
#sb-root #sb-hd .sb-hd-logo{border-radius:10px!important;background:#fff!important;padding:3px;object-fit:contain!important}
#sb-root #sb-send{background:#0e8aa3!important}
#sb-root #sb-chips *{color:#0b1220!important;background:#fff!important;border:1.5px solid #e2e8ee!important}
#sb-root .sb-u{background:#0b1220!important;color:#fff!important}
@media(max-width:760px){#sb-root #sb-fab{height:50px!important;padding:0 5px!important}#sb-root #sb-fab::after{content:none}}
/* mobiel: kop past niet met breder woordmerk → nummer staat al in de vaste belbalk onderaan */
html,body{overflow-x:clip}
@media(max-width:560px){.navlinks .tel{display:none!important}.hv-wm small{display:none}.navlinks .btn{padding:9px 14px!important}}