/*
Theme Name: De Bree Makelaars 2026
Theme URI: https://debreemakelaars.nl
Author: Bureau Imago
Description: Custom PHP + ACF theme for De Bree Makelaars. Replaces Elementor. Editable text/images via ACF field panels; v2 design system. No page builder.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: debree-2026
*/

/* ============================================================
   BASE / RESET
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable;}
body{
  margin:0;
  font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#2E2E2E;
  background:#FCF8F7;
  line-height:1.65;
  font-size:17px;
  overflow-x:clip;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.db-skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 16px;z-index:9999;}
.db-skip:focus{left:16px;}

/* ============================================================
   SITE HEADER — floating olive rounded bar (v2 chrome)
   ============================================================ */
.site-header{position:relative;z-index:200;padding:14px 18px 0;}
.site-header__bar{
  max-width:1340px;margin:0 auto;
  background:#33332E;border-radius:18px;
  box-shadow:0 16px 46px -18px rgba(0,0,0,.5);
  padding:18px 14px 18px 26px;
  display:flex;align-items:center;gap:18px;
}
.site-header__logo{flex:0 0 auto;display:inline-flex;align-items:center;}
.site-header__logo img{height:44px;width:auto;display:block;}
.site-nav{flex:1 1 auto;display:flex;justify-content:center;}
.site-header__cta{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;
  background:#EC1165;color:#fff!important;text-decoration:none;
  font-weight:600;border-radius:999px;padding:10px 19px;font-size:.95rem;
  transition:background-color .2s,transform .2s,box-shadow .2s;white-space:nowrap;
}
.site-header__cta:hover{background:#c50d52;transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(236,17,101,.6);}
.site-header__cta svg{width:15px;height:15px;}
/* openingstijden-tooltip onder de call-button */
.site-header__cta-wrap{flex:0 0 auto;position:relative;display:inline-flex;}
.site-header__hours{
  position:absolute;top:calc(100% + 12px);right:0;left:auto;
  white-space:nowrap;background:#EC1165;color:#fff;
  font-family:"Work Sans",sans-serif;font-weight:600;font-size:.8rem;line-height:1;
  padding:10px 16px;border-radius:999px;
  box-shadow:0 14px 30px -14px rgba(236,17,101,.75);
  pointer-events:none;z-index:6;
}
.site-header__hours::before{
  content:"";position:absolute;bottom:100%;right:32px;
  border:7px solid transparent;border-bottom-color:#EC1165;
}
.site-header__hours:empty{display:none;}
.site-header__burger{
  display:none;flex:0 0 auto;width:46px;height:46px;border:0;background:transparent;
  color:#fff;cursor:pointer;align-items:center;justify-content:center;border-radius:10px;
}
.site-header__burger svg{width:26px;height:26px;}

/* primary menu (desktop) */
.site-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;flex-wrap:nowrap;}
.site-menu li{position:relative;}
.site-menu a{
  display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;
  color:#fff;font-weight:500;border-radius:10px;padding:8px 11px;font-size:.95rem;
  transition:color .18s ease,background-color .18s ease;
}
.site-menu>li>a:hover,
.site-menu>li.current-menu-item>a,
.site-menu>li.current-menu-ancestor>a{color:#ff6aa6;background-color:rgba(255,255,255,.07);}
.site-menu .menu-item-has-children>a::after{
  content:"";width:17px;height:17px;margin-left:4px;flex:0 0 auto;
  background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* dropdown — clean white rounded panel */
.site-menu ul.sub-menu{
  position:absolute;top:100%;left:0;margin-top:12px;min-width:240px;list-style:none;padding:8px;
  background:#fff;border-radius:14px;box-shadow:0 22px 55px -18px rgba(20,20,20,.32);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;
  z-index:50;
}
.site-menu li:hover>ul.sub-menu,
.site-menu li:focus-within>ul.sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.site-menu ul.sub-menu a{display:block;color:#2E2E2E;border-radius:10px;padding:11px 16px;font-weight:500;}
.site-menu ul.sub-menu a:hover{background:#FBE6EF;color:#EC1165;}

/* Middenbreedtes: zelfde look, net iets compacter zodat alles ruim past */
@media(min-width:1141px) and (max-width:1399px){
  .site-header__logo img{height:40px;}
  .site-header__bar{gap:12px;padding:16px 12px 16px 22px;}
  .site-menu a{padding:8px 8px;font-size:.9rem;}
  .site-header__cta{padding:9px 16px;font-size:.9rem;}
}

/* ============================================================
   MOBILE MENU (native accordion — .is-open / .bi-sub-open)
   ============================================================ */
@media(max-width:1140px){
  .site-header__bar{padding:8px 8px 8px 14px;flex-wrap:wrap;gap:6px;}
  .site-header__logo img{height:38px;}
  .site-header__burger{display:inline-flex;order:3;width:42px;height:42px;}
  .site-header__cta-wrap{margin-left:auto;}
  .site-header__cta{width:42px;height:42px;padding:0;justify-content:center;gap:0;}
  .site-header__cta span{display:none;}
  .site-header__cta svg{width:18px;height:18px;}
  .site-header__hours{display:none;}
  .site-nav{order:4;flex-basis:100%;display:none;}
  .site-header.is-open .site-nav{display:block;}
  .site-menu{flex-direction:column;align-items:stretch;gap:0;padding:6px 0 4px;}
  .site-menu li{border-bottom:1px solid rgba(255,255,255,.08);}
  .site-menu li:last-child{border-bottom:0;}
  .site-menu>li>a{justify-content:space-between;padding:14px 8px;border-radius:0;}
  .site-menu .menu-item-has-children>a::after{width:22px;height:22px;transition:transform .2s ease;}
  .site-menu li.bi-sub-open>a::after{transform:rotate(180deg);}
  .site-menu ul.sub-menu{
    position:static;opacity:1;visibility:visible;transform:none;display:none;
    margin:0;padding:0 0 6px;background:transparent;box-shadow:none;min-width:0;border-radius:0;
  }
  .site-menu li.bi-sub-open>ul.sub-menu{display:block;}
  .site-menu ul.sub-menu a{color:rgba(255,255,255,.6);padding:11px 8px 11px 22px;}
  .site-menu ul.sub-menu a:hover{background:transparent;color:#ff6aa6;}
}

/* ============================================================
   SITE FOOTER — one dark olive tint + review badges
   ============================================================ */
.site-footer{background:#33332E;color:rgba(255,255,255,.66);}
.site-footer a{color:inherit;text-decoration:none;transition:color .18s ease;}
.site-footer a:hover{color:#EC1165;}
.site-footer__wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.site-footer__trust{border-bottom:1px solid rgba(255,255,255,.1);padding:48px 0;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;}
.site-footer__nvm{display:flex;gap:26px;align-items:stretch;}
.site-footer__nvm img{width:auto;height:100%;object-fit:contain;flex:0 0 auto;}
.site-footer__nvm h3{font-family:"Comfortaa",sans-serif;color:#fff;font-size:1.15rem;margin:0 0 10px;}
.site-footer__nvm p{margin:0;font-size:.92rem;}
.site-footer__badges{display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
.db-badge{display:inline-flex;align-items:center;gap:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 18px;text-decoration:none;min-width:228px;transition:background-color .18s,border-color .18s;}
a.db-badge:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:inherit;}
.db-badge__logo{flex:0 0 auto;display:flex;align-items:center;}
.db-badge__b{display:flex;flex-direction:column;line-height:1.18;}
.db-badge__row{display:flex;align-items:center;gap:8px;}
.db-badge__stars{color:#FBBC04;font-size:.95rem;letter-spacing:1.5px;}
.db-badge__score{color:#fff;font-weight:700;font-size:1.18rem;font-family:"Comfortaa",sans-serif;}
.db-badge__sub{color:rgba(255,255,255,.6);font-size:.78rem;margin-top:1px;}
.db-badge__funda{font-family:"Comfortaa",sans-serif;font-weight:700;font-size:1.3rem;color:#FF5A36;letter-spacing:-.5px;}
.site-footer__main{padding:56px 0 40px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;}
.site-footer__brand img{width:54px;height:auto;margin-bottom:18px;}
.site-footer__brand p{margin:0;max-width:240px;}
.site-footer__col h4{font-family:"Comfortaa",sans-serif;color:#fff;font-size:1.05rem;margin:0 0 18px;}
.site-footer__col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.site-footer__col--contact .row{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px;font-size:.93rem;}
.site-footer__col--contact .row svg{width:16px;height:16px;flex:0 0 auto;margin-top:3px;color:rgba(255,255,255,.5);}
.site-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.84rem;}
.site-footer__credit{color:rgba(255,255,255,.45);}
.site-footer__credit a{color:rgba(255,255,255,.55);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);transition:color .2s;}
.site-footer__credit a:hover{color:#fff;}
@media(max-width:900px){
  .site-footer__trust{grid-template-columns:1fr;gap:28px;}
  .site-footer__badges{align-items:flex-start;}
  .site-footer__main{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:560px){
  .site-footer__main{grid-template-columns:1fr;}
  .site-footer__nvm{flex-direction:column;gap:16px;}
}

/* ============================================================
   PAGE DESIGN SYSTEM (.vmu) — verbatim from v2
   ============================================================ */
:root{
  --pink:#EC1165; --pink-2:#ff3b86; --pink-dark:#c50d52;
  --pink-tint:#FBE6EF; --pink-tint-2:#FCEFF4;
  --taupe:#939388; --taupe-dark:#6E6E64; --taupe-tint:#EFEDE9;
  --ink:#2E2E2E; --ink-soft:#5b5b57;
  --bg:#FCF8F7; --card:#ffffff; --line:#ECE4E0;
  --radius:26px; --radius-sm:16px;
  --shadow:0 18px 50px -20px rgba(46,46,46,.22);
  --shadow-sm:0 10px 30px -16px rgba(46,46,46,.20);
}
.vmu{
  --pink:#EC1165; --pink-2:#ff3b86; --pink-dark:#c50d52;
  --pink-tint:#FBE6EF; --pink-tint-2:#FCEFF4;
  --taupe:#939388; --taupe-dark:#6E6E64; --taupe-tint:#EFEDE9;
  --ink:#2E2E2E; --ink-soft:#5b5b57;
  --bg:#FCF8F7; --card:#ffffff; --line:#ECE4E0;
  --radius:26px; --radius-sm:16px;
  --shadow:0 18px 50px -20px rgba(46,46,46,.22);
  --shadow-sm:0 10px 30px -16px rgba(46,46,46,.20);
  --maxw:1180px;
  font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.65; font-size:17px;
  overflow-x:clip;
}
.vmu *{box-sizing:border-box;}
.vmu img{max-width:100%;display:block;}
.vmu h1,.vmu h2,.vmu h3,.vmu h4{font-family:"Comfortaa",sans-serif;color:var(--ink);line-height:1.18;font-weight:700;margin:0;letter-spacing:-.01em;}
.vmu p{margin:0 0 1em;}
.vmu a{color:inherit;}
.vmu__wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.vmu [id]{scroll-margin-top:120px;}
.vmu__eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:"Work Sans";font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin:0 0 14px;}
.vmu__eyebrow::before{content:"";width:26px;height:2px;background:var(--pink);border-radius:2px;}
.vmu h1.vmu__eyebrow{font-family:"Work Sans",sans-serif;font-weight:600;letter-spacing:.14em;color:var(--pink);margin:0 0 18px;}
.vmu__section{padding:72px 0;}
.vmu__section--tight{padding:52px 0;}
.vmu__lead{font-size:1.12rem;color:var(--ink-soft);max-width:640px;}
.vmu__lead a{color:var(--pink);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .18s ease;}
.vmu__lead a:hover{color:var(--pink-dark);}
.vmu__center{text-align:center;margin:0 auto;}
.vmu__center .vmu__eyebrow{justify-content:center;}
.vmu__center .vmu__lead{margin-left:auto;margin-right:auto;}
/* op mobiel leest een gecentreerde alinea slecht → links uitlijnen (zoals de hero) */
@media(max-width:640px){
  .vmu__center--ml{text-align:left;}
  .vmu__center--ml .vmu__eyebrow{justify-content:flex-start;}
  .vmu__center--ml .vmu__lead{margin-left:0;margin-right:0;}
}
/* scroll-reveal */
.vmu-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1);}
.vmu-reveal.is-in{opacity:1;transform:none;}
.vmu-reveal.d1{transition-delay:.08s;}.vmu-reveal.d2{transition-delay:.16s;}.vmu-reveal.d3{transition-delay:.24s;}
@media(prefers-reduced-motion:reduce){.vmu-reveal{opacity:1!important;transform:none!important;transition:none!important;}}

/* buttons */
.vmu__btn{display:inline-flex;align-items:center;gap:.6em;font-family:"Work Sans";font-weight:600;font-size:1rem;line-height:1;padding:18px 30px;border-radius:999px;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;}
.vmu a.vmu__btn--primary,.vmu__btn--primary{background:var(--pink);color:#fff!important;box-shadow:0 14px 30px -12px rgba(236,17,101,.6);}
.vmu a.vmu__btn--primary:hover,.vmu__btn--primary:hover{background:var(--pink-dark);color:#fff!important;transform:translateY(-2px);box-shadow:0 18px 38px -12px rgba(236,17,101,.7);}
.vmu__btn--ghost{background:transparent;color:var(--ink);border-color:var(--taupe);}
.vmu__btn--ghost:hover{border-color:var(--ink);transform:translateY(-2px);}
.vmu a.vmu__btn--white,.vmu__btn--white{background:#fff;color:var(--pink)!important;}
.vmu a.vmu__btn--white:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);color:var(--pink-dark)!important;}
.vmu__btn svg{width:18px;height:18px;}

/* ---------- HERO ---------- */
.vmu__hero{position:relative;padding:54px 0 70px;overflow:hidden;}
.vmu__hero::before{content:"";position:absolute;top:-200px;right:-160px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(147,147,136,.16),rgba(147,147,136,0) 65%);z-index:0;}
.vmu__hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.vmu__hero .vmu__hero-title{font-size:clamp(2rem,3.6vw,2.9rem);margin:0 0 12px;}
.vmu__hero .vmu__hero-title .hl{color:var(--pink);}
.vmu__hero-sub{font-family:"Comfortaa",sans-serif;font-weight:600;font-size:clamp(1.2rem,2vw,1.55rem);color:var(--ink);line-height:1.3;margin:0 0 18px;}
.vmu__hero .vmu__lead{font-size:1.05rem;margin-bottom:24px;}
.vmu__usps{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:11px;}
.vmu__usps li{display:flex;align-items:center;gap:12px;font-weight:500;}
.vmu__check{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--pink-tint);display:grid;place-items:center;}
.vmu__check svg{width:14px;height:14px;color:var(--pink);}
.vmu__cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.vmu__trust{margin-top:22px;display:flex;align-items:center;flex-wrap:nowrap;gap:22px;color:var(--ink-soft);font-size:.84rem;}
.vmu__trust span.t{display:inline-flex;align-items:center;gap:8px;font-weight:500;white-space:nowrap;}
.vmu__trust svg{width:16px;height:16px;color:var(--taupe-dark);flex:0 0 auto;}
.vmu__trust-div{width:1px;height:22px;background:var(--line);}

.vmu__hero-media{position:relative;padding:8px;}
.vmu__hero-media::before{content:"";position:absolute;right:-14px;top:-14px;width:70%;height:74%;border-radius:32px;background:linear-gradient(150deg,var(--pink),#ff6aa6);opacity:.16;z-index:0;}
.vmu__hero-media::after{content:"";position:absolute;left:-30px;bottom:18px;width:128px;height:128px;border-radius:46% 54% 62% 38%/52% 42% 58% 48%;background:var(--taupe);opacity:.15;z-index:0;}
.vmu__hero-frame{position:relative;z-index:1;border-radius:30px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 34px 80px -34px rgba(46,46,46,.5);}
.vmu__hero-img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--taupe-tint);transform:scale(1.001);}
.vmu__seal{position:absolute;z-index:3;top:-26px;left:-26px;width:106px;height:106px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;}
.vmu__seal .ring{position:absolute;inset:0;width:100%;height:100%;animation:vmu-spin 20s linear infinite;}
.vmu__seal .ring text{fill:var(--pink);font-family:"Work Sans",sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;}
.vmu__seal-core{width:44px;height:44px;border-radius:50%;background:var(--pink);display:grid;place-items:center;z-index:1;box-shadow:0 8px 18px -8px rgba(236,17,101,.8);}
.vmu__seal-core svg{width:22px;height:22px;color:#fff;}
@keyframes vmu-spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.vmu__seal .ring{animation:none;}}
.vmu__revcard{position:absolute;z-index:3;right:-16px;bottom:30px;background:#fff;border-radius:18px;padding:15px 19px;box-shadow:var(--shadow);}
.vmu__revcard-top{display:flex;align-items:center;gap:12px;}
.vmu__revcard-top .g{width:25px;height:25px;flex:0 0 auto;}
.vmu__revcard-score{display:flex;flex-direction:column;line-height:1;}
.vmu__revcard-score .stars{color:#FBBC05;font-size:.9rem;letter-spacing:1.5px;}
.vmu__revcard-score .stars .off{color:#D9D5CE;}
.vmu__revcard-score b{font-family:"Comfortaa";font-weight:700;font-size:1.4rem;color:var(--ink);margin-top:4px;}
.vmu__revcard-sub{display:block;margin-top:10px;font-size:.76rem;color:var(--ink-soft);}
.vmu__revcard-sub b{color:var(--ink);font-weight:600;}

/* ---------- TRUST-STROOK ---------- */
.vmu__stats{background:var(--ink);color:#fff;position:relative;}
.vmu__stats::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),#ff6aa6 60%,var(--taupe));}
.vmu__stats .vmu__wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:46px;padding-bottom:46px;}
.vmu__pillar{display:flex;align-items:center;gap:16px;padding:8px 26px;position:relative;}
.vmu__pillar + .vmu__pillar::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:56px;background:rgba(255,255,255,.12);}
.vmu__pillar .ic{flex:0 0 auto;width:54px;height:54px;border-radius:16px;background:rgba(236,17,101,.15);display:grid;place-items:center;transition:background .22s ease,transform .22s ease;}
.vmu__pillar .ic svg{width:26px;height:26px;color:var(--pink-2);transition:color .22s ease;}
.vmu__pillar:hover .ic{background:var(--pink);transform:translateY(-3px);}
.vmu__pillar:hover .ic svg{color:#fff;}
.vmu__pillar b{font-family:"Comfortaa";font-weight:700;font-size:1.32rem;color:#fff;display:block;line-height:1.1;}
.vmu__pillar span{font-size:.83rem;color:rgba(255,255,255,.6);display:block;margin-top:4px;line-height:1.3;}
/* single-item explainer variant of the dark band */
.vmu__stats--solo .vmu__wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:52px;padding-bottom:52px;}
.vmu__solo-head{display:flex;align-items:center;gap:20px;}
.vmu__stats--solo .vmu__solo-head .ic{flex:0 0 auto;width:60px;height:60px;border-radius:16px;background:rgba(236,17,101,.15);display:grid;place-items:center;}
.vmu__stats--solo .vmu__solo-head .ic svg{width:28px;height:28px;color:var(--pink-2);}
.vmu__stats--solo .vmu__solo-head b{font-family:"Comfortaa",sans-serif;font-weight:700;font-size:1.6rem;color:#fff;line-height:1.15;}
.vmu__solo-text{margin:0;font-size:1rem;line-height:1.7;color:rgba(255,255,255,.72);max-width:620px;}

/* ---------- VALUE CARDS ---------- */
.vmu__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px;}
.vmu__card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:38px 32px 32px;overflow:hidden;transition:transform .28s cubic-bezier(.16,.84,.44,1),box-shadow .28s ease,border-color .28s ease;}
.vmu__card::after{content:attr(data-num);position:absolute;top:-20px;right:6px;font-family:"Comfortaa";font-weight:700;font-size:6.5rem;line-height:1;color:var(--pink);opacity:.07;pointer-events:none;}
.vmu__card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent;}
.vmu__card .ic{position:relative;width:62px;height:62px;border-radius:18px;background:linear-gradient(150deg,var(--pink-tint),#fff);border:1px solid var(--line);display:grid;place-items:center;margin-bottom:22px;transition:background .28s ease,border-color .28s ease,transform .28s ease;}
.vmu__card:hover .ic{background:var(--pink);border-color:var(--pink);transform:rotate(-6deg);}
.vmu__card .ic svg{width:28px;height:28px;color:var(--pink);transition:color .28s ease;}
.vmu__card:hover .ic svg{color:#fff;}
.vmu__card h3{font-size:1.32rem;margin-bottom:10px;}
.vmu__card p{margin:0;color:var(--ink-soft);font-size:.98rem;}

/* ---------- TEAM CONTACT CARDS ---------- */
.vmu__team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px;}
.vmu__team-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:40px 28px 32px;text-align:center;transition:transform .28s cubic-bezier(.16,.84,.44,1),box-shadow .28s ease,border-color .28s ease;}
.vmu__team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.vmu__team-photo{width:108px;height:108px;border-radius:50%;margin:0 auto 22px;overflow:hidden;background:linear-gradient(135deg,var(--pink-tint) 0%,#f0e8e4 100%);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--line);flex-shrink:0;}
.vmu__team-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.vmu__team-initials{width:100%;height:100%;display:grid;place-items:center;color:var(--pink);font-size:2rem;font-weight:700;font-family:"Comfortaa",sans-serif;line-height:1;}
.vmu__team-card h3{font-size:1.22rem;margin:0 0 4px;}
.vmu__team-role{color:var(--ink-soft);font-size:.88rem;margin:0 0 22px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;}
.vmu__team-links{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;}
.vmu__team-phone,.vmu__team-email{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600;text-decoration:none;border-radius:999px;padding:8px 18px;transition:background .2s,color .2s,border-color .2s;}
.vmu__team-phone{color:var(--pink);border:1.5px solid var(--pink);}
.vmu__team-phone:hover{background:var(--pink);color:#fff;}
.vmu__team-email{color:var(--ink-soft);border:1.5px solid var(--line);width:38px;height:38px;padding:0;justify-content:center;}
.vmu__team-email:hover{border-color:var(--ink-soft);color:var(--ink);}
.vmu__team-phone svg{width:14px;height:14px;flex-shrink:0;}
.vmu__team-email svg{width:16px;height:16px;flex-shrink:0;}

/* ---------- STAPPENPLAN ---------- */
.vmu__steps-sec{background:var(--taupe-tint);}
.vmu__timeline{margin-top:56px;position:relative;display:grid;gap:22px;}
.vmu__timeline::before{content:"";position:absolute;left:31px;top:26px;bottom:26px;width:2px;background:linear-gradient(var(--pink),var(--taupe));opacity:.35;z-index:0;}
.vmu__step{position:relative;display:grid;grid-template-columns:64px 1fr;gap:24px;align-items:start;}
.vmu__step-num{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:var(--pink);color:#fff;font-family:"Comfortaa";font-weight:700;font-size:1.55rem;display:grid;place-items:center;box-shadow:0 0 0 7px var(--taupe-tint),0 12px 24px -10px rgba(236,17,101,.75);}
.vmu__step--alt .vmu__step-num{background:#33332E;box-shadow:0 0 0 7px var(--taupe-tint),0 12px 24px -10px rgba(51,51,46,.5);}
.vmu__step-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.vmu__step:hover .vmu__step-card{transform:translateX(6px);box-shadow:var(--shadow);border-color:var(--pink-tint);}
.vmu__step-card h3{font-size:1.3rem;margin-bottom:8px;}
.vmu__step-card p{margin:0;color:var(--ink-soft);}
.vmu__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
/* subtiele inline highlight-pil (bv. gratis stylingadvies in de stap-tekst) */
.vmu__hl{display:inline;background:var(--pink-tint);color:var(--pink-dark);font-weight:700;padding:2px 10px;border-radius:999px;white-space:nowrap;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.vmu__chip{display:inline-flex;align-items:center;gap:8px;background:var(--pink-tint);color:var(--pink-dark);font-weight:600;font-size:.86rem;padding:9px 15px;border-radius:999px;transition:transform .18s ease;}
.vmu__chip:hover{transform:translateY(-2px);}
.vmu__chip svg{width:15px;height:15px;}
.vmu__chip--funda{background:var(--ink);color:#fff;}
.vmu__chip--funda b{color:var(--pink-2);}

/* ---------- KOSTEN ---------- */
.vmu__kosten{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;}
.vmu__kosten-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
.vmu__kosten-card .hd{background:linear-gradient(135deg,var(--ink),#3a3a35);color:#fff;padding:26px 30px;position:relative;}
.vmu__kosten-card .hd::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:var(--pink);}
.vmu__kosten-card .hd b{font-family:"Comfortaa";font-size:1.25rem;display:block;}
.vmu__kosten-card .hd span{font-size:.86rem;color:rgba(255,255,255,.7);}
.vmu__incl{list-style:none;margin:0;padding:16px 30px 28px;}
.vmu__incl li{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.97rem;}
.vmu__incl li:last-child{border-bottom:0;}
.vmu__incl .vmu__check{margin-top:2px;}
.vmu__pill-note{display:inline-flex;align-items:center;gap:10px;background:var(--taupe-tint);color:var(--ink);font-weight:600;padding:12px 20px;border-radius:14px;margin-top:6px;font-size:.95rem;}
.vmu__pill-note svg{color:var(--pink);flex:0 0 auto;}

/* ---------- LOKAAL ---------- */
.vmu__local{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center;}
.vmu__local-media{position:relative;padding:6px;}
.vmu__local-media::before{content:"";position:absolute;left:-16px;bottom:-16px;width:60%;height:64%;border-radius:30px;background:linear-gradient(150deg,var(--taupe),#b6b6ad);opacity:.2;z-index:0;}
.vmu__local-frame{position:relative;z-index:1;border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px -34px rgba(46,46,46,.45);aspect-ratio:5/4;}
.vmu__local-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
/* lazy-load/webp-converter wrapt de <img> in <picture class="vmu__local-img">;
   object-fit werkt niet op <picture>, dus de binnenste <img> moet zelf het frame vullen */
.vmu__local-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vmu__local-badge{position:absolute;z-index:2;right:-14px;top:26px;background:#fff;border-radius:16px;padding:13px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px;}
.vmu__local-badge .ic{width:40px;height:40px;border-radius:11px;background:var(--pink-tint);display:grid;place-items:center;flex:0 0 auto;}
.vmu__local-badge .ic svg{width:20px;height:20px;color:var(--pink);}
.vmu__local-badge b{font-family:"Comfortaa";font-size:1.05rem;color:var(--ink);display:block;line-height:1.1;}
.vmu__local-badge span{font-size:.74rem;color:var(--ink-soft);}
.vmu__wijken{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.vmu__wijken-label{display:block;margin-top:26px;margin-bottom:11px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe);}
.vmu__wijken-label + .vmu__wijken{margin-top:0;}
.vmu__wijk{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:.9rem;font-weight:500;color:var(--ink-soft);text-decoration:none;transition:transform .18s ease,border-color .18s ease,color .18s ease;}
.vmu__wijk:hover{transform:translateY(-2px);}
a.vmu__wijk:hover{border-color:var(--pink);color:var(--pink);}
.vmu__wijk--link{color:var(--ink);font-weight:600;}
.vmu__wijk--link::after{content:"\2192";margin-left:7px;color:var(--pink);transition:transform .18s ease;}
a.vmu__wijk--link:hover::after{transform:translateX(3px);}

/* ---------- REVIEWS ---------- */
.vmu__reviews{background:var(--taupe-tint);}
.vmu__rev-feature{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px 38px;max-width:560px;margin:36px auto 0;}
.vmu__rev-feature .g{width:40px;height:40px;flex:0 0 auto;}
.vmu__rev-feature .score{font-family:"Comfortaa";font-weight:700;font-size:3.2rem;color:var(--ink);line-height:1;}
.vmu__rev-feature .mid{text-align:left;}
.vmu__rev-feature .mid .stars{color:#FBBC05;font-size:1.2rem;letter-spacing:2px;display:block;}
.vmu__rev-feature .mid .stars .off{color:#D9D5CE;}
.vmu__rev-feature .mid span{font-size:.88rem;color:var(--ink-soft);display:block;margin-top:5px;}
.trustindex-widget{margin-top:36px;}

/* ---------- FORM ---------- */
.vmu__formsec{background:linear-gradient(160deg,#333330 0%,#23231f 100%);color:#fff;position:relative;overflow:hidden;}
.vmu__formsec::before{content:"";position:absolute;top:-140px;right:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(236,17,101,.22),transparent 65%);}
.vmu__formsec::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1.5px,transparent 1.5px);background-size:26px 26px;pointer-events:none;}
.vmu__form-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;}
.vmu__formsec h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.7rem);}
.vmu__formsec .vmu__eyebrow{color:var(--pink-2);}
.vmu__formsec .vmu__eyebrow::before{background:var(--pink-2);}
.vmu__form-points{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px;}
.vmu__form-points li{display:flex;align-items:center;gap:13px;font-weight:500;}
.vmu__form-points .vmu__check{background:rgba(236,17,101,.25);}
.vmu__form-points .vmu__check svg{color:#fff;}
.vmu__form-card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:38px 34px;box-shadow:var(--shadow);}
.vmu__form-card h3{font-size:1.4rem;margin-bottom:6px;}
.vmu__form-card .sub{color:var(--ink-soft);font-size:.95rem;margin-bottom:22px;}
.vmu__form-card .gform_wrapper{margin:0;}
/* GF rendert de wrapper met inline display:none (anti-FOUC) en toont 'm via JS.
   Onder LiteSpeed guest-mode wordt die JS uitgesteld → formulier onzichtbaar.
   Forceer zichtbaar; GF's eigen JS initialiseert bij de eerste interactie. */
.gform_wrapper{display:block!important;}
.vmu__form-card .gform_wrapper .gfield_label{font-family:"Work Sans";font-weight:600;font-size:.9rem;color:var(--ink);}
.vmu__form-card .gform_wrapper input:not([type=submit]),
.vmu__form-card .gform_wrapper select,
.vmu__form-card .gform_wrapper textarea{border:1.5px solid var(--line)!important;border-radius:12px!important;padding:13px 15px!important;font-family:"Work Sans"!important;font-size:1rem!important;background:#fff!important;color:var(--ink)!important;line-height:1.5!important;}
.vmu__form-card .gform_wrapper select{
  -webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;
  height:52px!important;padding:0 42px 0 15px!important;line-height:normal!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23939388' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px 16px!important;
}
.vmu__form-card .gform_wrapper input:focus,
.vmu__form-card .gform_wrapper textarea:focus,
.vmu__form-card .gform_wrapper select:focus{border-color:var(--pink)!important;outline:none!important;box-shadow:0 0 0 3px var(--pink-tint)!important;}
.vmu__form-card .gform_footer input[type=submit],
.vmu__form-card .gform_wrapper input[type=submit]{background:var(--pink)!important;border:0!important;color:#fff!important;border-radius:999px!important;padding:16px 34px!important;font-family:"Work Sans"!important;font-weight:600!important;font-size:1rem!important;width:100%!important;cursor:pointer;transition:background .18s,transform .18s;box-shadow:0 12px 26px -12px rgba(236,17,101,.7);}
.vmu__form-card .gform_footer input[type=submit]:hover{background:var(--pink-dark)!important;transform:translateY(-2px);}

/* ---------- FAQ ---------- */
.vmu__faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:start;}
.vmu__faq-aside{position:sticky;top:110px;}
.vmu__cta-mini{margin-top:24px;background:linear-gradient(150deg,var(--ink),#3a3a35);color:#fff;border-radius:var(--radius-sm);padding:24px 26px;box-shadow:var(--shadow-sm);}
.vmu__cta-mini b{font-family:"Comfortaa";font-size:1.1rem;display:block;margin-bottom:6px;color:#fff;}
.vmu__cta-mini p{font-size:.9rem;color:rgba(255,255,255,.72);margin:0 0 16px;}
.vmu__cta-mini a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff;text-decoration:none;}
.vmu__cta-mini a svg{width:17px;height:17px;color:var(--pink-2);}
.vmu__faq{display:grid;gap:14px;}
.vmu__faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;transition:box-shadow .2s,border-color .2s;}
.vmu__faq details[open]{box-shadow:var(--shadow-sm);border-color:var(--pink-tint);}
.vmu__faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:"Comfortaa";font-weight:600;font-size:1.04rem;display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--ink);}
.vmu__faq summary::-webkit-details-marker{display:none;}
.vmu__faq summary .pl{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--pink-tint);color:var(--pink);display:grid;place-items:center;font-size:1.3rem;line-height:1;transition:.25s;}
.vmu__faq details[open] summary .pl{background:var(--pink);color:#fff;transform:rotate(45deg);}
.vmu__faq .ans{padding:0 24px 22px;color:var(--ink-soft);}
.vmu__faq .ans p{margin:0;}

/* ---------- FINAL CTA ---------- */
.vmu__final{text-align:center;}
.vmu__final-card{background:var(--ink);color:#fff;border-radius:34px;padding:64px 40px;position:relative;overflow:hidden;}
.vmu__final-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(236,17,101,.4),transparent 55%),radial-gradient(rgba(255,255,255,.05) 1.5px,transparent 1.5px);background-size:auto,24px 24px;}
.vmu__final-card>*{position:relative;z-index:1;}
.vmu__final-card h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:14px;}
.vmu__final-card p{color:rgba(255,255,255,.8);max-width:560px;margin:0 auto 30px;}
.vmu__final-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.vmu__final .vmu__btn--ghost{color:#fff;border-color:rgba(255,255,255,.4);}
.vmu__final .vmu__btn--ghost:hover{border-color:#fff;}

/* ---------- GENERIC PAGE (fallback content) ---------- */
.vmu__prose{max-width:820px;margin:0 auto;padding:80px 0;}
.vmu__prose h1{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 .5em;}
.vmu__prose h2{font-size:1.7rem;margin:1.4em 0 .5em;}
.vmu__prose h3{font-size:1.3rem;margin:1.2em 0 .4em;}
.vmu__prose img{border-radius:var(--radius-sm);margin:1.2em 0;}
.vmu__prose ul,.vmu__prose ol{padding-left:1.2em;}
.vmu__prose a{color:var(--pink);font-weight:600;}

/* author / E-E-A-T bio block (single posts) */
.db-author{display:flex;gap:22px;align-items:flex-start;border-top:1px solid rgba(46,46,46,.1);padding-top:34px;margin-top:8px;}
.db-author__avatar{flex:0 0 auto;width:84px;height:84px;border-radius:50%;overflow:hidden;object-fit:cover;box-shadow:0 0 0 4px var(--pink-tint);}
/* lazy-load/webp-converter wrapt de <img> in <picture class="db-author__avatar">; binnenste img zelf rond + vullend */
.db-author__avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;}
.db-author__body{flex:1 1 auto;min-width:0;}
.db-author__name{font-family:"Comfortaa",sans-serif;font-weight:700;font-size:1.18rem;color:var(--ink);margin:0 0 6px;}
.db-author__name span{font-family:"Work Sans",sans-serif;font-weight:600;font-size:.92rem;color:var(--pink);margin-left:8px;}
.db-author__bio{color:var(--ink-soft);font-size:1rem;line-height:1.6;margin:0 0 16px;}
.db-author__tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px;}
.db-author__tags span{background:var(--pink-tint);color:var(--pink-dark);font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px;}
.db-author__foot{text-align:right;margin-top:-6px;}
.db-author__link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-weight:600;font-size:.95rem;text-decoration:none;transition:color .18s ease;}
.db-author__link:hover{color:var(--pink);}
.db-author__link svg{width:15px;height:15px;}
.db-author__contact{margin-top:22px;color:var(--ink-soft);font-size:.98rem;}
.db-author__contact a{color:var(--pink);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
@media(max-width:560px){.db-author{flex-direction:column;gap:16px;}.db-author__avatar{width:72px;height:72px;}.db-author__foot{text-align:left;}}

/* ---------- CONTACT cards ---------- */
.db-vest-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.db-vest-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
.db-vest-map{aspect-ratio:16/9;background:var(--taupe-tint);}
.db-vest-map iframe{width:100%;height:100%;border:0;display:block;}
.db-vest-body{padding:26px 28px;}
.db-vest-body h3{font-size:1.25rem;margin-bottom:10px;}
.db-vest-body a{color:var(--pink);font-weight:600;}
.db-vest-addr{color:var(--ink-soft);margin-bottom:.6em;}
.db-vest-hours{color:var(--ink-soft);font-size:.92rem;margin:0;}
@media(max-width:760px){.db-vest-grid{grid-template-columns:1fr;}}

/* ---------- BLOG grid (index/archive) ---------- */
.db-postgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.db-postcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;}
.db-postcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.db-postcard a{display:block;text-decoration:none;color:inherit;}
.db-postcard__img{display:block;aspect-ratio:16/10;overflow:hidden;}
.db-postcard__img img{width:100%;height:100%;object-fit:cover;}
.db-postcard h2{font-size:1.18rem;margin:0;padding:22px 24px 8px;}
.db-postcard p{margin:0;padding:0 24px;color:var(--ink-soft);font-size:.95rem;}
.db-postcard__more{display:inline-block;padding:14px 24px 24px;color:var(--pink);font-weight:600;font-size:.92rem;}
@media(max-width:900px){.db-postgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.db-postgrid{grid-template-columns:1fr;}}

/* ---------- WONINGAANBOD listings ---------- */
.db-listings{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.db-listing{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;}
.db-listing:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.db-listing__img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--taupe-tint);}
.db-listing__img img{width:100%;height:100%;object-fit:cover;display:block;}
.db-listing__b{display:block;padding:18px 22px 22px;}
.db-listing__title{display:block;font-family:"Comfortaa",sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink);line-height:1.3;}
.db-listing__cta{display:inline-block;margin-top:10px;color:var(--pink);font-weight:600;font-size:.9rem;}
@media(max-width:900px){.db-listings{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.db-listings{grid-template-columns:1fr;}}

/* ---------- pagination ---------- */
.db-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.db-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-weight:600;transition:background .18s,color .18s,border-color .18s;}
.db-pagination a.page-numbers:hover{border-color:var(--pink);color:var(--pink);}
.db-pagination .page-numbers.current{background:var(--pink);border-color:var(--pink);color:#fff;}
.db-pagination .page-numbers.dots{border:0;background:transparent;}

/* ---------- logo fallbacks ---------- */
.db-wordmark{font-family:"Comfortaa",sans-serif;font-weight:700;font-size:1.2rem;color:#fff;line-height:1.05;}
.site-footer__brandlogo img{height:96px;width:auto;}
.site-footer__brandlogo .db-wordmark{font-size:1.05rem;}
.db-elementor-fallback{min-height:40vh;}

/* ---------- section-tool ---------- */
.vmu__tool-block{background:var(--taupe-tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.vmu__tool-inner{max-width:760px;}
.vmu__tool-steps{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:10px;counter-reset:tool-step;}
.vmu__tool-steps li{counter-increment:tool-step;display:flex;align-items:center;gap:14px;font-weight:600;font-size:.97rem;}
.vmu__tool-steps li::before{content:counter(tool-step);flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--pink);color:#fff;font-size:.78rem;font-weight:700;display:grid;place-items:center;}
.vmu__tool-cta{margin-top:32px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.vmu__microcopy{font-size:.82rem;color:var(--ink-soft);}

/* ---------- section-services ---------- */
.vmu__svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;}
.vmu__svc-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:28px 24px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:12px;transition:border-color .18s,box-shadow .18s,transform .18s;}
.vmu__svc-card:hover{border-color:var(--pink);box-shadow:0 12px 30px -16px rgba(236,17,101,.25);transform:translateY(-3px);}
.vmu__svc-card--tool{border-color:rgba(236,17,101,.35);background:var(--pink-tint-2);}
.vmu__svc-card .ic{width:44px;height:44px;border-radius:12px;background:var(--pink-tint);display:grid;place-items:center;flex:0 0 auto;}
.vmu__svc-card .ic svg{width:20px;height:20px;color:var(--pink);}
.vmu__svc-card h3{font-family:"Comfortaa",sans-serif;font-size:1.05rem;color:var(--ink);margin:0;}
.vmu__svc-card p{font-size:.9rem;color:var(--ink-soft);margin:0;flex:1;}
.vmu__svc-card .arrow{width:42px;height:42px;padding:11px;box-sizing:border-box;border-radius:50%;background:var(--pink-tint);color:var(--pink);margin-top:auto;transition:background .18s,color .18s,transform .18s;}
.vmu__svc-card:hover .arrow{background:var(--pink);color:#fff;transform:translateX(4px);}
.vmu__svc-card--tool .arrow{background:#fff;}

/* ---------- section-report ---------- */
.vmu__report{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;}
.vmu__report-check{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:13px;}
.vmu__report-check li{display:flex;align-items:flex-start;gap:12px;font-size:.97rem;line-height:1.45;}
.vmu__report-check .ic{width:24px;height:24px;border-radius:50%;background:var(--pink-tint);display:grid;place-items:center;flex-shrink:0;margin-top:1px;color:var(--pink);}
.vmu__report--flip{gap:88px;}.vmu__report--flip .vmu__report-visual{order:-1;}
.vmu__report-visual{position:relative;}
.vmu__report-visual::before{content:"";position:absolute;right:-26px;top:-22px;width:64%;height:56%;border-radius:32px;background:linear-gradient(150deg,var(--pink),#ff6aa6);opacity:.13;z-index:0;}
.vmu__report-visual::after{content:"";position:absolute;left:-28px;bottom:-20px;width:120px;height:120px;border-radius:46% 54% 62% 38%/52% 42% 58% 48%;background:var(--taupe);opacity:.14;z-index:0;}
.vmu__report-stack{position:absolute;z-index:1;top:20px;left:30px;right:-12px;bottom:-14px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);opacity:.55;transform:rotate(2.6deg);}
.vmu__report-mock{position:relative;z-index:2;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 28px 24px;overflow:hidden;}
.vmu__report-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pink),#ff6aa6 55%,var(--taupe));}
.vmu__report-mock-head{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px;}
.vmu__report-mock-head .ic{width:44px;height:44px;border-radius:13px;background:var(--pink-tint);display:grid;place-items:center;flex-shrink:0;color:var(--pink);}
.vmu__report-mock-head .ic svg{width:21px;height:21px;}
.vmu__report-mock-head-t{flex:1;min-width:0;}
.vmu__report-mock-head-t b{font-family:"Comfortaa",sans-serif;font-weight:700;font-size:1.02rem;color:var(--ink);display:block;line-height:1.15;}
.vmu__report-mock-head-t span{font-size:.76rem;color:var(--ink-soft);}
.vmu__report-tag{font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--taupe-dark);background:var(--taupe-tint);padding:5px 9px;border-radius:7px;flex-shrink:0;}
.vmu__report-mock-label{display:block;font-size:.66rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--taupe-dark);}
.vmu__report-mock-valrow{display:flex;align-items:baseline;gap:12px;margin:7px 0 18px;}
.vmu__report-mock-val{font-family:"Comfortaa",sans-serif;font-size:2.1rem;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-.02em;}
.vmu__report-trend{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:600;color:var(--pink-dark);background:var(--pink-tint);padding:4px 9px;border-radius:999px;}
.vmu__report-trend svg{width:11px;height:11px;}
.vmu__report-range{margin-bottom:24px;}
.vmu__report-range-track{position:relative;height:8px;border-radius:999px;background:var(--pink-tint);}
.vmu__report-range-fill{position:absolute;left:0;top:0;bottom:0;width:64%;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--pink-2));}
.vmu__report-range-dot{position:absolute;top:50%;left:64%;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--pink);transform:translate(-50%,-50%);box-shadow:0 3px 8px -2px rgba(236,17,101,.6);}
.vmu__report-range-ends{display:flex;justify-content:space-between;margin-top:9px;font-size:.7rem;color:var(--taupe-dark);}
.vmu__report-mock-items{display:flex;flex-direction:column;gap:11px;margin-bottom:24px;}
.vmu__report-mock-item{display:flex;align-items:center;gap:11px;font-size:.9rem;color:var(--ink);}
.vmu__report-mock-item .ic{width:30px;height:30px;border-radius:9px;background:var(--pink-tint-2);display:grid;place-items:center;flex-shrink:0;color:var(--pink);}
.vmu__report-mock-item .ic svg{width:16px;height:16px;}
.vmu__report-mock-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--pink-tint);border-radius:14px;padding:13px 16px;}
.vmu__report-mock-foot-l{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--pink-dark);}
.vmu__report-mock-foot-l svg{width:16px;height:16px;flex-shrink:0;}
.vmu__report-mock-foot-r{font-size:.72rem;color:var(--ink-soft);text-align:right;}

/* ---------- reviews score row ---------- */
.vmu__score-row{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;margin:0 0 28px;padding:18px 24px;background:var(--taupe-tint);border-radius:var(--radius-sm);}
.vmu__score-badge{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.vmu__score-badge .score{font-family:"Comfortaa",sans-serif;font-size:1.6rem;font-weight:700;color:var(--ink);line-height:1;}
.vmu__score-badge .source{font-size:.8rem;color:var(--ink-soft);}
.vmu__score-badge .sep{color:var(--taupe);}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1200px){
  .vmu__trust{flex-direction:column;align-items:flex-start;gap:12px;}
}
@media(max-width:900px){
  .vmu__svc-grid{grid-template-columns:1fr 1fr;}
  .vmu__report{grid-template-columns:1fr;gap:40px;}
  .vmu__report-visual{max-width:440px;margin:0 auto;width:100%;}
  .vmu__hero-grid,.vmu__kosten,.vmu__local,.vmu__form-grid,.vmu__faq-grid{grid-template-columns:1fr;gap:40px;}
  .vmu__hero-media{order:-1;max-width:440px;margin:0 auto;width:100%;}
  .vmu__local-media{max-width:480px;margin:0 auto;width:100%;}
  .vmu__faq-grid{gap:30px;}
  .vmu__faq-aside{position:static;}
  .vmu__cards{grid-template-columns:1fr;}
  .vmu__team-cards{grid-template-columns:1fr;max-width:380px;margin-inline:auto;}
  .vmu__stats .vmu__wrap{grid-template-columns:1fr 1fr;gap:30px 14px;}
  .vmu__stats--solo .vmu__wrap{grid-template-columns:1fr;gap:20px;}
  .vmu__solo-text{max-width:none;}
  .vmu__pillar::before{display:none;}
  .vmu__pillar{padding:8px 10px;}
  .vmu__section{padding:48px 0;}
  .vmu__hero{padding:26px 0 48px;}
  .vmu__hero .vmu__hero-title{font-size:2rem!important;}
  .vmu h2{font-size:1.95rem!important;}
}
@media(max-width:600px){
  .vmu__svc-grid{grid-template-columns:1fr;}
  .vmu{font-size:16px;}
  .vmu__wrap{padding:0 20px;}
  .vmu__hero .vmu__hero-title{font-size:1.8rem!important;line-height:1.16;}
  .vmu__hero-sub{font-size:1.2rem;}
  .vmu h2{font-size:1.5rem!important;}
  .vmu__hero .vmu__lead,.vmu__lead{font-size:1.02rem;}
  .vmu__eyebrow{font-size:.72rem;}
  .vmu__hero{padding:26px 0 52px;}
  .vmu__hero-media{max-width:340px;padding:0;margin:0 auto;}
  .vmu__hero-media::before,.vmu__hero-media::after{display:none;}
  .vmu__hero-frame{aspect-ratio:auto;height:min(78vw,360px);}
  /* mobiel: stempel weg en compacte reviewkaart — minder visuele drukte in de hero */
  .vmu__seal{display:none;}
  .vmu__revcard{right:10px;bottom:10px;padding:8px 12px;border-radius:14px;}
  .vmu__revcard-top .g{width:18px;height:18px;}
  .vmu__revcard .stars{font-size:.78rem;}
  .vmu__revcard-score b{font-size:1rem;}
  .vmu__revcard-sub{font-size:.7rem;}
  .vmu__timeline::before{left:25px;}
  .vmu__step{grid-template-columns:52px 1fr;gap:16px;}
  .vmu__step-num{width:52px;height:52px;font-size:1.3rem;box-shadow:0 0 0 6px var(--taupe-tint),0 12px 24px -10px rgba(236,17,101,.7);}
  .vmu__step--alt .vmu__step-num{box-shadow:0 0 0 6px var(--taupe-tint),0 12px 24px -10px rgba(30,30,30,.5);}
  .vmu__step-card{padding:20px 22px;}
  .vmu__pillar{flex-direction:column;text-align:center;gap:11px;padding:6px;}
  .vmu__cta-row .vmu__btn{width:100%;justify-content:center;}
  .vmu__final-card{padding:44px 22px;}
}

/* ============================================================
   MODAL
   ============================================================ */
.vmu__modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;}
.vmu__modal[hidden]{display:none!important;}
.vmu__modal-backdrop{position:absolute;inset:0;background:rgba(46,46,46,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.vmu__modal-card{position:relative;z-index:1;background:#fff;border-radius:var(--radius);box-shadow:0 32px 80px -20px rgba(46,46,46,.32);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:40px 36px 32px;border-top:5px solid var(--pink);}
.vmu__modal-accent{display:none;}
.vmu__modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px;}
.vmu__modal-head h2{font-size:clamp(1.3rem,3vw,1.65rem);font-family:"Comfortaa",sans-serif;color:var(--ink);margin:0;line-height:1.2;}
.vmu__modal-close{flex:0 0 auto;background:none;border:1.5px solid #e5e5e5;border-radius:8px;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;color:var(--taupe);transition:border-color .18s,color .18s;margin-top:-2px;}
.vmu__modal-close svg{width:18px;height:18px;}
.vmu__modal-close:hover{border-color:var(--ink);color:var(--ink);}
.vmu__modal-sub{margin:0 0 20px;color:var(--taupe);font-size:.95rem;line-height:1.5;}
/* Gravity Forms overrides inside modal */
.vmu__modal-card .gform_wrapper{padding:0!important;margin:0!important;}
.vmu__modal-card .gform_wrapper .gfield{margin-bottom:14px;}
.vmu__modal-card .gform_wrapper input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.vmu__modal-card .gform_wrapper select,
.vmu__modal-card .gform_wrapper textarea{width:100%;border:1.5px solid #e0e0de;border-radius:10px;padding:10px 14px;font-size:.95rem;font-family:inherit;background:#fafafa;transition:border-color .18s,background .18s;}
.vmu__modal-card .gform_wrapper input:focus,
.vmu__modal-card .gform_wrapper select:focus,
.vmu__modal-card .gform_wrapper textarea:focus{outline:none;border-color:var(--pink);background:#fff;}
.vmu__modal-card .gform_wrapper .gfield_label{font-weight:600;font-size:.88rem;color:var(--ink);margin-bottom:5px;display:block;}
.vmu__modal-card .gform_wrapper .gform_footer,.vmu__modal-card .gform_wrapper .gform_page_footer{padding:4px 0 0;}
.vmu__modal-card .gform_wrapper input[type=submit],
.vmu__modal-card .gform_wrapper .gform_button,
.vmu__modal-card .gform_wrapper .gform_button.button,
.vmu__modal-card .gform_wrapper .gform-theme-button{background:var(--pink)!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:13px 30px!important;font-size:1rem!important;font-weight:700!important;font-family:inherit!important;cursor:pointer;transition:background .18s;width:100%;}
.vmu__modal-card .gform_wrapper input[type=submit]:hover,
.vmu__modal-card .gform_wrapper .gform_button:hover,
.vmu__modal-card .gform_wrapper .gform_button.button:hover,
.vmu__modal-card .gform_wrapper .gform-theme-button:hover{background:var(--pink-dark)!important;}
.vmu__modal-card .gform_validation_message,.vmu__modal-card .validation_error{color:#c00;font-size:.85rem;margin-bottom:12px;}
.vmu__modal-card .gf_progressbar_wrapper{display:none;}
.vmu__modal-card .ginput_complex{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.vmu__modal-card .ginput_complex span{display:flex;flex-direction:column;}
.vmu__modal-card .ginput_complex .ginput_left,.vmu__modal-card .ginput_complex .ginput_right{margin:0;}
@media(max-width:600px){
  .vmu__modal-card{padding:28px 18px 24px;}
  .vmu__modal-card .ginput_complex{grid-template-columns:1fr;}
}