
:root{--green:#778669;--green-dark:#5d6b53;--green-soft:#b3c1a4;--gold:#d7ae45;--gold-light:#f4dea0;--gold-deep:#9b711b;--gold-shine:#fff3bd;--cream:#f5e1c6;--paper:#fff4e2;--text:#273127;--muted:#687064;--shadow:0 22px 60px rgba(93,107,83,.16);--gold-gradient:linear-gradient(135deg,var(--gold-deep) 0%,var(--gold) 34%,var(--gold-shine) 50%,var(--gold) 68%,var(--gold-deep) 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#faecd8,var(--cream));line-height:1.7}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.12;margin:0;font-weight:500}h1{font-size:clamp(2.4rem,6vw,5.7rem)}h2{font-size:clamp(1.8rem,3.7vw,3.2rem)}h3{font-size:1.42rem}p{margin:0}p+p{margin-top:1rem}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;background:rgba(245,225,198,.90);backdrop-filter:blur(16px);border-bottom:1px solid rgba(199,164,93,.24)}.nav{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.08em;text-transform:uppercase}.brand strong{font-weight:600;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.12)}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-shine);font-family:Georgia,serif;font-size:1.35rem;background:radial-gradient(circle at 35% 28%,rgba(255,243,189,.28),transparent 34%);box-shadow:inset 0 0 0 1px rgba(255,243,189,.15),0 0 14px rgba(215,174,69,.18)}.nav-links{display:flex;align-items:center;gap:24px;color:var(--green-dark)}.nav-links a:not(.btn):hover{color:var(--gold)}.nav-toggle{display:none;border:0;background:transparent;font-size:1.8rem;color:var(--green-dark)}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;background:var(--gold-gradient);color:#fffaf0;padding:13px 23px;font-weight:800;border:1px solid var(--gold);box-shadow:0 10px 28px rgba(155,113,27,.28),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(115,78,10,.28);cursor:pointer;text-shadow:0 1px 1px rgba(83,55,5,.25);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(155,113,27,.34),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(115,78,10,.24);filter:saturate(1.08) brightness(1.04)}.btn-small{padding:9px 17px;font-size:.92rem}.btn-ghost{background:linear-gradient(180deg,rgba(255,243,189,.08),rgba(155,113,27,.06));color:var(--gold-light);border-color:rgba(244,222,160,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.hero{min-height:78vh;background:radial-gradient(circle at 85% 16%,rgba(199,164,93,.20),transparent 27%),linear-gradient(135deg,var(--green-dark),var(--green));color:var(--paper);padding:100px 24px 85px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);gap:54px;align-items:center;overflow:hidden;position:relative}.hero::after{content:"";position:absolute;right:-8%;bottom:-20%;width:60%;height:42%;border-top:2px solid var(--gold);border-radius:50% 0 0 0;opacity:.8}.hero-content{max-width:1180px;justify-self:end;width:100%}.eyebrow{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:900;margin-bottom:18px;text-shadow:0 1px 10px rgba(215,174,69,.08)}.lead{max-width:720px;font-size:1.2rem;margin:26px 0;color:rgba(255,244,226,.88)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-card{position:relative;z-index:1;background:rgba(255,244,226,.08);border:1px solid rgba(234,219,183,.25);border-radius:28px;padding:42px;max-width:390px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.compass{width:170px;height:170px;border:1.5px solid var(--gold);border-radius:50%;margin:0 auto 26px;display:grid;place-items:center;position:relative;font-family:Georgia,serif;color:var(--gold-shine);font-size:4.7rem;background:radial-gradient(circle at 38% 30%,rgba(255,243,189,.14),transparent 38%);box-shadow:inset 0 0 0 1px rgba(255,243,189,.14),0 0 26px rgba(215,174,69,.14);text-shadow:0 1px 0 rgba(255,255,255,.22),0 5px 18px rgba(155,113,27,.20)}.compass::before,.compass::after{content:"";position:absolute;background:var(--gold);opacity:.9}.compass::before{width:2px;height:215px;background:linear-gradient(180deg,var(--gold-deep),var(--gold-shine),var(--gold-deep))}.compass::after{height:2px;width:215px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-shine),var(--gold-deep))}.hero-card p{text-align:center;font-size:1.05rem;color:var(--gold-light)}.page-hero{padding:92px 24px 70px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:var(--paper);text-align:center}.page-hero h1{max-width:1000px;margin:0 auto}.page-hero p:last-child{max-width:760px;margin:22px auto 0;color:rgba(255,244,226,.85);font-size:1.1rem}.content{max-width:1180px;margin:0 auto;padding:78px 24px}.two-col{display:grid;grid-template-columns:.8fr 1fr;gap:56px;align-items:start}.welcome-centered{max-width:900px;text-align:center}.welcome-centered .text-card{text-align:center}.text-card,.long-card,.wide-card,.price-card,.info-strip,.contact-form{background:var(--paper);border:1px solid rgba(119,134,105,.10);border-radius:28px;padding:34px;box-shadow:0 12px 35px rgba(93,107,83,.08)}.text-card p,.long-card p,.wide-card p{color:var(--muted)}.cards{max-width:1180px;margin:0 auto;padding:0 24px 78px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper);padding:32px;border-radius:26px;border:1px solid rgba(119,134,105,.12);box-shadow:0 12px 35px rgba(93,107,83,.08)}.card h3{color:var(--green-dark);margin-bottom:12px}.card p{color:var(--muted)}.card.featured{background:var(--green);color:var(--paper);border-color:var(--green)}.card.featured h3{color:var(--gold-light)}.card.featured p{color:rgba(255,244,226,.84)}.icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(199,164,93,.45);margin-bottom:15px}.quote{padding:82px 24px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:var(--paper);text-align:center}.quote p{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem);background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 28px rgba(215,174,69,.10)}.treatment-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.long-card h2,.wide-card h2,.price-card h2{margin-bottom:20px}.long-card h3,.wide-card h3{margin:28px 0 12px;color:var(--green-dark)}.accent{background:linear-gradient(180deg,#fff4e2,#f1dcc0)}.check-list,.gold-list{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}.check-list li,.gold-list li{padding-left:28px;position:relative;color:var(--green-dark)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}.gold-list li:before{content:"✦";position:absolute;left:0;color:var(--gold)}.wide-card{padding:44px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.compare div{background:#f1ddc0;border-radius:18px;padding:20px;border:1px solid rgba(199,164,93,.2)}.compare strong{display:block;color:var(--gold);font-size:1.1rem}.compare span{display:block;color:var(--green-dark);margin-top:4px}.timeline{display:grid;gap:12px;margin:18px 0 24px}.timeline div{display:flex;gap:16px;align-items:center;background:#f3e2c8;border-radius:16px;padding:15px 18px}.timeline span{color:var(--gold);font-weight:900;letter-spacing:.08em}.columns{grid-template-columns:repeat(2,minmax(0,1fr))}.small-note{font-size:.92rem;color:var(--muted)!important;margin-top:22px}.about-layout{display:grid;grid-template-columns:.42fr 1fr;gap:28px;align-items:start}.portrait-placeholder{min-height:440px;border-radius:30px;background:radial-gradient(circle at 70% 12%,rgba(199,164,93,.35),transparent 28%),linear-gradient(135deg,var(--green),var(--green-dark));color:var(--gold-light);display:grid;place-items:center;text-align:center;padding:28px;box-shadow:var(--shadow);position:sticky;top:110px}.portrait-placeholder span{font-family:Georgia,serif;font-size:8rem;border:1px solid var(--gold);width:180px;height:180px;border-radius:50%;display:grid;place-items:center}.portrait-placeholder p{margin-top:22px}.portrait-photo{min-height:440px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);position:sticky;top:110px;background:var(--green-dark)}.portrait-photo img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center center}.pricing-wrap{display:grid;gap:24px}.price-card{overflow-x:auto}.price-card.highlight{border-color:rgba(199,164,93,.55);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid rgba(119,134,105,.1)}th{color:var(--gold);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}td:last-child,th:last-child{text-align:right;font-weight:800;color:var(--green-dark)}.info-strip{display:grid;gap:10px;background:linear-gradient(135deg,#fff4e2,#efd8b8)}.contact-layout{display:grid;grid-template-columns:.9fr 1fr;gap:30px}.contact-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}.contact-list li{background:#f3e2c8;border-radius:16px;padding:15px 18px;display:flex;justify-content:space-between;gap:20px}.contact-list span{color:var(--muted)}label{display:grid;gap:8px;color:var(--green-dark);font-weight:700;margin-bottom:16px}input,textarea{width:100%;border:1px solid rgba(119,134,105,.16);border-radius:16px;padding:14px 16px;font:inherit;background:#fff9ef;color:var(--text)}textarea{min-height:130px;resize:vertical}input:focus,textarea:focus{outline:2px solid rgba(199,164,93,.36);border-color:var(--gold)}footer{border-top:1px solid rgba(119,134,105,.10);padding:30px 24px;color:var(--muted)}.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner strong{color:var(--green-dark)}
@media(max-width:900px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:20px;right:20px;top:78px;padding:20px;background:var(--paper);border-radius:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero,.two-col,.cards,.treatment-grid,.about-layout,.contact-layout{grid-template-columns:1fr}.hero{padding-top:72px}.hero-card{max-width:none}.content{padding:58px 20px}.cards{padding-bottom:58px}.columns{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.portrait-placeholder,.portrait-photo{position:static;min-height:320px}.portrait-photo img{min-height:320px}.contact-list li{display:block}.footer-inner{display:block;text-align:center}.footer-inner div+div{margin-top:10px}table{min-width:560px}}

/* Versie 7: extra leesbaarheid op de belangrijkste gouden knoppen */
.btn-contrast{
  color:var(--green-dark);
  font-weight:900;
  text-shadow:0 1px 0 rgba(255,255,255,.38);
  border-color:var(--gold-deep);
}
.btn-contrast:hover{
  color:#1f2a22;
}

/* Versie 8 — grote paginatitels circa 50% kleiner */
h1{font-size:clamp(1.2rem,3vw,2.85rem)}

/* Versie 9 — groentinten aangepast op basis van aangeleverd kleurstaal (#515c4c) */

/* Versie 10 — groen subtiel lichter gemaakt */


/* Versie 11 — groentinten aangepast naar het nieuwe aangeleverde kleurstaal (#778669) */


/* Versie 12 — goud op crème/licht vervangen door het huidige groen.
   Goud op groene vlakken en gouden knoppen blijft behouden. */
.site-header{
  border-bottom-color:rgba(119,134,105,.26);
}
.site-header .brand strong{
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  color:var(--green-dark);
  text-shadow:none;
}
.site-header .brand-mark{
  border-color:var(--green);
  color:var(--green-dark);
  background:radial-gradient(circle at 35% 28%,rgba(179,193,164,.28),transparent 34%);
  box-shadow:inset 0 0 0 1px rgba(179,193,164,.22),0 0 14px rgba(93,107,83,.14);
}
.site-header .nav-links a:not(.btn):hover{
  color:var(--green-dark);
}

/* Gouden accenten op lichte contentvlakken */
.content > div > .eyebrow,
.content .eyebrow,
.text-card .eyebrow,
.long-card .eyebrow,
.wide-card .eyebrow,
.price-card .eyebrow,
.contact-form .eyebrow{
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  color:var(--green-dark);
  text-shadow:none;
}
.card:not(.featured) .icon{
  border-color:rgba(119,134,105,.52);
  color:var(--green-dark);
}
.check-list li:before,
.gold-list li:before,
.compare strong,
.timeline span,
th{
  color:var(--green-dark);
}
.compare div{
  border-color:rgba(119,134,105,.24);
}
.price-card.highlight{
  border-color:rgba(119,134,105,.58);
}
input:focus,
textarea:focus{
  outline-color:rgba(119,134,105,.34);
  border-color:var(--green);
}


/* Versie 13 — nieuw aangeleverd logo toegepast */
.brand{display:flex;align-items:center;gap:0;letter-spacing:0;text-transform:none}
.brand-logo{display:block;height:68px;width:auto;max-width:320px;object-fit:contain}
.brand-mark{display:none}
.hero-card{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-logo{display:block;width:min(100%,320px);height:auto;border-radius:22px;box-shadow:0 16px 36px rgba(0,0,0,.14);margin:0 auto 18px;background:#efe3cd}
@media(max-width:900px){.brand-logo{height:56px;max-width:250px}.hero-logo{max-width:260px}}


/* Versie 14 — logo netter laten overlopen + header alleen tekst */
.brand{display:flex;align-items:center;gap:0;letter-spacing:0;text-transform:none}
.brand-text-wrap{display:flex;flex-direction:column;line-height:1.05}
.brand-title{font-size:2rem;font-weight:600;color:var(--green-dark);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.brand-subtitle{margin-top:4px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-dark);opacity:.86}
.brand-logo,.brand-mark{display:none}
.hero-logo-panel{background:transparent;border:none;box-shadow:none;padding:12px 0 0;max-width:430px}
.hero-logo-wrap{background:linear-gradient(180deg,rgba(255,244,226,.98),rgba(245,225,198,.96));padding:18px 18px 10px;border-radius:34px;box-shadow:0 18px 45px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.22)}
.hero-logo{display:block;width:min(100%,340px);height:auto;border-radius:22px;box-shadow:none;margin:0 auto;background:transparent}
.hero-logo-panel p{margin-top:16px;color:var(--gold-light)}
@media(max-width:900px){.brand-title{font-size:1.5rem}.brand-subtitle{font-size:.62rem;letter-spacing:.12em}.hero-logo-wrap{padding:14px 14px 8px;border-radius:26px}.hero-logo{max-width:260px}}


/* Versie 15 — homepage hero compacter + crème logo-omkadering verwijderd */
.home-page .hero{
  min-height:48vh;
  padding:52px 24px 48px;
  gap:36px;
  grid-template-columns:minmax(0,1.15fr) minmax(250px,.48fr);
}
.home-page .hero-content{max-width:1080px}
.home-page .hero h1{font-size:clamp(1.7rem,2.8vw,2.65rem)}
.home-page .lead{font-size:1.08rem;margin:18px 0 22px}
.home-page .hero-logo-panel{
  padding:0;
  max-width:360px;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
}
.home-page .hero-logo{
  width:min(100%,300px);
  margin:0 auto 12px;
  border-radius:18px;
  box-shadow:none;
  background:transparent;
}
.home-page .hero-logo-panel p{margin-top:8px}
@media(max-width:900px){
  .home-page .hero{min-height:auto;padding:42px 20px 38px;gap:28px}
  .home-page .hero-logo-panel{max-width:none}
  .home-page .hero-logo{max-width:240px}
}


/* Versie 16 — nieuwe Karin foto als ronde portretfoto zonder zwart vlak */
.portrait-photo{width:min(100%,420px);aspect-ratio:1/1;min-height:0;border-radius:50%;overflow:hidden;box-shadow:var(--shadow);position:sticky;top:110px;background:transparent;margin:0 auto;border:6px solid rgba(255,244,226,.8)}
.portrait-photo img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 28%;}
@media(max-width:900px){.portrait-photo{position:static;width:min(100%,320px)}}


/* Versie 17 — introzin NEI & Hypnose samen groter en vet */
.combo-intro{
  font-size:clamp(1.18rem,1.8vw,1.48rem);
  line-height:1.5;
  font-weight:800;
  color:var(--green-dark)!important;
  margin-bottom:22px;
}


/* Versie 18 — introzin iets kleiner en verfijnder */
.combo-intro{
  max-width:900px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.08rem,1.45vw,1.28rem);
  line-height:1.58;
  font-weight:600;
  letter-spacing:.01em;
  color:var(--green-dark)!important;
  margin:2px 0 26px;
  padding-left:18px;
  border-left:3px solid var(--green);
}


/* Versie 19 — Edelvuur logo toegevoegd linksonder in de footer op alle pagina's */
.footer-left{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-badge{display:block;width:120px;height:auto;border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,.10);background:#fff}
@media(max-width:900px){.footer-left{align-items:center}.footer-badge{width:110px}}


/* Versie 20 — footerlogo iets naar rechts en zonder witte achtergrond */
.footer-badge{display:block;width:120px;height:auto;border-radius:50%;box-shadow:none;background:transparent;margin-left:30px}
@media(max-width:900px){.footer-badge{margin-left:18px;width:108px}}


/* Versie 22 — tweede keurmerklogo toegevoegd naast het bestaande footerlogo */
.footer-badges{display:flex;align-items:flex-end;gap:16px;margin-left:30px;flex-wrap:wrap}
.footer-badges .footer-badge{margin-left:0}
.footer-badges .footer-badge:last-child{width:112px}
@media(max-width:900px){.footer-badges{justify-content:center;margin-left:18px;gap:14px}.footer-badges .footer-badge:last-child{width:100px}}


/* Versie 23 — homepage quote subtieler + keurmerken naast de footertekst */
.home-page .quote{
  padding:48px 24px;
}
.home-page .quote p{
  font-size:clamp(1.35rem,2.3vw,2.2rem);
  font-weight:400;
  letter-spacing:.015em;
  opacity:.88;
}
.footer-left{
  flex-direction:row;
  align-items:center;
  gap:26px;
}
.footer-badges{
  margin-left:8px;
  align-items:center;
  flex-wrap:nowrap;
}
@media(max-width:900px){
  .footer-left{flex-direction:column;align-items:center;gap:14px}
  .footer-badges{margin-left:0;justify-content:center;flex-wrap:wrap}
  .home-page .quote{padding:38px 20px}
}


/* Versie 24 — informatieblok op Tarieven in huisstijlgroen */
.info-strip{
  background:var(--green);
  color:var(--paper);
  border-color:var(--green);
  box-shadow:0 16px 38px rgba(93,107,83,.16);
}
.info-strip p,
.info-strip strong{
  color:var(--paper);
}


/* Versie 25 — werkend contactformulier voor TransIP */
.optional{font-weight:500;color:var(--muted);font-size:.88em}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.form-status{margin:0 0 20px;padding:14px 16px;border-radius:16px;font-weight:700;line-height:1.5;background:rgba(119,134,105,.14);border:1px solid rgba(119,134,105,.28);color:var(--green-dark)}
.form-status.is-error{background:#f8e6df;border-color:#d7a996;color:#6b3f30}
.contact-form button[type="submit"]{min-width:150px}
.contact-list a{text-decoration:none;color:inherit}
.contact-list a:hover{text-decoration:underline}


/* Versie 28 — uitgebreide mobiele optimalisatie, desktop ongewijzigd */
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px;line-height:1.65}

  .site-header{background:rgba(245,225,198,.97)}
  .nav{min-height:72px;padding:10px 16px;gap:12px}
  .brand{min-width:0}
  .brand-title{font-size:1.35rem;line-height:1}
  .brand-subtitle{margin-top:4px;font-size:.58rem;letter-spacing:.10em;white-space:nowrap}
  .nav-toggle{
    display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;padding:0;
    border:1px solid rgba(119,134,105,.34);border-radius:50%;
    background:rgba(255,244,226,.72);font-size:1.35rem;line-height:1;color:var(--green-dark)
  }
  .nav-links{
    display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);
    padding:10px;background:rgba(255,244,226,.99);border:1px solid rgba(119,134,105,.18);
    border-radius:20px;box-shadow:0 18px 50px rgba(51,63,48,.20);
    flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100vh - 96px);overflow-y:auto
  }
  .nav-links.open{display:flex}
  .nav-links a:not(.btn){padding:11px 14px;border-radius:12px;text-align:center}
  .nav-links a:not(.btn):hover{background:rgba(119,134,105,.10);color:var(--green-dark)}
  .nav-links .btn{width:100%;min-height:46px;margin-top:4px}

  .page-hero{padding:48px 18px 42px}
  .page-hero h1{max-width:23ch;margin-inline:auto;font-size:clamp(1.55rem,7vw,2.05rem);line-height:1.18}
  .page-hero p:last-child{margin-top:14px;font-size:.98rem;line-height:1.6}
  .eyebrow{margin-bottom:12px;font-size:.69rem;letter-spacing:.16em}

  .content{padding:42px 16px}
  .cards{padding:0 16px 42px;gap:14px}
  .text-card,.long-card,.wide-card,.price-card,.info-strip,.contact-form,.card{
    padding:22px;border-radius:22px
  }
  .card{padding:24px}
  .wide-card{padding:24px}
  .long-card h2,.wide-card h2,.price-card h2{margin-bottom:16px}
  .long-card h3,.wide-card h3{margin-top:24px}

  .home-page .hero{
    min-height:auto;padding:36px 18px 34px;gap:22px;text-align:center
  }
  .home-page .hero::after{opacity:.45}
  .home-page .hero-content{max-width:100%}
  .home-page .hero h1{
    max-width:18ch;margin:0 auto;font-size:clamp(1.9rem,8vw,2.45rem);line-height:1.12
  }
  .home-page .lead{
    max-width:34rem;margin:16px auto 20px;font-size:1rem;line-height:1.62
  }
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:360px;margin:0 auto;gap:10px}
  .hero-actions .btn{width:100%;min-height:48px;padding:12px 18px}
  .home-page .hero-logo-panel{max-width:100%}
  .home-page .hero-logo{max-width:210px;margin-bottom:8px}
  .home-page .hero-logo-panel p{font-size:.94rem;line-height:1.4}
  .home-page .quote{padding:34px 18px}
  .home-page .quote p{font-size:clamp(1.25rem,6vw,1.7rem);line-height:1.35}

  .treatment-grid{gap:16px}
  .compare{gap:10px}
  .compare div{padding:16px}
  .timeline{gap:10px}
  .timeline div{align-items:flex-start;padding:14px 15px}
  .timeline span{min-width:26px}
  .combo-intro{padding-left:14px;margin-bottom:22px;font-size:1.05rem;line-height:1.55}

  .about-layout{gap:24px}
  .portrait-photo{width:min(76vw,300px);border-width:4px}

  .contact-layout{gap:18px}
  .contact-list{gap:10px;margin-top:20px}
  .contact-list li{display:grid;gap:2px;padding:13px 15px}
  .contact-list span{word-break:break-word}
  input,textarea{font-size:16px;padding:13px 14px;border-radius:14px}
  textarea{min-height:150px}
  .contact-form button[type="submit"]{width:100%;min-height:48px}

  footer{padding:28px 16px}
  .footer-inner{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
  .footer-left{flex-direction:column;align-items:center;gap:14px}
  .footer-badges{margin-left:0;justify-content:center;gap:12px;flex-wrap:nowrap}
  .footer-badge{width:88px;margin-left:0}
  .footer-badges .footer-badge:last-child{width:84px}
}

