/* CvV UX-pagina's 1.4.0 — één opmaakset voor alle pagina's. Alles hangt aan .cvv-sec.
   Uitgangspunten: rijbreedte = containerbreedte van Flatsome (lijnt uit met header en footer),
   één linkerlijn per sectie, vaste beeldverhoudingen voor foto's, en geen afhankelijkheid van
   het .text-element, zodat de opmaak blijft werken nadat een pagina in de UX Builder is opgeslagen. */

.cvv-sec{--zand:#F7F6F3;--zand2:#EFEBE4;--taupe:#C3B4A0;--taupe-d:#8D7B68;--bruin:#6F5F4D;--donker:#3B3B38;--tekst:#4A4A44;--lijn:#E6E0D7;
  --r-l:6px;--r-m:4px;--gap:40px;
  color:var(--tekst);font-size:17px;line-height:1.7}
.cvv-sec *,.cvv-sec *:before,.cvv-sec *:after{box-sizing:border-box}

/* typografie */
.cvv-sec h1,.cvv-sec h2,.cvv-sec h3,.cvv-sec .cvv-kb__titel{color:var(--donker);line-height:1.2;letter-spacing:-.01em;margin-top:0;font-weight:500!important}
.cvv-sec h1{font-size:clamp(32px,4.2vw,50px);margin-bottom:18px;max-width:24ch}
.cvv-sec h2{font-size:clamp(25px,2.7vw,34px);margin-bottom:16px}
.cvv-sec h3{font-size:18.5px;margin-bottom:8px}
.cvv-sec p{margin:0 0 16px}
.cvv-sec .col-inner>*:last-child,.cvv-sec .text>*:last-child,.cvv-sec li>*:last-child{margin-bottom:0}
.cvv-sec ul,.cvv-sec ol{margin:0 0 16px;padding-left:1.2em}
.cvv-sec li{margin-bottom:6px}
.cvv-sec a:not(.button):not(.accordion-title){color:var(--bruin);text-decoration:underline;text-decoration-color:var(--taupe);text-decoration-thickness:2px;text-underline-offset:4px;transition:color .2s}
.cvv-sec a:not(.button):not(.accordion-title):hover{color:var(--donker)}
.cvv-eyebrow{display:inline-flex!important;align-items:center;gap:10px;margin:0 0 14px!important;color:var(--bruin);font-size:13px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.4!important}
.cvv-eyebrow:before{content:"";width:28px;height:2px;background:var(--taupe)}
.cvv-streep{position:relative;padding-top:22px}
.cvv-streep:before{content:"";position:absolute;left:0;top:0;width:48px;height:3px;border-radius:2px;background:var(--taupe)}
.cvv-lead{font-size:clamp(17px,1.5vw,19px);max-width:620px}

/* raster: geen eigen rijbreedte, wel vaste kolomafstand en verticaal ritme */
.cvv-sec .col{padding-bottom:0}
.cvv-sec .row+.row{margin-top:var(--gap)}
.cvv-kop{max-width:720px}
.cvv-kop p{font-size:18px}

/* knoppen */
.cvv-sec .button.cvv-knop{display:inline-flex;align-items:center;gap:10px;margin:0 12px 12px 0;padding:12px 22px;min-height:0;line-height:1.2;border-radius:0!important;
  background:var(--donker);border:1px solid var(--donker);color:#fff;font-size:15px;font-weight:500;letter-spacing:.01em;text-transform:none;box-shadow:none;
  transition:background .2s,border-color .2s,color .2s}
