/* ── FONT FALLBACK: voorkomt layout shift tijdens laden ── */
@font-face {
  font-family: 'Cormorant Garamond';
  src: local('Georgia'), local('Times New Roman');
  font-weight: 400 700;
  font-style: normal;
  size-adjust: 82%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  font-display: swap;
}
:root{
  --rose:#9b3a5a;--rose-dark:#7a2d47;--rose-pale:#f8edf1;--rose-mid:#ddb0c0;
  --cream:#faf7f5;--warm:#f5f0ed;--sage:#4a7c6f;--sage-pale:#eaf4f0;
  --ink:#1e1419;--ink-mid:#5a4850;--ink-light:#6b5c64;
  --gold:#c9973e;--gold-pale:#fdf3e0;--white:#ffffff;
  --r:20px;--rsm:12px;--shadow:0 2px 16px rgba(155,58,90,.08),0 0 0 1px rgba(155,58,90,.06);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#faf7f5;scrollbar-gutter:stable}
body{font-family:'Jost',sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-y:scroll}
/* HEADER */
.site-header{background:rgba(250,247,245,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(221,176,192,.25);position:sticky;top:0;z-index:200;padding-top:env(safe-area-inset-top);transition:box-shadow .2s}
.site-header.scrolled{box-shadow:0 2px 20px rgba(155,58,90,.08)}
.nav-inner{max-width:1140px;margin:0 auto;height:64px;display:flex;align-items:center;padding:0 1.5rem;gap:1.5rem}
.logo-wrap{display:flex;align-items:center;gap:.55rem;text-decoration:none;flex-shrink:0}
.logo-name{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-size:1.28rem;font-weight:600;color:var(--rose);letter-spacing:-.01em}
.logo-name span{color:var(--rose-dark)}
.logo-tag{font-size:.46rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-dark);display:block;margin-top:1px}
.nav-links{display:flex;align-items:center;gap:.05rem;margin-left:auto}

.nav-btn{font-family:'Jost',sans-serif;font-size:.8rem;font-weight:500;color:var(--ink-mid);background:none;border:none;padding:.4rem .75rem;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;letter-spacing:.01em;white-space:nowrap;transition:color .15s,background .15s}
.nav-btn:hover{color:var(--rose);background:var(--rose-pale)}
.nav-btn.active{color:var(--rose);background:var(--rose-pale);font-weight:600}
.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}
.hamburger span{display:block;width:20px;height:1.5px;background:var(--rose);border-radius:2px}
.mobile-menu{display:none;background:#fff;border-top:1px solid rgba(221,176,192,.3);padding:.5rem 1rem 1rem}
.mobile-menu.open{display:flex;flex-direction:column;gap:.1rem}
.mobile-menu .nav-btn{text-align:left;font-size:.88rem;padding:.6rem .9rem}
/* PAGE HERO */
.sa-hero{background:linear-gradient(155deg,#fdf0f5 0%,#faf7f5 60%,#eff4f2 100%);padding:2rem 1.25rem 1.75rem;position:relative;overflow:hidden}
.sa-hero::after{content:'♡';position:absolute;bottom:-10px;right:1.5rem;font-size:7rem;color:var(--rose);opacity:.05;line-height:1;pointer-events:none}
.sa-hero-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}
.sa-hero-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);background:var(--rose-pale);border:1px solid rgba(155,58,90,.15);padding:.28rem .7rem;border-radius:20px;margin-bottom:.85rem}
.sa-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,5vw,2.5rem);color:var(--ink);margin-bottom:.45rem;line-height:1.18;font-weight:500}
.sa-hero h1 em{font-style:italic;color:var(--rose)}
.sa-hero p{font-size:.86rem;color:var(--ink-mid);max-width:520px;line-height:1.7}
.sa-wrap{max-width:680px;margin:0 auto;padding:1.5rem 1.25rem 5rem}
/* SECTION & CARDS */
.sa-section{background:#fff;border-radius:var(--r);padding:1.25rem;margin-bottom:.75rem;box-shadow:var(--shadow)}
.sa-section h2{font-family:'Cormorant Garamond',serif;font-size:1.28rem;color:var(--rose-dark);margin-bottom:.55rem;margin-top:1.1rem;line-height:1.2}
.sa-section h2:first-child{margin-top:0}
.sa-section p{font-size:.86rem;color:var(--ink-mid);line-height:1.8;margin-bottom:.65rem}
.sa-section ul{padding-left:1.2rem;font-size:.86rem;color:var(--ink-mid);line-height:1.9}
.sa-section li{margin-bottom:.2rem}
/* FAQ */
.faq-section{margin-top:.75rem}
.faq-section h2{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--rose-dark);margin-bottom:.85rem;padding:0}
.faq-item{background:#fff;border-radius:var(--rsm);margin-bottom:.5rem;overflow:hidden;box-shadow:var(--shadow)}
.faq-q{width:100%;text-align:left;background:#fff;border:none;padding:.9rem 1.1rem;font-size:.86rem;font-weight:600;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-family:'Jost',sans-serif;line-height:1.4;transition:background .15s}
.faq-q:hover{background:var(--rose-pale)}
.faq-arr{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--warm);border:1.5px solid rgba(221,176,192,.5);display:flex;align-items:center;justify-content:center;transition:all .2s}
.faq-q.open .faq-arr{background:var(--rose);border-color:var(--rose);transform:rotate(180deg)}
.faq-q.open .faq-arr svg{stroke:#fff}
.faq-a{display:none;padding:.5rem 1.1rem 1rem;font-size:.84rem;color:var(--ink-mid);line-height:1.85;border-top:1px solid rgba(221,176,192,.3)}
.faq-q.open+.faq-a{display:block}
/* ICARD */
.icard{border-radius:var(--rsm);padding:1rem 1.15rem;margin-bottom:.7rem;font-size:.86rem;line-height:1.7;color:var(--ink-mid)}
.icard-rose{background:var(--rose-pale);border:1px solid rgba(155,58,90,.12)}
.icard-sage{background:var(--sage-pale);border:1px solid rgba(74,124,111,.18)}
.icard-gold{background:var(--gold-pale);border-left:3px solid var(--gold);border-radius:0 var(--rsm) var(--rsm) 0}
.icard-title{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink);margin-bottom:.35rem}
/* STAT */
.stat{background:#fff;border-radius:var(--rsm);padding:.85rem 1rem;text-align:center;box-shadow:var(--shadow)}
.stat-v{display:block;font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:600;color:var(--rose-dark)}
.stat-l{font-size:.6rem;color:var(--ink-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
.vstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}
/* FORM */
.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}
.field-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light)}
.inp{padding:.8rem 1rem;font-size:16px;font-family:'Jost',sans-serif;border:1.5px solid rgba(221,176,192,.6);border-radius:10px;background:var(--warm);color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}
.inp:focus{border-color:var(--rose);background:#fff;box-shadow:0 0 0 3px rgba(155,58,90,.08)}
.sel-inp{appearance:auto;height:auto;padding:.8rem 1rem}
.btn-main{width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,var(--rose) 0%,var(--rose-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:.92rem;font-weight:600;font-family:'Jost',sans-serif;cursor:pointer;box-shadow:0 4px 16px rgba(155,58,90,.25);transition:opacity .15s,transform .1s}
.btn-main:hover{opacity:.92}
.btn-main:active{transform:scale(.98)}
/* VERLOF */
.vtab-strip{display:flex;gap:.35rem;margin:1rem 0 1.25rem;flex-wrap:wrap}
.vtab{font-family:'Jost',sans-serif;font-size:.77rem;font-weight:500;padding:.42rem .9rem;border-radius:20px;border:1.5px solid rgba(221,176,192,.5);background:#fff;color:var(--ink-mid);cursor:pointer;transition:all .15s}
.vtab:hover{border-color:var(--rose);color:var(--rose)}
.vtab.active{background:var(--rose);color:#fff;border-color:var(--rose)}
.vtab-panel{display:none}.vtab-panel.active{display:block}
.verlof-section{background:#fff;border-radius:var(--rsm);padding:1rem 1.1rem;margin-bottom:.6rem;box-shadow:var(--shadow)}
.vs-title{font-weight:600;font-size:.88rem;color:var(--ink);margin-bottom:.4rem}
.vs-body{font-size:.83rem;color:var(--ink-mid);line-height:1.75}
.tl-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;margin:.5rem 0 .4rem}
.tl-zw{background:var(--sage)}.tl-bv{background:var(--rose)}
.tl-leg{display:flex;gap:1rem;font-size:.71rem;color:var(--ink-mid)}
.tl-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px;vertical-align:middle}
/* ETEN */
.srch-wrap{position:relative;margin-bottom:.85rem}
.srch-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--ink-light);pointer-events:none}
.srch-inp{padding-left:2.8rem}
.cat-strip{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.85rem}
.cat-pill{font-size:.73rem;font-weight:500;padding:.32rem .8rem;border:1.5px solid rgba(221,176,192,.5);border-radius:20px;background:#fff;color:var(--ink-mid);cursor:pointer;font-family:'Jost',sans-serif;transition:all .12s}
.cat-pill:hover,.cat-pill.active{background:var(--rose);color:#fff;border-color:var(--rose)}
.eten-item{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid rgba(245,232,237,.8);cursor:pointer;transition:all .1s}
.eten-item:last-child{border-bottom:none}
.eten-item:hover{background:rgba(155,58,90,.03);margin:0 -.6rem;padding:.75rem .6rem;border-radius:10px}
.e-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;margin-top:2px}
.e-ok{background:#e8f2ee;color:#3a8a62}.e-warn{background:#fef3c7;color:#92400e}.e-no{background:#fef2f2;color:#991b1b}
.e-name{font-size:.88rem;font-weight:500;color:var(--ink)}
.e-pill{font-size:.63rem;font-weight:700;padding:1px 7px;border-radius:10px;margin-left:5px;vertical-align:middle}
.e-reden{font-size:.77rem;color:var(--ink-light);line-height:1.5;margin-top:2px}
.e-chev{color:var(--rose);font-size:.9rem;margin-left:auto;flex-shrink:0;padding-left:.4rem}
/* ETEN MODAL */
.overlay{display:none;position:fixed;inset:0;background:rgba(30,20,25,.5);z-index:700;backdrop-filter:blur(2px)}
.overlay.open{display:block}
.modal{display:none;position:fixed;bottom:0;left:0;right:0;z-index:800;background:#fff;border-radius:22px 22px 0 0;padding:1.5rem 1.25rem calc(2.5rem + env(safe-area-inset-bottom));max-width:600px;margin:0 auto;box-shadow:0 -8px 40px rgba(0,0,0,.15);flex-direction:column;gap:.7rem;max-height:87vh;overflow-y:auto}
.modal.open{display:flex}
.modal-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:1.15rem;color:var(--rose-dark);line-height:1.2}
.modal-close{background:var(--warm);border:none;width:28px;height:28px;border-radius:50%;font-size:.9rem;cursor:pointer;color:var(--ink-mid);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mblock{border-radius:10px;padding:.85rem 1rem}
.mblock-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem}
.mblock-text{font-size:.84rem;line-height:1.7;color:var(--ink-mid)}
.mb-rose{background:var(--rose-pale)}.mb-rose .mblock-label{color:var(--rose-dark)}
.mb-warm{background:var(--warm);border:1px solid rgba(221,176,192,.3)}.mb-warm .mblock-label{color:var(--ink-mid)}
.mb-sage{background:var(--sage-pale);border:1px solid rgba(168,212,190,.5)}.mb-sage .mblock-label{color:var(--sage)}
/* ECHO */
.echo-item{border-radius:var(--rsm);padding:.95rem 1.1rem;margin-bottom:.55rem;border:1.5px solid rgba(221,176,192,.4);background:#fff;transition:all .2s;box-shadow:var(--shadow)}
.echo-item.current{background:var(--sage-pale);border-color:var(--sage)}
.echo-item.passed{opacity:.35}
.echo-tag{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 9px;border-radius:20px;display:inline-block;margin-bottom:.3rem}
.et-u{background:var(--rose-mid);color:var(--rose-dark)}.et-c{background:var(--sage);color:#fff}.et-p{background:#e0dde0;color:#888}
.echo-name{font-weight:600;font-size:.92rem;color:var(--ink);margin-bottom:3px}
.echo-aanbevolen{font-size:.65rem;background:#dbeafe;color:#1e40af;padding:1px 8px;border-radius:10px;font-weight:600;margin-left:5px}
.echo-now{font-size:.75rem;color:var(--sage);font-weight:600;margin:3px 0}
.echo-desc{font-size:.82rem;color:var(--ink-mid);line-height:1.6}
/* UITZETLIJST */
.uitzet-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;background:#fff;border-radius:var(--rsm);padding:.9rem 1rem;box-shadow:var(--shadow)}
.uitzet-pct{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:600;color:var(--rose-dark);flex-shrink:0;min-width:2.8rem}
.uitzet-prog-wrap{flex:1;min-width:0}
.uitzet-prog-label{font-size:.7rem;color:var(--ink-light);margin-bottom:.3rem}
.uitzet-prog-track{height:6px;background:var(--warm);border-radius:99px;overflow:hidden}
.uitzet-prog-fill{height:100%;background:linear-gradient(90deg,var(--sage),var(--rose));border-radius:99px;transition:width .5s ease}
.uitzet-reset{background:none;border:none;font-size:.75rem;color:var(--ink-light);cursor:pointer;font-family:'Jost',sans-serif;padding:.2rem;white-space:nowrap}
/* KALENDER */
.zwk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;margin-bottom:1.5rem}
.zwk-card{background:#fff;border-radius:var(--rsm);padding:1rem 1.1rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s;border:1.5px solid rgba(221,176,192,.3)}
.zwk-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(155,58,90,.12);border-color:var(--rose-mid)}
.zwk-week{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--rose);margin-bottom:.2rem}
.zwk-title{font-weight:600;font-size:.92rem;color:var(--ink);margin-bottom:.25rem}
.zwk-sub{font-size:.8rem;color:var(--ink-mid);line-height:1.5}
.zwk-tri{display:inline-block;font-size:.63rem;font-weight:700;padding:2px 8px;border-radius:10px;margin-top:.4rem}
.zwk-t1{background:#fdf0f5;color:var(--rose-dark)}
.zwk-t2{background:var(--gold-pale);color:#92400e}
.zwk-t3{background:var(--sage-pale);color:var(--sage)}

/* ── NIEUWE LAYOUT ── */
.wk-outer{max-width:980px;margin:0 auto;padding:0 1.25rem 5rem}
.wk-hero{background:linear-gradient(155deg,#fdf0f5 0%,#faf7f5 60%,#eff4f2 100%);padding:2rem 1.5rem 1.75rem;position:relative;overflow:hidden;margin:0 -1.25rem}
.wk-hero::after{content:'♡';position:absolute;bottom:-10px;right:1.5rem;font-size:7rem;color:var(--rose);opacity:.04;line-height:1;pointer-events:none}
.wk-hero-inner{max-width:980px;margin:0 auto;position:relative;z-index:1}
.wk-hero-trim{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);background:var(--rose-pale);border:1px solid rgba(155,58,90,.15);padding:.28rem .7rem;border-radius:20px;margin-bottom:.85rem}
.wk-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,5vw,2.6rem);color:var(--ink);margin-bottom:.45rem;line-height:1.18;font-weight:500}
.wk-hero-sub{font-size:.86rem;color:var(--ink-mid);max-width:540px;line-height:1.7;margin-bottom:1.2rem}
.wk-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:420px}
.wk-stat{background:rgba(255,255,255,.8);border:1px solid rgba(221,176,192,.35);border-radius:10px;padding:.5rem .85rem;backdrop-filter:blur(4px)}
.wk-stat-grootte{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem}
.wk-stat-grootte svg{flex-shrink:0}
.wk-stat-val{display:block;font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;color:var(--rose-dark)}
.wk-stat-label{font-size:.62rem;color:var(--ink-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.wk-body{display:grid;grid-template-columns:1fr 240px;gap:1.25rem;padding-top:1.25rem}
.wk-main{display:flex;flex-direction:column;gap:.75rem}
.wk-progress-card{background:#fff;border-radius:var(--r);padding:1.1rem 1.25rem;box-shadow:var(--shadow)}
.wk-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}
.wk-progress-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-light)}
.wk-progress-pct{font-size:.75rem;font-weight:600;color:var(--rose)}
.wk-progress-track{height:5px;background:var(--warm);border-radius:99px;overflow:hidden;margin-bottom:.85rem}
.wk-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#c88aab,var(--rose))}
.wk-tag-row{display:flex;gap:.4rem;flex-wrap:wrap}
.wk-tag{font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:20px}
.wk-tag-rose{background:var(--rose-pale);color:var(--rose-dark)}
.wk-tag-sage{background:var(--sage-pale);color:#2d6b5e}
.wk-tag-gold{background:var(--gold-pale);color:#92400e}
.wk-section{background:#fff;border-radius:var(--r);padding:1.25rem;box-shadow:var(--shadow)}
.wk-section h2{font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--rose-dark);margin-bottom:.5rem;line-height:1.2}
.wk-section p{font-size:.86rem;color:var(--ink-mid);line-height:1.8;margin-bottom:.6rem}
.wk-section p:last-child{margin-bottom:0}
.wk-section ul{padding-left:1.2rem;font-size:.86rem;color:var(--ink-mid);line-height:1.9;margin-bottom:.5rem}
.wk-section li{margin-bottom:.2rem}
.wk-section a{color:var(--rose);text-decoration:none;border-bottom:1px solid rgba(155,58,90,.25);transition:border-color .15s}
.wk-section a:hover{border-color:var(--rose)}
.wk-klachten-pills{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.65rem}
.wk-kpill{font-size:.78rem;padding:5px 12px;border-radius:20px;background:var(--warm);color:var(--ink-mid);border:1px solid rgba(90,72,80,.1)}
.wk-tip-box{background:var(--gold-pale);border-left:3px solid var(--gold);border-radius:0 var(--rsm) var(--rsm) 0;padding:.85rem 1rem;font-size:.83rem;color:var(--ink-mid);line-height:1.7;margin-top:.75rem}
.wk-echo-box{background:var(--sage-pale)!important;border:none!important;box-shadow:var(--shadow)!important}
.wk-echo-box h2{color:var(--sage)!important}
.wk-cta{background:linear-gradient(135deg,var(--rose) 0%,var(--rose-dark) 100%)!important;text-align:center}
.wk-cta h2{color:#fff!important;font-family:'Cormorant Garamond',serif}
.wk-cta p{color:rgba(255,255,255,.85)!important}
.wk-cta-btn{display:inline-block;background:#fff;color:var(--rose-dark);padding:.8rem 1.75rem;border-radius:12px;font-weight:600;font-size:.9rem;text-decoration:none;margin-top:.75rem;transition:opacity .15s;border-bottom:none!important}
.wk-cta-btn:hover{opacity:.9}
.wk-nav-btns{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem;gap:.75rem}
.wk-nav-btn{background:#fff;border:1.5px solid rgba(221,176,192,.5);border-radius:10px;padding:.65rem 1.1rem;font-size:.84rem;font-weight:500;color:var(--ink-mid);text-decoration:none;transition:all .15s;box-shadow:var(--shadow)}
.wk-nav-btn:hover{border-color:var(--rose);color:var(--rose);background:var(--rose-pale)}
.wk-nav-cur{font-size:.84rem;font-weight:600;color:var(--rose);background:var(--rose-pale);padding:.65rem 1rem;border-radius:10px}
.faq-section h2{font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--rose-dark);margin-bottom:.75rem}
.wk-sidebar{display:flex;flex-direction:column;gap:.75rem}
.wk-scard{background:#fff;border-radius:var(--r);padding:1.1rem 1.15rem;box-shadow:var(--shadow)}
.wk-scard-title{font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);margin-bottom:.85rem}
.wk-scard p{font-size:.82rem;color:var(--ink-mid);line-height:1.7}
.wk-check-item{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem 0;border-bottom:1px solid rgba(240,232,237,.8);font-size:.82rem;color:var(--ink-mid);line-height:1.45}
.wk-check-item:last-child{border-bottom:none}
.wk-check-box{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--rose-mid);flex-shrink:0;margin-top:2px;background:#fff}
.wk-prev-card{background:var(--warm);border-radius:var(--r);padding:1.1rem 1.15rem;border:1px solid rgba(155,58,90,.1)}
.wk-prev-card .wk-scard-title{color:var(--ink-mid)}
.wk-prev-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--ink-mid);margin-bottom:.35rem;font-weight:500}
.wk-prev-sub{font-size:.8rem;color:var(--ink-light);line-height:1.6;margin-bottom:.75rem}
.wk-prev-btn{display:block;text-align:center;background:var(--warm);color:var(--rose);border-radius:10px;padding:.65rem;font-size:.82rem;font-weight:600;text-decoration:none;font-family:'Jost',sans-serif;transition:opacity .15s;border:1px solid var(--rose-mid)!important;border-bottom:1px solid var(--rose-mid)!important}
.wk-prev-btn:hover{opacity:.8}
.wk-next-card{background:var(--rose-pale);border-radius:var(--r);padding:1.1rem 1.15rem;border:1px solid rgba(155,58,90,.13)}
.wk-next-card .wk-scard-title{color:var(--rose)}
.wk-next-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--rose-dark);margin-bottom:.35rem;font-weight:500}
.wk-next-sub{font-size:.8rem;color:var(--ink-mid);line-height:1.6;margin-bottom:.75rem}
.wk-next-btn{display:block;text-align:center;background:var(--rose);color:#fff;border-radius:10px;padding:.65rem;font-size:.82rem;font-weight:600;text-decoration:none;font-family:'Jost',sans-serif;transition:opacity .15s;border-bottom:none!important}
.wk-next-btn:hover{opacity:.88}
.wk-calc-card{background:var(--warm);border-radius:var(--r);padding:1.1rem 1.15rem;border:1px solid rgba(155,58,90,.1);text-align:center}
.wk-calc-card .wk-scard-title{color:var(--ink-light)}
.wk-calc-card p{font-size:.8rem;color:var(--ink-mid);margin-bottom:.75rem}
.wk-calc-btn{display:block;background:linear-gradient(135deg,var(--rose),var(--rose-dark));color:#fff;border-radius:10px;padding:.65rem;font-size:.82rem;font-weight:600;text-decoration:none;font-family:'Jost',sans-serif;transition:opacity .15s;border-bottom:none!important}
.wk-calc-btn:hover{opacity:.88}
@media(max-width:760px){
  .wk-body{grid-template-columns:1fr}
  .wk-sidebar{display:none}
  .wk-outer{padding:0 1rem 5rem}
  .wk-hero{margin:0 -1rem;padding:1.5rem 1rem 1.4rem}
}

@media(max-width:640px){
  .sa-hero,.wk-hero{padding:1.5rem 1rem 1.4rem}
  .sa-wrap{padding:1rem 1rem 5rem}
  .vstats{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .vstats .stat:last-child{grid-column:1/-1}
  .nav-links{display:none}
  .hamburger{display:flex}
  .wk-page-wrap{padding:0 1rem 5rem}
  /* PAGE HERO mobile */
  .page-hero{padding:1.75rem 1.25rem 1.5rem}
  .page-hero h1{font-size:clamp(1.7rem,7vw,2.4rem)}
  .page-hero-icon{width:42px;height:42px}
  /* FOOTER mobile */
  .footer-grid{grid-template-columns:1fr;gap:1.75rem}
  .footer-bottom{flex-direction:column;gap:.4rem}
  /* NAV mobile */
  .nav-inner{height:58px;padding:0 1rem}
}
@media(min-width:641px){.hamburger{display:none}.mobile-menu{display:none!important}}

/* WEEK SWIPE BAR */
.wk-swipe-bar{
  background:rgba(250,247,245,.93);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(221,176,192,.25);
  padding:.5rem 0;
  overflow:hidden;
  position:sticky;top:64px;z-index:150;
}
.wk-swipe-inner{
  display:flex;gap:.4rem;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:.1rem 1rem;
}
.wk-swipe-inner::-webkit-scrollbar{display:none}
.wk-swipe-pill{
  display:flex;align-items:center;justify-content:center;
  min-width:48px;height:36px;
  border-radius:18px;
  background:#fff;
  border:1.5px solid rgba(221,176,192,.45);
  font-family:'Jost',sans-serif;font-size:.78rem;font-weight:500;
  color:var(--ink-mid);text-decoration:none;
  white-space:nowrap;flex-shrink:0;
  transition:all .15s;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.wk-swipe-pill:hover{border-color:var(--rose);color:var(--rose);background:var(--rose-pale)}
.wk-swipe-pill.active{
  background:var(--rose);border-color:var(--rose);color:#fff;
  box-shadow:0 3px 10px rgba(155,58,90,.25);
  font-weight:600;
}
/* FOOTER — NIEUWE LAYOUT */
.site-footer{background:#150a0d;padding:4.5rem 1.25rem 2rem;color:rgba(255,255,255,.55)}
.footer-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:4rem;margin-bottom:3rem}
.footer-logo-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.2rem}
.footer-logo-tag{font-size:.62rem;color:rgba(255,255,255,.35);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.9rem}
.footer-desc{font-size:.8rem;line-height:1.7;color:rgba(255,255,255,.45);margin-bottom:.65rem}
.footer-disclaimer{font-size:.7rem;color:#ddb0c0;line-height:1.6}
.footer-col-title{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:.9rem}
.footer-links{display:flex;flex-direction:column;gap:.45rem}
.footer-links a{font-size:.8rem;color:rgba(255,255,255,.5);text-decoration:none;transition:color .15s}
.footer-links a:hover{color:#fff}
.footer-bottom{max-width:1140px;margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding-top:1.4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.footer-bottom-txt{font-size:.72rem;color:rgba(255,255,255,.25);line-height:1.65;max-width:680px}
.footer-copy{font-size:.72rem;color:rgba(255,255,255,.25);white-space:nowrap}
@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column}}
.zc-nav-account-btn{font-family:'Jost',sans-serif;font-size:.8rem;font-weight:600;color:var(--rose);background:transparent;border:1.5px solid var(--rose);padding:.42rem 1rem;border-radius:20px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;transition:all .2s;margin-left:.5rem}
.zc-nav-account-btn:hover{background:var(--rose);color:#fff}

/* SCROLL ANIMATIES */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:none}
.r1{transition-delay:.05s}.r2{transition-delay:.15s}.r3{transition-delay:.25s}.r4{transition-delay:.35s}
/* ── PAGE HERO (tool-pagina's) ─────────────────────────────── */
.page-hero{position:relative;overflow:hidden;padding:2.5rem 1.5rem 2.25rem}
.page-hero::after{content:'♡';position:absolute;bottom:-12px;right:1.5rem;font-size:8rem;color:var(--rose);opacity:.04;pointer-events:none;line-height:1}
.page-hero-inner{max-width:780px;margin:0 auto;position:relative;z-index:1}
.page-hero-icon{width:48px;height:48px;border-radius:14px;background:var(--rose-pale);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--rose)}
.page-hero-icon svg{width:22px;height:22px}
.page-hero-label{font-size:.63rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rose);background:var(--rose-pale);border:1px solid rgba(155,58,90,.15);padding:.28rem .75rem;border-radius:20px;display:inline-block;margin-bottom:.85rem}
.page-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.9rem,5vw,2.8rem);color:var(--ink);margin-bottom:.55rem;line-height:1.15;font-weight:400;letter-spacing:-.015em}
.page-hero h1 em{font-style:italic;color:var(--rose)}
.page-hero-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}
.page-hero-chip{font-size:.72rem;font-weight:600;padding:.28rem .75rem;border-radius:20px;background:rgba(255,255,255,.8);border:1px solid rgba(155,58,90,.15);color:var(--ink-mid)}

/* LOGO op transparante header (index) */
.site-header .logo-img{border-radius:8px;transition:opacity .2s}

/* MOBIEL: betere centrering en typografie */
@media(max-width:640px){
  .nav-inner{height:58px!important;padding:0 1rem!important}
  .logo-name{font-size:1.1rem!important}
  .logo-tag{font-size:.42rem!important}
  .mobile-menu{gap:.05rem}
  .mobile-menu .nav-btn{font-size:.86rem;padding:.65rem .9rem}
}