@media(max-width:600px){
  .nav{padding-inline:14px}
  .brand-title{font-size:1.22rem}
  .brand-subtitle{font-size:.54rem;letter-spacing:.085em}

  .page-hero{padding:42px 16px 36px}
  .page-hero h1{font-size:clamp(1.45rem,7.5vw,1.9rem)}
  .content{padding:36px 14px}
  .cards{padding-inline:14px}
  .text-card,.long-card,.wide-card,.price-card,.info-strip,.contact-form,.card{padding:20px;border-radius:20px}

  .home-page .hero{padding:32px 16px 30px}
  .home-page .hero h1{font-size:clamp(1.72rem,8.8vw,2.2rem)}
  .home-page .hero-logo{max-width:190px}

  .price-card{overflow:visible;padding:20px 16px}
  .price-card table{display:block;width:100%;min-width:0}
  .price-card tbody{display:block;width:100%}
  .price-card tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:14px 0;border-bottom:1px solid rgba(119,134,105,.16)}
  .price-card tr:first-child{display:none}
  .price-card tr:last-child{border-bottom:0;padding-bottom:0}
  .price-card td{display:block;padding:0;border:0;text-align:left}
  .price-card td:first-child{grid-column:1/-1;font-weight:750;color:var(--green-dark);line-height:1.45}
  .price-card td:nth-child(2){font-size:.88rem;color:var(--muted)}
  .price-card td:nth-child(2)::before{content:"Duur · ";font-weight:700;color:var(--green-dark)}
  .price-card td:nth-child(3){font-size:.95rem;font-weight:850;color:var(--green-dark);text-align:right;white-space:nowrap}
  .info-strip{gap:12px}

  .compare{grid-template-columns:1fr}
  .columns{grid-template-columns:1fr}
  .contact-list li{padding:12px 14px}
  .footer-badges{gap:10px}
  .footer-badge{width:78px}
  .footer-badges .footer-badge:last-child{width:74px}
}