.cvv-sec .button.cvv-knop:hover{background:var(--bruin);border-color:var(--bruin);color:#fff}
.cvv-sec .button.cvv-knop--rand{background:transparent;border-color:var(--donker);color:var(--donker)}
.cvv-sec .button.cvv-knop--rand:hover{background:var(--donker);border-color:var(--donker);color:#fff}
.cvv-sec .button.cvv-knop:before{width:18px;height:18px}
.cvv-sec .button.cvv-knop--pijl:after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat}
/* wpautop zet knoppen in een eigen <p>; die naast elkaar houden */
.cvv-sec .col-inner>p:has(>.button:only-child){display:inline-block;margin:0}
.cvv-sec .col-inner>p:empty,.cvv-sec .row>p:empty,.cvv-sec .accordion>p:empty,.cvv-sec .accordion>br,.cvv-sec .col-inner>br,.cvv-sec .row>br{display:none}

/* iconen via mask */
.cvv-ico,.cvv-sec [class*="cvv-i-"]:before{content:"";display:inline-block;flex:none;width:24px;height:24px;background:currentColor;
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}

/* hero */
.cvv-hero{overflow:hidden}
.cvv-hero.section{padding-bottom:clamp(96px,10vw,124px)!important}

.cvv-hero__tekst{margin-bottom:26px}
.cvv-portret{position:relative;width:100%!important;max-width:380px;margin:0 0 0 auto}

.cvv-portret .img-inner{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-l);background:var(--zand2)}
.cvv-portret img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 22%}
.cvv-hero--beeld.section{min-height:clamp(480px,44vw,600px);align-items:center}
.cvv-hero--beeld .section-bg:after{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,rgba(247,246,243,.97) 0%,rgba(247,246,243,.9) 48%,rgba(247,246,243,.15) 100%)}
.cvv-hero--beeld .cvv-hero__tekst{max-width:720px}