/* Versie 40 — Ervaringen met Google-reviews, in de bestaande huisstijl */
@media (min-width:901px){.nav-links{gap:clamp(12px,1.65vw,22px)}}
.nav-links a[aria-current="page"]:not(.btn){font-weight:800;color:var(--green-dark)}
.experiences-hero h1{max-width:800px}
.reviews-content{padding-top:68px;padding-bottom:74px}
.reviews-heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.reviews-heading-row h2{color:var(--green-dark);font-size:clamp(1.75rem,3vw,2.5rem)}
.reviews-heading-row .eyebrow{margin-bottom:10px}
.reviews-intro{max-width:610px;margin-top:15px;color:var(--muted)}
.reviews-google-link{white-space:nowrap;flex-shrink:0}
.google-reviews-mount{min-height:290px;border-radius:28px;background:var(--paper);border:1px solid rgba(119,134,105,.16);box-shadow:0 18px 42px rgba(93,107,83,.1);padding:30px;overflow:hidden}
.google-reviews-fallback{min-height:230px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:25px;max-width:760px;margin:0 auto}
.review-symbol{width:96px;height:96px;border-radius:50%;background:rgba(119,134,105,.12);display:grid;place-items:center;font-family:Georgia,serif;font-size:6.6rem;line-height:1;color:var(--green-dark);padding-top:40px}
.review-source{display:block;color:var(--green-dark);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.google-reviews-fallback h3{margin:0 0 14px;color:var(--green-dark);font-size:clamp(1.5rem,2.2vw,2rem)}
.google-reviews-fallback p{color:var(--muted);margin-bottom:20px}
.reviews-note{margin-top:28px;padding:27px 30px;display:flex;gap:20px;align-items:start;border-radius:24px;border:1px solid rgba(119,134,105,.18);background:rgba(255,244,226,.7)}
.reviews-note-icon{flex-shrink:0;border:1px solid rgba(119,134,105,.28);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--green-dark);font-size:1.25rem}
.reviews-note h3{color:var(--green-dark);margin:0 0 8px}
.reviews-note p{color:var(--muted)}
.reviews-bottom-cta{padding:64px 24px 70px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:var(--paper);text-align:center}
.reviews-bottom-cta>div{max-width:760px;margin:0 auto}
.reviews-bottom-cta h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:15px}
.reviews-bottom-cta p:not(.eyebrow){color:rgba(255,244,226,.87);margin-bottom:25px}
@media(max-width:900px){
  .reviews-content{padding-top:38px;padding-bottom:50px}
  .reviews-heading-row{display:block;margin-bottom:20px}
  .reviews-google-link{margin-top:20px}
  .google-reviews-mount{padding:22px;border-radius:22px}
  .google-reviews-fallback{gap:20px}
  .review-symbol{width:78px;height:78px;font-size:5.2rem;padding-top:32px}
  .reviews-bottom-cta{padding:48px 18px}
}
@media(max-width:600px){
  .reviews-google-link{width:100%;white-space:normal}
  .google-reviews-mount{padding:20px}
  .google-reviews-fallback{grid-template-columns:1fr;text-align:center;justify-items:center;gap:14px}
  .google-reviews-fallback .btn{width:100%}
  .review-symbol{width:64px;height:64px;font-size:4.6rem;padding-top:28px}
  .reviews-note{padding:20px;gap:13px}
  .reviews-note-icon{width:34px;height:34px}
}

/* Versie 41: statische Google-reviewkaarten — onafhankelijk van Elfsight */
.manual-google-reviews[hidden],.google-reviews-mount[hidden],.google-reviews-fallback[hidden]{display:none!important}
.manual-google-reviews{padding:5px 0 7px}
.review-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.review-card{min-width:0;display:flex;flex-direction:column;padding:28px 26px 25px;border-radius:24px;background:#fff4e2;border:1px solid rgba(119,134,105,.21);box-shadow:0 13px 37px rgba(93,107,83,.11);position:relative;overflow-wrap:anywhere}
.review-card::before{content:'“';position:absolute;right:22px;top:48px;font:normal 6rem Georgia,serif;line-height:1;color:rgba(119,134,105,.14);pointer-events:none}
.review-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:22px}
.review-card-stars{font-family:Georgia,serif;color:var(--gold-deep);font-size:1.24rem;letter-spacing:.16em;line-height:1.3;white-space:nowrap}
.review-card-source{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--green-dark);text-transform:uppercase}
.review-card-quote{margin:0 0 27px;font:400 1.12rem/1.65 Georgia,'Times New Roman',serif;color:var(--text);position:relative;z-index:1;white-space:pre-line;flex:1}
.review-card-footer{padding-top:18px;border-top:1px solid rgba(119,134,105,.23);display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}
.review-card-footer strong{font-size:.94rem;color:var(--green-dark)}
.review-card-footer span{font-size:.8rem;color:var(--muted)}
@media(max-width:980px){.review-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.review-cards-grid{grid-template-columns:1fr;gap:14px}.review-card{padding:24px 22px}.review-card-quote{font-size:1.07rem}}