/* vertrouwensbalk: altijd drie gelijke vakken */
.cvv-balk-sec.section{position:relative;z-index:2;margin-top:-56px;background:transparent;padding:0!important}
.cvv-balk ul{list-style:none;margin:0!important;padding:20px clamp(18px,3vw,32px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px;background:#fff;border-radius:var(--r-m);box-shadow:0 10px 30px rgba(59,59,56,.07)}
.cvv-balk li{position:relative;display:flex;align-items:center;gap:12px;margin:0;font-weight:600;color:var(--donker);font-size:15px;line-height:1.4}
.cvv-sec .cvv-balk li:before{width:42px;height:42px;border-radius:50%;background:var(--zand);-webkit-mask:none;mask:none}
.cvv-balk li:after{content:"";position:absolute;left:10px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--taupe-d);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}

/* kaarten */
.cvv-kaarten{row-gap:20px}
.cvv-kaart>.col-inner{height:100%;background:#fff;border:1px solid var(--lijn);border-radius:var(--r-m);padding:26px 24px;transition:transform .25s,box-shadow .25s,border-color .25s}
.cvv-band--zand .cvv-kaart>.col-inner{border-color:transparent}
.cvv-kaart>.col-inner:hover{border-color:var(--taupe)}
.cvv-sec .cvv-kaart:before{display:none}
.cvv-kaart>.col-inner:before{content:"";display:block;width:48px;height:48px;border-radius:4px;margin-bottom:16px;background:var(--zand) var(--ib) center/24px no-repeat}
.cvv-band--zand .cvv-kaart>.col-inner:before{background-color:var(--zand2)}
.cvv-kaart p,.cvv-kaart li{font-size:16px;line-height:1.65}
.cvv-kaart ul{padding-left:1.1em;margin-bottom:0}

/* stappen (rechts in een tweedeling) */
.cvv-stappen ol{list-style:none;margin:0;padding:0!important;position:relative;counter-reset:stap}
.cvv-stappen ol:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--taupe);opacity:.5}
.cvv-stappen li{counter-increment:stap;position:relative;margin:0 0 14px 64px;background:#fff;border:1px solid var(--lijn);border-radius:var(--r-m);padding:18px 22px}
.cvv-band--zand .cvv-stappen li{border-color:transparent}
.cvv-stappen li:last-child{margin-bottom:0}
.cvv-stappen li:before{content:counter(stap);position:absolute;left:-64px;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--donker);color:#fff;font-weight:700;font-size:16px;box-shadow:0 0 0 6px #fff}
.cvv-band--zand .cvv-stappen li:before{box-shadow:0 0 0 6px var(--zand)}
.cvv-stappen h3{margin-bottom:4px}
.cvv-stappen p{font-size:16px;line-height:1.6}

/* volledig tarievenblok (home en tarieven) */
.cvv-prijzen{row-gap:16px}
.cvv-prijs>.col-inner{height:100%;background:#fff;border:1px solid var(--lijn);border-radius:var(--r-m);padding:30px 32px;display:flex;flex-direction:column}
.cvv-band--zand .cvv-prijs>.col-inner{border-color:transparent}
.cvv-prijs__label{font-size:14px!important;font-weight:600;color:var(--bruin);text-transform:uppercase;letter-spacing:.06em;line-height:1.45!important;margin-bottom:10px!important}
.cvv-prijs__bedrag{color:var(--donker);font-size:clamp(40px,4.4vw,52px)!important;font-weight:700;line-height:1.05!important;margin:0!important}
.cvv-prijs__sub{margin:6px 0 16px!important;font-size:14px!important;line-height:1.5!important}
.cvv-prijs__extra{font-size:15px!important;line-height:1.6!important;padding-top:16px;border-top:1px solid var(--lijn);margin-bottom:20px!important}
.cvv-prijs .button{align-self:flex-start;margin:auto 0 0!important}
.cvv-prijs .col-inner>p:has(>.button:only-child){margin-top:auto}
.cvv-inbegrepen>.col-inner{height:100%;background:var(--donker);color:#E9E5DE;border-radius:var(--r-m);padding:30px 32px}
.cvv-inbegrepen h3{color:#fff;margin-bottom:16px}
.cvv-inbegrepen ul,.cvv-vink{list-style:none;margin:0!important;padding:0!important}
.cvv-inbegrepen ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px 28px}
.cvv-vink li,.cvv-inbegrepen li{position:relative;padding-left:30px;margin:0 0 10px;font-size:15.5px;line-height:1.55}
.cvv-inbegrepen li{margin:0}
.cvv-vink li:before,.cvv-inbegrepen li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background:var(--taupe-d);-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
.cvv-inbegrepen li:before{background:var(--taupe)}

/* compacte prijsregel (overige pagina's) */
.cvv-prijsregel>.col-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 32px;background:#fff;border:1px solid var(--lijn);border-radius:var(--r-m);padding:24px 30px}
.cvv-band--zand .cvv-prijsregel>.col-inner{border-color:transparent}
.cvv-prijsregel__bedrag{margin:0!important;color:var(--donker);font-size:40px;font-weight:700;line-height:1}
.cvv-prijsregel__bedrag span{display:block;margin-top:6px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bruin)}
.cvv-prijsregel__tekst{margin:0!important;font-size:16px;line-height:1.6}
.cvv-prijsregel__link{margin:0!important;font-weight:600;white-space:nowrap}
.cvv-sec .cvv-prijsregel__link a{display:inline-flex;align-items:center;gap:6px}
.cvv-prijsregel__link a:after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat}

/* foto in een tweedeling: profiel, plaats of sfeer */
.cvv-profiel>.col-inner{max-width:400px;background:#fff;border-radius:var(--r-l);padding:24px;box-shadow:0 18px 44px rgba(59,59,56,.08);border:1px solid var(--lijn)}
.cvv-beeld{margin:0!important;width:100%!important}
.cvv-beeld .img-inner{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-m);background:var(--zand2)}
.cvv-beeld--staand .img-inner{aspect-ratio:4/5}
.cvv-beeld img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 30%}
.cvv-profiel .cvv-beeld{margin-bottom:18px!important}
.cvv-profiel__naam{margin-bottom:16px!important;line-height:1.3!important}
.cvv-profiel__naam strong{display:block;color:var(--donker);font-size:19px}
.cvv-profiel__naam span{font-size:15px;color:var(--bruin)}
.cvv-profiel__links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0!important;padding-top:14px;border-top:1px solid var(--lijn);font-size:15px;font-weight:600}
.cvv-sec .cvv-profiel__links a{display:inline-flex;align-items:center;gap:6px}
.cvv-pijl:after,.cvv-li:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.cvv-pijl:after{--m:var(--i-arrow)}.cvv-li:before{--m:var(--i-linkedin)}
.cvv-bron{margin:10px 0 0!important;font-size:12.5px!important;line-height:1.5!important;color:#8A857C}
.cvv-sec .cvv-bron a:not(.button){color:#8A857C;text-decoration-thickness:1px}

/* tweedeling met wel/niet-lijst */
.cvv-welniet>.col-inner{height:100%;border-radius:var(--r-m);padding:26px 26px 22px;background:#fff;border:1px solid var(--lijn)}
.cvv-band--zand .cvv-welniet>.col-inner{border-color:transparent}
.cvv-welniet--niet>.col-inner{background:transparent;border:1px dashed var(--taupe)}
.cvv-band--zand .cvv-welniet--niet>.col-inner{border-color:var(--taupe)}
.cvv-welniet ul{list-style:none;padding:0!important;margin:0!important}
.cvv-welniet li{position:relative;padding-left:30px;margin:0 0 10px;font-size:16px;line-height:1.55}
.cvv-welniet li:last-child{margin-bottom:0}
.cvv-welniet li:before{content:"";position:absolute;left:0;top:3px;width:19px;height:19px;background:var(--taupe-d);-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
.cvv-welniet--niet li:before{-webkit-mask-image:var(--i-x);mask-image:var(--i-x);background:#A39A8D}

/* formulier */
.cvv-formulier>.col-inner{background:#fff;border-radius:var(--r-l);padding:clamp(22px,3vw,34px);box-shadow:0 18px 44px rgba(59,59,56,.10);border:1px solid var(--lijn)}
.cvv-formulier h3{margin-bottom:14px}

/* contactblok */
.cvv-cta>.col-inner{background:var(--donker);color:#D9D4CB;border-radius:var(--r-l);padding:clamp(32px,5vw,56px);position:relative;overflow:hidden}

.cvv-cta h2{color:#fff;position:relative;z-index:1}
.cvv-cta p:not(.cvv-eyebrow){font-size:18px;max-width:640px;position:relative;z-index:1}
.cvv-cta .cvv-eyebrow{color:var(--taupe)}
.cvv-cta .cvv-cta__tekst{margin-bottom:28px}
.cvv-sec .cvv-opties{position:relative;z-index:1;max-width:860px;margin:0 -6px!important;width:auto}
.cvv-sec .cvv-opties>.col{padding:0 6px 12px;margin-top:0!important}
.cvv-sec .button.cvv-optie{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:0;width:100%;max-width:100%;min-height:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:0!important;
  padding:15px 18px;color:#fff;line-height:1.35;font-size:17px;font-weight:400;letter-spacing:0;text-transform:none;text-align:left;white-space:nowrap;box-shadow:none;transition:background .2s,border-color .2s}
.cvv-sec .button.cvv-optie:hover{background:rgba(255,255,255,.12);border-color:var(--taupe);color:#fff}
.cvv-sec .button.cvv-optie:before{color:var(--taupe)}
.cvv-optie span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cvv-optie span:before{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);margin-bottom:2px}
.cvv-optie--bellen span:before{content:"Bellen"}.cvv-optie--whatsapp span:before{content:"WhatsApp"}
.cvv-optie--mail span:before{content:"E-mail"}.cvv-optie--kennismaken span:before{content:"Kennismaken"}

/* veelgestelde vragen */
.cvv-faq-col .accordion-item{background:#fff;border:1px solid var(--lijn);border-radius:var(--r-m);margin:0 0 12px;transition:border-color .2s;overflow:hidden}
.cvv-band--zand .cvv-faq-col .accordion-item{border-color:transparent}
.cvv-faq-col .accordion-item:has(.active){border-color:var(--taupe)}
.cvv-faq-col .accordion-title{display:flex;justify-content:space-between;gap:16px;align-items:center;border:0!important;padding:18px 22px!important;font-size:17px;font-weight:700;color:var(--donker)!important;line-height:1.45;background:transparent!important}
.cvv-faq-col .accordion-title .toggle{display:none}
.cvv-faq-col .accordion-title:after{content:"+";flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--zand);color:var(--bruin);font-size:20px;font-weight:400;transition:transform .2s}
.cvv-faq-col .accordion-title.active:after{transform:rotate(45deg)}
.cvv-faq-col .accordion-inner{padding:0 22px 20px!important;font-size:16px}

/* in de buurt */
.cvv-buurt{margin-top:28px;padding-top:24px;border-top:1px solid var(--lijn)}
.cvv-buurt__kop{font-size:15px!important;font-weight:700;color:var(--donker);margin-bottom:12px!important}
.cvv-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0!important;padding:0!important}
.cvv-chips li{position:relative;margin:0}
.cvv-sec .cvv-chips li:before{position:absolute;left:14px;top:50%;width:15px;height:15px;margin-top:-7.5px;color:var(--taupe-d);z-index:1;pointer-events:none}
.cvv-sec .cvv-chips a{display:inline-flex;align-items:center;padding:8px 14px 8px 35px;border-radius:999px;background:var(--zand);font-size:15px;text-decoration:none!important;color:var(--donker)!important;white-space:nowrap;max-width:100%}
.cvv-band--zand .cvv-chips a{background:#fff}
.cvv-sec .cvv-chips a:hover{background:var(--taupe)}

/* juridisch */
.cvv-juridisch h2{font-size:24px;margin-top:32px}
.cvv-juridisch h3{margin-top:22px}

/* footer */
.cvv-footer{color:#55554F;font-size:16px;line-height:1.7}
.cvv-footer__merk>.col-inner{display:grid;grid-template-columns:48px 1fr;gap:0 12px;align-items:center}
.cvv-footer__logo{margin:0!important;width:48px!important}
.cvv-footer__logo img{width:48px;height:48px;object-fit:contain}
.cvv-footer__merk .text{display:contents}
.cvv-footer__naam{margin:0!important;font-size:18px;font-weight:700;line-height:1.3}
.cvv-footer__merk .col-inner>p:not(.cvv-footer__naam),.cvv-footer__merk .text p:not(.cvv-footer__naam){grid-column:1/-1;max-width:340px;margin:18px 0 0!important}
.cvv-sec.cvv-footer a:not(.button){color:#55554F;text-decoration:none;overflow-wrap:anywhere}
.cvv-sec.cvv-footer a:not(.button):hover{color:var(--donker);text-decoration:underline;text-decoration-color:var(--taupe)}
.cvv-sec.cvv-footer .cvv-footer__naam a{color:var(--donker)!important}
.cvv-footer__tag{color:var(--donker);font-size:14px;font-weight:600}
.cvv-footer h3{margin:3px 0 16px;font-size:17px;line-height:1.3}
.cvv-footer ul{list-style:none;padding:0;margin:0}
.cvv-footer li{margin:0 0 9px;line-height:1.5;font-size:15.5px}
.cvv-footer__onder{display:flex;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid #E6E1DA;font-size:13px}
.cvv-footer__onder p{margin:0!important;line-height:1.6}

/* tablet */
@media (max-width:849px){
  .cvv-sec{--gap:32px}
  .cvv-portret{margin:8px auto 0;max-width:340px}
  .cvv-sec .row>.col+.col{margin-top:28px}
  .cvv-sec .cvv-kaarten>.col+.col,.cvv-sec .cvv-prijzen>.col+.col,.cvv-sec .cvv-opties>.col+.col,.cvv-sec .cvv-footer .col+.col{margin-top:0}
  .cvv-sec .cvv-welniet+.cvv-welniet{margin-top:16px}
  .cvv-balk ul{grid-template-columns:1fr;gap:12px}
  .cvv-prijsregel>.col-inner{grid-template-columns:1fr;gap:12px}
  .cvv-profiel{max-width:520px}
}
/* mobiel */
@media (max-width:600px){
  .cvv-sec{font-size:16px}
  .cvv-sec h1{max-width:none}
  .cvv-cta>.col-inner{padding:28px 20px}
  .cvv-sec .button.cvv-optie{font-size:15px;padding:14px 16px}
  .cvv-sec .button.cvv-knop{display:flex;justify-content:center;width:100%;margin-right:0;font-size:15px;padding:12px 18px}
  .cvv-sec .col-inner>p:has(>.button:only-child){display:block}
  .cvv-hero--beeld .section-bg:after{background:rgba(247,246,243,.9)}
  .cvv-balk ul{padding:18px 16px}
  .cvv-balk li{font-size:14px;gap:10px}
  .cvv-sec .cvv-balk li:before{width:34px;height:34px}
  .cvv-balk li:after{left:7px;width:20px;height:20px;margin-top:-10px}
  .cvv-portret{max-width:300px}
  .cvv-prijs>.col-inner,.cvv-inbegrepen>.col-inner,.cvv-prijsregel>.col-inner{padding:22px 20px}
  .cvv-stappen ol:before{left:17px}
  .cvv-stappen li{margin-left:52px;padding:16px 18px}
  .cvv-stappen li:before{left:-52px;width:36px;height:36px;font-size:15px}
  .cvv-kaart>.col-inner,.cvv-profiel>.col-inner,.cvv-welniet>.col-inner{padding:22px 20px}
  .cvv-faq-col .accordion-title{padding:16px 18px!important}.cvv-faq-col .accordion-inner{padding:0 18px 18px!important}
  .cvv-footer__onder{flex-direction:column;gap:6px}
}
@media (max-width:420px){.cvv-sec .button.cvv-optie{font-size:14.5px;padding:14px 12px;gap:10px}}
@media (prefers-reduced-motion:reduce){.cvv-sec *{transition:none!important}}


/* rustig contactblok met twee knoppen */
.cvv-sec .cvv-cta .button.cvv-knop{position:relative;z-index:1;background:#fff;border-color:#fff;color:var(--donker)}
.cvv-sec .cvv-cta .button.cvv-knop:hover{background:var(--taupe);border-color:var(--taupe);color:var(--donker)}
.cvv-sec .cvv-cta .button.cvv-knop--rand{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.cvv-sec .cvv-cta .button.cvv-knop--rand:hover{background:#fff;border-color:#fff;color:var(--donker)}
.cvv-cta__tekst{position:relative;z-index:1}

/* kaarten zonder icoon: geen leeg vlak */
.cvv-kaart:not([class*="cvv-i-"])>.col-inner:before{display:none}

/* contactgegevens naast het formulier */
.cvv-direct{list-style:none;margin:0!important;padding:0!important}
.cvv-direct li{margin:0;padding:16px 0;border-bottom:1px solid var(--lijn)}
.cvv-direct li:first-child{padding-top:0}
.cvv-direct li:last-child{border-bottom:0}
.cvv-direct strong{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bruin);margin-bottom:2px}
.cvv-direct a{font-size:18px;font-weight:600}
.cvv-direct span{display:block;font-size:15px;color:#7A756C;margin-top:2px}
.cvv-noot{font-size:15px!important;color:#7A756C}

.cvv-sec .accordion-title{text-decoration:none!important}
.cvv-prijsregel-rij{margin-top:var(--gap)}
.cvv-cta-sec.section{padding-bottom:0!important}

/* blog / kennisbank */
.cvv-blog-hero.section{padding-bottom:clamp(56px,6vw,80px)!important}
.cvv-kb-sec.section{padding-top:56px!important}
.cvv-kb__filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
.cvv-kb__filter button{margin:0;padding:9px 16px;min-height:0;line-height:1.3;border:1px solid var(--lijn);border-radius:0;background:#fff;color:var(--donker);font:inherit;font-size:14.5px;font-weight:500;text-transform:none;letter-spacing:0;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.cvv-kb__filter button:hover{border-color:var(--donker)}
.cvv-kb__filter button.is-actief{background:var(--donker);border-color:var(--donker);color:#fff}
.cvv-sec .cvv-kb a{text-decoration:none!important;color:inherit!important}
.cvv-kb__uitgelicht,.cvv-kb__kaart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lijn);border-radius:var(--r-m);overflow:hidden;transition:border-color .2s}
.cvv-kb__uitgelicht:hover,.cvv-kb__kaart:hover{border-color:var(--donker)}
.cvv-kb__uitgelicht{display:grid;grid-template-columns:1fr;margin-bottom:24px}
.cvv-kb__uitgelicht:has(.cvv-kb__beeld){grid-template-columns:1.1fr 1fr}
.cvv-kb__uitgelicht .cvv-kb__tekst{padding:clamp(28px,4vw,48px)}
.cvv-kb__uitgelicht .cvv-kb__titel{font-size:clamp(24px,2.6vw,32px);max-width:24ch}
.cvv-kb__uitgelicht .cvv-kb__intro{font-size:17px;max-width:62ch}
.cvv-kb__uitgelicht:before{content:"Nieuwste artikel";display:block;padding:12px clamp(28px,4vw,48px);background:var(--zand);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bruin);grid-column:1/-1}
.is-gefilterd .cvv-kb__uitgelicht{display:none}
.is-gefilterd .cvv-kb__uitgelicht:not([hidden]){display:flex}
.is-gefilterd .cvv-kb__uitgelicht:before{display:none}
.cvv-kb__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cvv-kb__beeld{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--zand2)}
.cvv-kb__uitgelicht .cvv-kb__beeld{aspect-ratio:auto;min-height:100%}
.cvv-kb__beeld img{display:block;width:100%;height:100%;object-fit:cover}
.cvv-kb__tekst{display:flex;flex-direction:column;flex:1;padding:24px 24px 22px}
.cvv-kb__cat{display:block;margin-bottom:12px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bruin)}
.cvv-kb__titel{display:block;margin-bottom:10px;font-size:19px;line-height:1.3;color:var(--donker);letter-spacing:-.005em}
.cvv-kb__intro{display:block;margin-bottom:16px;font-size:15.5px;line-height:1.6;color:var(--tekst)}
.cvv-kb__meta{display:block;margin-top:auto;padding-top:14px;border-top:1px solid var(--lijn);font-size:13px;color:#8A857C}
.cvv-kb__lees{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14.5px;font-weight:600;color:var(--donker)}
.cvv-kb__lees:after{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat;transition:transform .2s}
.cvv-kb a:hover .cvv-kb__lees:after{transform:translateX(3px)}
.cvv-kb .is-verborgen,.cvv-kb [hidden]{display:none!important}
.cvv-kb__meer-wrap{margin:36px 0 0!important;text-align:center}
.cvv-kb__meer{margin:0;padding:12px 26px;border:1px solid var(--donker);border-radius:0;background:transparent;color:var(--donker);font:inherit;font-size:15px;font-weight:500;text-transform:none;cursor:pointer}
.cvv-kb__meer:hover{background:var(--donker);color:#fff}
.cvv-kb__leeg{margin-top:12px!important}
@media (max-width:849px){.cvv-kb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cvv-kb__uitgelicht:has(.cvv-kb__beeld){grid-template-columns:1fr}.cvv-kb__uitgelicht .cvv-kb__beeld{aspect-ratio:16/9}}
@media (max-width:600px){.cvv-kb__grid{grid-template-columns:1fr;gap:16px}.cvv-kb__filter{flex-wrap:nowrap;overflow-x:auto;margin-right:-15px;padding-bottom:4px}.cvv-kb__filter button{white-space:nowrap}.cvv-kb__tekst{padding:20px}}
/* iconen */
.cvv-sec{--i-x:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m15 9-6 6M9 9l6 6'/></svg>");--i-arrow:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M12 5l7 7-7 7'/></svg>");--i-check:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.1V12a10 10 0 1 1-5.9-9.1'/><path d='M22 4 12 14l-3-3'/></svg>");--i-linkedin:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z'/><circle cx='4' cy='4' r='2'/></svg>");}
.cvv-i-shield{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><path d='m9 12 2 2 4-4'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><path d='m9 12 2 2 4-4'/></svg>")}
.cvv-i-pin{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>")}
.cvv-i-video{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='m22 8-6 4 6 4V8z'/><rect x='2' y='6' width='14' height='12' rx='2'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='m22 8-6 4 6 4V8z'/><rect x='2' y='6' width='14' height='12' rx='2'/></svg>")}
.cvv-i-euro{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4 10h12'/><path d='M4 14h9'/><path d='M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4 10h12'/><path d='M4 14h9'/><path d='M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2'/></svg>")}
.cvv-i-phone{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/></svg>")}
.cvv-i-chat{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M21 11.5a8.4 8.4 0 0 1-9 8.4 8.6 8.6 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 8.5-8.5h.5a8.5 8.5 0 0 1 8 8v.5z'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M21 11.5a8.4 8.4 0 0 1-9 8.4 8.6 8.6 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 8.5-8.5h.5a8.5 8.5 0 0 1 8 8v.5z'/></svg>")}
.cvv-i-mail{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-10 6L2 7'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-10 6L2 7'/></svg>")}
.cvv-i-calendar{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4M8 2v4M3 10h18'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4M8 2v4M3 10h18'/></svg>")}
.cvv-i-lock{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>")}
.cvv-i-scale{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v18M5 21h14M3 7h18'/><path d='m6 7-3 7a3 3 0 0 0 6 0L6 7zM18 7l-3 7a3 3 0 0 0 6 0l-3-7z'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v18M5 21h14M3 7h18'/><path d='m6 7-3 7a3 3 0 0 0 6 0L6 7zM18 7l-3 7a3 3 0 0 0 6 0l-3-7z'/></svg>")}
.cvv-i-users{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M23 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M23 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8'/></svg>")}
.cvv-i-building{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='2' width='16' height='20' rx='2'/><path d='M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='2' width='16' height='20' rx='2'/><path d='M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01'/></svg>")}
.cvv-i-heart{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z'/></svg>")}
.cvv-i-ear{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0'/><path d='M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0'/><path d='M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4'/></svg>")}
.cvv-i-file{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><path d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><path d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/></svg>")}
.cvv-i-check{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.1V12a10 10 0 1 1-5.9-9.1'/><path d='M22 4 12 14l-3-3'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.1V12a10 10 0 1 1-5.9-9.1'/><path d='M22 4 12 14l-3-3'/></svg>")}
.cvv-i-arrow{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M12 5l7 7-7 7'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M12 5l7 7-7 7'/></svg>")}
.cvv-i-compass{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m16.2 7.8-2.1 6.3-6.3 2.1 2.1-6.3z'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m16.2 7.8-2.1 6.3-6.3 2.1 2.1-6.3z'/></svg>")}
.cvv-i-linkedin{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z'/><circle cx='4' cy='4' r='2'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z'/><circle cx='4' cy='4' r='2'/></svg>")}
.cvv-i-walk{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z'/><path d='M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z'/><path d='M16 17h4M4 13h4'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z'/><path d='M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z'/><path d='M16 17h4M4 13h4'/></svg>")}
.cvv-i-coffee{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M17 8h1a4 4 0 1 1 0 8h-1'/><path d='M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z'/><path d='M6 2v2M10 2v2M14 2v2'/></svg>");--ib:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D7B68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M17 8h1a4 4 0 1 1 0 8h-1'/><path d='M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z'/><path d='M6 2v2M10 2v2M14 2v2'/></svg>")}