/* Versie 42 — vijf handmatig geselecteerde Google-reviews plus reacties van InnerKoers */
.review-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.review-card{min-width:0;display:flex;flex-direction:column;padding:30px 29px 26px;border-radius:24px;background:var(--paper);border:1px solid rgba(119,134,105,.23);box-shadow:0 14px 38px rgba(93,107,83,.09);position:relative;overflow-wrap:break-word}
.review-card::before{top:49px;right:22px;opacity:.7}
.review-card-top{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;position:relative;z-index:1}
.review-card-stars{font-family:Georgia,serif;color:var(--gold);font-size:1.32rem;letter-spacing:.095em;line-height:1.25}
.review-card-source{font-size:.7rem;letter-spacing:.1em;color:var(--green-dark)}
.review-card-quote{margin:0 0 24px;flex:1;color:var(--text);font:400 1.045rem/1.68 Georgia,'Times New Roman',serif;white-space:normal}
.review-card-quote p{margin:0}
.review-card-quote p+p{margin-top:1.1em}
.review-card-footer{padding-top:15px;border-top:1px solid rgba(119,134,105,.23)}
.review-card-footer strong{font-size:.99rem;color:var(--green-dark)}
.review-card-reply{margin-top:16px;padding:13px 16px;border-left:3px solid var(--green);border-radius:0 12px 12px 0;background:#edf0e6}
.review-card-reply-label{font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--green-dark);margin-bottom:3px}
.review-card-reply p{font-size:.9rem;line-height:1.55;color:#455442;margin:0}
.review-card-featured{grid-column:1 / -1;background:linear-gradient(140deg,#fff4e2,#f7e8d1)}
.review-card-featured .review-card-quote{max-width:900px}
.review-card-featured .review-card-reply{max-width:900px}
.reviews-credit{margin:19px 2px 0;color:var(--muted);font-size:.87rem;line-height:1.65}
.reviews-credit a{color:var(--green-dark);font-weight:800;text-decoration:underline;text-decoration-color:rgba(93,107,83,.45);text-underline-offset:3px}
.reviews-credit a:hover{text-decoration-color:var(--green-dark)}
@media(max-width:700px){.review-cards-grid{grid-template-columns:1fr;gap:16px}.review-card-featured{grid-column:auto}.review-card{padding:23px 20px}.review-card-quote{font-size:1.03rem}.review-card-top{flex-wrap:wrap}.reviews-credit{font-size:.83rem}}
