*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --beige:#2E1505;--kastanje:#7A4A2E;--kastanje-dark:#5A3320;
  --taupe:#8B6040;--terra:#7A4A2E;--rose:#7A4A2E;--sand:#C8A878;
  --bg:#EDE4D2;--bg2:#E4D8C0;--bgm:#D8CAAC;
  --ton:rgba(74,44,20,.85);--tdim:rgba(74,44,20,.45);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',system-ui,sans-serif;
}
/* Lichte zand-tint voor boekingssectie en widget */

html{scroll-behavior:smooth}
body{background:var(--bg);color:#2E1505;font-family:var(--sans);font-weight:400;line-height:1.7;overflow-x:hidden}
.okw-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;transition:background .3s,padding .3s}
.okw-nav.scrolled{background:rgba(237,228,210,.97);backdrop-filter:blur(8px);padding:1.1rem 3rem}
.okw-nav-logo{font-family:var(--serif);font-size:1.15rem;font-weight:300;color:#2E1505;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;position:relative;z-index:1}
.okw-nav-right{display:flex;align-items:center;gap:2.5rem}
.okw-nav-book{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#2E1505;text-decoration:none;opacity:.8;border-bottom:2px solid rgba(74,44,20,.3);padding-bottom:.1rem;transition:opacity .2s}
.okw-nav-book:hover{opacity:1}
.okw-menu-btn{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#2E1505;background:none;border:none;cursor:pointer;opacity:.8;display:flex;align-items:center;gap:.6rem}
.okw-menu-lines{display:flex;flex-direction:column;gap:4px;width:20px}
.okw-menu-lines span{display:block;height:1px;background:#4A2C14;opacity:.7}
.okw-link{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--sans);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ton);text-decoration:none;transition:color .2s;border-bottom:2px solid rgba(74,44,20,.15);padding-bottom:.15rem}
.okw-link::after{content:'↗';font-size:.75rem}
.okw-link:hover{color:var(--beige);border-color:rgba(74,44,20,.5)}
.okw-label{display:block;font-family:var(--sans);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(74,44,20,.55);margin-bottom:1.75rem}
.okw-p{font-size:.82rem;color:var(--ton);line-height:2;margin-bottom:1.25rem}
.okw-hero{min-height:100vh;display:grid;grid-template-columns:65fr 35fr;position:relative;overflow:hidden}
.okw-hero-left{background:#D8CAAC;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem;position:relative;z-index:2}
.okw-hero-title-wrap{margin-bottom:3rem;padding-top:8rem}
.okw-hero-title{font-family:var(--serif);font-size:clamp(2.8rem,5vw,5rem);font-weight:300;font-style:italic;line-height:1.1;color:#2E1505;margin-bottom:1.5rem}
.okw-hero-sub{font-size:.82rem;color:var(--ton);max-width:320px;line-height:2}
.okw-hero-right{position:relative;overflow:hidden}
.okw-hero-img{position:absolute;inset:0;background:linear-gradient(160deg,#C8B898,#D8C8A8 35%,#C8B890 55%,#B8A880);display:flex;align-items:center;justify-content:center}
.okw-hero-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.okw-img-ph{font-family:var(--serif);font-style:italic;font-size:.85rem;color:rgba(74,44,20,.2);text-align:center;padding:2rem;position:relative;z-index:1}
.okw-hero-bottom{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;padding:2rem 3rem;gap:2rem;background:linear-gradient(to top,rgba(237,228,210,.95),transparent);z-index:2;grid-column:1/-1}
.okw-hero-bi{font-size:.72rem;color:var(--ton);line-height:1.6}
.okw-hero-bi:last-child{text-align:right}
.okw-fullbleed{width:100%;min-height:65vh;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.okw-fb-bg{position:absolute;inset:0;background:linear-gradient(145deg,#C8B898,#D8C8A8 40%,#C0B090)}
.okw-fb-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(237,228,210,.88),rgba(237,228,210,.1) 60%,transparent)}
.okw-fb-content{position:relative;z-index:2;padding:4rem 3rem;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
.okw-fb-heading{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;color:var(--beige);line-height:1.15}
.okw-fb-text{font-size:.82rem;color:var(--ton);line-height:2;margin-bottom:2rem}
.okw-about{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}
.okw-about-img{position:relative;overflow:hidden;min-height:500px;background:linear-gradient(200deg,#C8B898,#D8C8A8 40%,#C0B088);display:flex;align-items:center;justify-content:center}
.okw-about-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.okw-about-text{background:#E4D8C0;padding:6rem 4rem;display:flex;flex-direction:column;justify-content:center}
.okw-about-h{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;font-style:italic;color:#2E1505;line-height:1.2;margin-bottom:2rem}
.okw-poetic em{display:block;font-style:normal;color:var(--ton);font-size:.82rem;line-height:1.8;padding:.1rem 0}
.okw-rituelen{background:var(--bg);padding:7rem 3rem}
.okw-rits-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:5rem}
.okw-rits-h{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;color:#2E1505;line-height:1.15}
.okw-rits-intro{font-size:.82rem;color:var(--ton);line-height:2}
.okw-rits-lijst{display:flex;flex-direction:column}
.okw-rit-rij{display:grid;grid-template-columns:3fr 1fr 1fr auto;gap:2rem;align-items:center;padding:1.75rem 0;border-bottom:2px solid rgba(74,44,20,.15);cursor:pointer;transition:background .25s}
.okw-rit-rij:first-child{border-top:2px solid rgba(74,44,20,.15)}
.okw-rit-rij:hover{background:rgba(74,44,20,.03)}
.okw-rit-num{font-size:.62rem;color:var(--tdim);letter-spacing:.1em}
.okw-rit-naam-wrap{display:flex;gap:1.5rem;align-items:baseline}
.okw-rit-naam{font-family:var(--serif);font-size:1.35rem;font-weight:300;color:#4A2C14}
.okw-rit-desc{font-size:.7rem;color:var(--tdim);margin-top:.25rem}
.okw-rit-tag{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);border:1px solid rgba(122,74,46,.25);padding:.15rem .5rem}
.okw-rit-duur{font-size:.72rem;color:var(--tdim)}
.okw-rit-prijs{font-family:var(--serif);font-size:1.1rem;color:#2E1505;text-align:right}
.okw-rit-pijl{color:var(--tdim);transition:color .2s}
.okw-rit-rij:hover .okw-rit-pijl{color:#4A2C14}
.okw-waarden{display:grid;grid-template-columns:1fr 1fr;min-height:60vh}
.okw-waarden-left{padding:6rem 4rem;display:flex;flex-direction:column;justify-content:center;background:#E4D8C0}
.okw-waarden-right{position:relative;overflow:hidden;background:linear-gradient(160deg,#D8CAAC,#C8B898 50%,#D0C0A0);display:flex;align-items:center;justify-content:center}
.okw-waarden-h{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3rem);font-weight:300;font-style:italic;color:#2E1505;line-height:1.2;margin-bottom:3rem}
.okw-waarde{padding:1.75rem 0;border-bottom:2px solid rgba(74,44,20,.15)}
.okw-waarde:first-of-type{border-top:2px solid rgba(74,44,20,.15)}
.okw-w-num{font-size:.6rem;letter-spacing:.2em;color:var(--tdim);margin-bottom:.4rem}
.okw-w-titel{font-family:var(--serif);font-size:1.1rem;color:#2E1505;margin-bottom:.35rem}
.okw-w-desc{font-size:.78rem;color:var(--ton);line-height:1.8}
.okw-faq{background:var(--bg);padding:7rem 3rem;display:grid;grid-template-columns:1fr 2fr;gap:6rem}
.okw-faq-h{font-family:var(--serif);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:300;font-style:italic;color:#2E1505;line-height:1.2;position:sticky;top:7rem}
.okw-faq-item{border-bottom:2px solid rgba(74,44,20,.15);padding:2rem 0;cursor:pointer}
.okw-faq-item:first-child{border-top:2px solid rgba(74,44,20,.15)}
.okw-faq-q{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--serif);font-size:1.1rem;font-weight:300;color:#4A2C14}
.okw-faq-icon{font-size:1.1rem;color:var(--tdim);flex-shrink:0;transition:transform .3s;line-height:1}
.okw-faq-a{font-size:.82rem;color:var(--ton);line-height:1.95;max-height:0;overflow:hidden;transition:max-height .4s ease,margin-top .3s}
.okw-faq-item.open .okw-faq-a{max-height:600px;margin-top:1.25rem}
.okw-faq-item.open .okw-faq-icon{transform:rotate(45deg)}
.okw-boek{padding:7rem 3rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
.okw-boek-h{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:300;font-style:italic;color:#2E1505;line-height:1.15;margin-bottom:2rem}
.okw-boek-feat{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin-bottom:3rem}
.okw-boek-feat li{font-size:.78rem;color:var(--ton);display:flex;gap:.75rem}
.okw-boek-feat li::before{content:'—';color:var(--rose);flex-shrink:0}
.okw-boek-form{background:rgba(74,44,20,.04);border:2px solid rgba(74,44,20,.1);padding:2.5rem}
.okw-form-title{font-family:var(--serif);font-size:1.3rem;font-weight:300;color:#2E1505;margin-bottom:2rem}
.okw-fg{margin-bottom:1.25rem}
.okw-fg label{display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tdim);margin-bottom:.5rem}
.okw-fg input,.okw-fg select,.okw-fg textarea{width:100%;background:transparent;border:none;border-bottom:2px solid rgba(74,44,20,.15);padding:.6rem 0;font-family:var(--sans);font-size:.85rem;font-weight:300;color:#2E1505;outline:none;transition:border-color .2s}
.okw-fg input:focus,.okw-fg select:focus,.okw-fg textarea:focus{border-color:rgba(74,44,20,.5)}
.okw-fg select option{background:#E4D8C0;color:#4A2C14}
.okw-fg textarea{resize:none;min-height:70px}
.okw-fg-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.okw-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem;min-height:36px}
.okw-slot{padding:.4rem .2rem;text-align:center;font-size:.7rem;color:var(--ton);border:2px solid rgba(74,44,20,.15);cursor:pointer;transition:all .2s}
.okw-slot:hover{border-color:rgba(74,44,20,.45);color:#4A2C14}
.okw-slot.sel{border-color:var(--rose);color:var(--rose)}
.okw-slot.off{opacity:.22;cursor:not-allowed;text-decoration:line-through;pointer-events:none}
.okw-slots-msg{font-size:.72rem;color:var(--tdim);font-style:italic;grid-column:1/-1;padding:.4rem 0}
.okw-btn-submit{width:100%;margin-top:1.5rem;padding:.9rem;background:transparent;border:2px solid rgba(74,44,20,.3);font-family:var(--sans);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#F0E8D8;cursor:pointer;transition:all .25s}
.okw-btn-submit:hover:not(:disabled){background:rgba(74,44,20,.08);border-color:rgba(74,44,20,.6)}
.okw-btn-submit:disabled{opacity:.5;cursor:not-allowed}
.okw-msg{margin-top:1rem;font-size:.78rem;padding:.75rem;text-align:center;display:none}
.okw-msg.ok{background:rgba(168,196,168,.15);color:#A8C4A8;border:1px solid rgba(168,196,168,.3)}
.okw-msg.err{background:rgba(196,100,80,.12);color:#E8B0A0;border:1px solid rgba(196,100,80,.3)}
.okw-form-note{font-size:.62rem;color:var(--tdim);margin-top:1rem;letter-spacing:.05em}
.okw-contact{min-height:80vh;display:grid;grid-template-columns:58fr 42fr;overflow:hidden}
.okw-contact-img{position:relative;overflow:hidden;background:linear-gradient(200deg,#D8CAAC,#C8B898 50%,#C0A878);display:flex;align-items:center;justify-content:center}
.okw-contact-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.okw-contact-right{background:#E4D8C0;padding:5rem 3.5rem;display:flex;flex-direction:column;justify-content:space-between}
.okw-contact-tagline{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:300;color:#2E1505;line-height:1.3;margin-bottom:3rem;font-style:italic}
.okw-contact-grid{display:flex;flex-direction:column;gap:2rem}
.okw-contact-blok h5{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(74,44,20,.6);margin-bottom:.6rem;font-weight:600}
.okw-contact-blok p,.okw-contact-blok a{font-size:.82rem;color:#2E1505;line-height:1.8;text-decoration:none;transition:color .2s;display:block}
.okw-contact-blok a:hover{color:#7A4A2E}
.okw-contact-social{margin-top:auto;padding-top:2rem;border-top:2px solid rgba(74,44,20,.15);display:flex;justify-content:space-between;align-items:center}
.okw-social-link{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#7A4A2E;text-decoration:none;transition:color .2s}
.okw-social-link:hover{color:#2E1505}
.okw-footer{background:#D8CAAC;padding:2rem 3rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:2px solid rgba(74,44,20,.06)}
.okw-footer-links{display:flex;gap:2rem}
.okw-footer-links a{font-size:.62rem;letter-spacing:.12em;color:rgba(74,44,20,.6);text-decoration:none;transition:color .2s}
.okw-footer-links a:hover{color:#4A2C14}
.okw-footer-center{font-family:var(--serif);font-size:1rem;letter-spacing:.15em;color:rgba(74,44,20,.6);text-align:center}
.okw-footer-copy{font-size:.62rem;color:rgba(74,44,20,.55);text-align:right}
@media(max-width:900px){
  .okw-hero,.okw-about,.okw-waarden,.okw-contact{grid-template-columns:1fr}
  .okw-hero-left{padding:7rem 1.5rem 2rem;min-height:60vh}
  .okw-hero-right{min-height:50vw}
  .okw-hero-bottom{grid-template-columns:1fr;gap:1rem;padding:1.5rem}
  .okw-hero-bi:last-child{text-align:left}
  .okw-about-img,.okw-contact-img,.okw-waarden-right{min-height:220px}
  .okw-about-text,.okw-waanden-left,.okw-waarden-left{padding:3rem 1.5rem}
  .okw-rituelen,.okw-faq,.okw-boek{padding:4rem 1.5rem}
  .okw-contact-right{padding:3rem 1.5rem}
  .okw-rits-header,.okw-faq,.okw-boek,.okw-fb-content{grid-template-columns:1fr}
  .okw-faq{gap:2rem}.okw-faq-h{position:static}
  .okw-rit-rij{grid-template-columns:1fr auto;gap:1rem}
  .okw-rit-duur,.okw-rit-pijl{display:none}
  .okw-nav{padding:1.25rem 1.5rem}
  .okw-footer{grid-template-columns:1fr;gap:.75rem;text-align:center}
  .okw-footer-links{justify-content:center}
  .okw-footer-copy{text-align:center}
  .okw-fg-row{grid-template-columns:1fr}
  .okw-fb-content{padding:2rem 1.5rem;gap:2rem}
}

/* ── MENU OVERLAY ── */
.okw-menu-overlay{position:fixed;inset:0;z-index:500;background:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4rem 3rem;transform:translateX(100%);transition:transform .45s cubic-bezier(.7,0,.3,1)}
.okw-menu-overlay.open{transform:translateX(0)}
.okw-menu-close{position:absolute;top:2.5rem;right:3rem;background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#2E1505;opacity:.7;transition:opacity .2s}
.okw-menu-close:hover{opacity:1}
.okw-menu-nav{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}
.okw-menu-nav a{font-family:var(--serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;font-style:italic;color:var(--beige);text-decoration:none;opacity:.75;transition:opacity .2s;line-height:1.1}
.okw-menu-nav a:hover{opacity:1}
.okw-menu-bottom{display:flex;flex-direction:column;gap:.5rem}
.okw-menu-bottom a{font-family:var(--sans);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ton);text-decoration:none;transition:color .2s}
.okw-menu-bottom a:hover{color:#4A2C14}


/* ═══════════════════════════════════════════════
   BOEKINGSWIDGET — Salonized-stijl
═══════════════════════════════════════════════ */

/* Sectie layout */
.okw-boek-sectie { background:#EDE4D2; padding:7rem 3rem; color:#2E1505; }
.okw-boek-h { font-family:var(--serif); font-size:clamp(2.2rem,4vw,3.5rem); font-weight:300; font-style:italic; color:#2E1505; line-height:1.15; margin-bottom:2rem; }
.okw-boek-intro p { color:rgba(90,50,32,.75); }
.okw-boek-ul li { color:rgba(90,50,32,.7); }
.okw-boek-ul li::before { color:#8B5A30; }
.okw-link-faq { color:#8B5A30; border-color:rgba(139,90,48,.3); }

/* Widget op zandkleur achtergrond */
.okw-widget { background:#F5EEE4; border:2px solid rgba(74,44,20,.15); border-radius:10px; overflow:hidden; }
.okw-progress { background:#EDE4D2; border-bottom:2px solid rgba(74,44,20,.15); }
.okw-prog-num { background:transparent; border:2px solid rgba(74,44,20,.25); color:rgba(90,50,32,.5); }
.okw-prog-num.actief { background:#7A4A2E; border-color:#7A4A2E; color:#F0E8D8; }
.okw-prog-num.klaar { background:#7A4A2E; border-color:#7A4A2E; color:#F0E8D8; }
.okw-prog-stap span { color:rgba(90,50,32,.55); }
.okw-prog-stap.actief span { color:#7A4A2E; }
.okw-prog-lijn { background:rgba(90,50,32,.15); }
.okw-widget-h { color:#2E1505; font-family:var(--serif); }
.okw-widget-inhoud { padding:2rem; }

/* Ritueel kaartjes op lichte achtergrond */
.okw-rit-kaart { background:#EDE4D2; border:2px solid rgba(74,44,20,.15); color:#2E1505; -webkit-tap-highlight-color:rgba(122,74,46,.15); touch-action:manipulation; }
.okw-rit-kaart:hover,.okw-rit-kaart:focus { border-color:rgba(74,44,20,.4); background:#E4D8C0; transform:translateY(-1px); }
.okw-rit-kaart:active { transform:scale(.98); background:#D8CCAA; }
.okw-rit-kaart.gekozen { border-color:#7A4A2E; background:#E4D8C0; }
.okw-rk-cat { color:#8B5A30; }
.okw-rk-naam { color:#2E1505; }
.okw-rk-desc { color:rgba(90,50,32,.6); }
.okw-rk-footer { border-top-color:rgba(90,50,32,.1); }
.okw-rk-duur { color:rgba(90,50,32,.55); }
.okw-rk-prijs { color:#2E1505; }

/* Kalender op lichte achtergrond */
.okw-kal { background:#EDE4D2; border:2px solid rgba(74,44,20,.15); }
.okw-kal-kop { color:rgba(90,50,32,.5); }
.okw-kal-cel { color:rgba(90,50,32,.4); }
.okw-kal-cel.beschikbaar { color:#2E1505; }
.okw-kal-cel.beschikbaar:hover { background:rgba(122,74,46,.1); }
.okw-kal-cel.gekozen { background:#7A4A2E !important; color:#F0E8D8 !important; }
.okw-kal-cel.vandaag { border-color:#8B5A30; color:#7A4A2E; font-weight:600; }
.okw-kal-mnd { color:#2E1505; }
.okw-kal-btn { color:#7A4A2E; background:rgba(122,74,46,.08); }
.okw-kal-nav { border-bottom-color:rgba(74,44,20,.1); }

/* Tijdsloten op lichte achtergrond */
.okw-slot-btn { background:#EDE4D2; border:2px solid rgba(74,44,20,.22); color:#2E1505; }
.okw-slot-btn:hover { border-color:#7A4A2E; background:#E4D8C0; }
.okw-slot-btn.gekozen { background:#7A4A2E; border-color:#7A4A2E; color:#F0E8D8; }
.okw-slot-btn.bezet { opacity:.35; cursor:not-allowed; }

/* Gegevens stap op lichte achtergrond */
.okw-fg input,.okw-fg select,.okw-fg textarea { border-bottom-color:rgba(74,44,20,.2); color:#2E1505; background:transparent; }
.okw-fg input:focus,.okw-fg select:focus,.okw-fg textarea:focus { border-bottom-color:#7A4A2E; }
.okw-fg label { color:rgba(90,50,32,.55); }
.okw-fg select option { background:#EDE4D2; color:#2E1505; }
.okw-btn-prim { background:#7A4A2E; color:#F0E8D8; border-color:#7A4A2E; }
.okw-btn-prim:hover { background:#5A3220; }
.okw-btn-sec { color:#7A4A2E; border-color:rgba(122,74,46,.3); background:transparent; }
.okw-gekozen-badge { background:rgba(122,74,46,.08); border-color:rgba(122,74,46,.15); color:#7A4A2E; }
.okw-samenvatting { background:rgba(122,74,46,.06); border-color:rgba(122,74,46,.12); }
.okw-samenvatting-item span { color:rgba(90,50,32,.5); }
.okw-samenvatting-item strong { color:#2E1505; }
.okw-bevestigd-wrap { background:#F5EEE4; }
.okw-bevestigd-naam { color:#2E1505; font-family:var(--serif); }
.okw-bevestigd-sub { color:rgba(90,50,32,.65); }
.okw-bevestigd-kaart { border-color:rgba(74,44,20,.12); }
.okw-bevestigd-kaart div { border-bottom-color:rgba(74,44,20,.08); }
.okw-bevestigd-kaart span { color:rgba(90,50,32,.5); }
.okw-bevestigd-kaart strong { color:#2E1505; }
.okw-boek-wrap   { max-width:1140px; margin:0 auto; display:grid; grid-template-columns:300px 1fr; gap:5rem; align-items:start; }
.okw-boek-h      { font-family:var(--serif); font-size:clamp(2rem,3vw,2.8rem); font-weight:300; font-style:italic; color:var(--beige); line-height:1.2; margin-bottom:1.5rem; }
.okw-boek-feat   { list-style:none; display:flex; flex-direction:column; gap:.75rem; margin-top:1.5rem; }
.okw-boek-feat li{ font-size:.8rem; color:var(--ton); display:flex; gap:.6rem; }
.okw-boek-feat li::before{ content:'—'; color:var(--rose); flex-shrink:0; }

/* Widget buitenste */
.okw-widget-outer { flex:1; }
.okw-widget       { background:rgba(255,255,255,.03); border:1px solid rgba(242,234,224,.12); border-radius:8px; overflow:hidden; }

/* Voortgangsbalk */
.okw-progress     { display:flex; align-items:center; padding:1.25rem 2rem; background:rgba(74,44,20,.04); border-bottom:2px solid rgba(74,44,20,.18); }
.okw-prog-stap    { display:flex; align-items:center; gap:.5rem; white-space:nowrap; flex-shrink:0; }
.okw-prog-num     { width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.72rem; border:1.5px solid; flex-shrink:0; transition:all .3s; }
.okw-prog-stap span{ font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; transition:color .3s; }
.okw-prog-stap.wacht  .okw-prog-num { border-color:rgba(74,44,20,.15); color:rgba(242,234,224,.3); }
.okw-prog-stap.wacht  span          { color:rgba(242,234,224,.3); }
.okw-prog-stap.huidig .okw-prog-num { border-color:var(--beige); background:var(--beige); color:var(--bg); font-weight:700; }
.okw-prog-stap.huidig span          { color:var(--beige); font-weight:500; }
.okw-prog-stap.klaar  .okw-prog-num { border-color:var(--rose); background:var(--rose); color:var(--bg); }
.okw-prog-stap.klaar  span          { color:var(--rose); }
.okw-prog-lijn        { flex:1; height:1px; background:rgba(242,234,224,.12); margin:0 .875rem; transition:background .3s; }
.okw-prog-lijn.klaar  { background:var(--rose); }

/* Foutmelding */
.okw-widget-fout { margin:1.25rem 2rem 0; padding:.75rem 1rem; background:rgba(180,60,40,.15); border:1px solid rgba(180,60,40,.3); color:#E8A090; font-size:.82rem; border-radius:4px; }

/* Widget inhoud */
.okw-widget-inhoud { padding:2rem; }
.okw-widget-h      { font-family:var(--serif); font-size:1.25rem; font-weight:300; color:var(--beige); margin-bottom:1.25rem; }

/* ── STAP 1: Ritueel kaarten ── */
.okw-rit-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; }
.okw-rit-kaart{
  background:rgba(245,237,224,.04); border:2px solid rgba(74,44,20,.1);
  border-radius:6px; padding:1.25rem; text-align:left; cursor:pointer;
  transition:all .2s; font-family:var(--sans); color:inherit;
  display:flex; flex-direction:column; gap:.35rem;
  -webkit-tap-highlight-color:rgba(212,168,130,.2);
  touch-action:manipulation; width:100%; appearance:none; -webkit-appearance:none;
}
.okw-rit-kaart:hover,.okw-rit-kaart:focus { border-color:rgba(245,237,224,.35); background:rgba(245,237,224,.07); transform:translateY(-1px); outline:none; }
.okw-rit-kaart:active { transform:scale(.98); background:rgba(212,168,130,.12); }
.okw-rit-kaart.gekozen { border-color:var(--rose); background:rgba(212,168,130,.12); }
.okw-rk-cat  { font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--rose); }
.okw-rk-naam { font-family:var(--serif); font-size:1.1rem; font-weight:300; color:var(--beige); line-height:1.2; }
.okw-rk-desc { font-size:.72rem; color:var(--tdim); line-height:1.55; flex:1; }
.okw-rk-footer{ display:flex; justify-content:space-between; align-items:center; margin-top:.5rem; padding-top:.5rem; border-top:2px solid rgba(74,44,20,.15); }
.okw-rk-duur { font-size:.72rem; color:var(--ton); }
.okw-rk-prijs{ font-family:var(--serif); font-size:1rem; color:var(--beige); }

/* ── STAP 2: Datum & Tijd ── */
.okw-gekozen-badge{
  display:inline-flex; align-items:center; gap:.75rem; flex-wrap:wrap;
  padding:.5rem 1rem; margin-bottom:1.5rem;
  background:rgba(232,196,184,.1); border:1px solid rgba(232,196,184,.25); border-radius:20px;
}
.okw-gb-naam { font-family:var(--serif); font-size:.95rem; color:var(--beige); }
.okw-gb-meta { font-size:.75rem; color:var(--ton); }

.okw-datum-tijd-grid { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:start; }

/* Kalender */
.okw-kal-nav { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
.okw-kal-mnd { font-family:var(--serif); font-size:1.05rem; color:var(--beige); }
.okw-kal-btn {
  width:34px; height:34px; border-radius:50%; background:rgba(74,44,20,.06);
  border:2px solid rgba(74,44,20,.22); color:var(--beige); cursor:pointer;
  font-size:1.1rem; transition:all .18s; display:flex; align-items:center; justify-content:center;
}
.okw-kal-btn:hover { background:rgba(242,234,224,.14); border-color:rgba(242,234,224,.45); }
.okw-kal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:3px; }
.okw-kal-kop { text-align:center; font-size:.6rem; letter-spacing:.06em; text-transform:uppercase; color:var(--tdim); padding:.4rem 0; }
.okw-kal-dag {
  aspect-ratio:1; display:flex; align-items:center; justify-content:center;
  font-size:.82rem; border-radius:50%; border:none; background:none; font-family:var(--sans);
}
.okw-kal-dag:not(.dicht){
  color:#2E1505; cursor:pointer; background:rgba(122,74,46,.08); transition:all .18s;
}
.okw-kal-dag:not(.dicht):hover { background:rgba(122,74,46,.18); }
.okw-kal-dag.gekozen { background:#7A4A2E !important; color:#F0E8D8 !important; font-weight:700; }
.okw-kal-dag.dicht   { color:rgba(74,44,20,.2); cursor:default; }

/* Tijdsloten */
.okw-tijd-hint { font-size:.82rem; color:var(--tdim); font-style:italic; padding:.5rem 0; }
.okw-slots     { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
.okw-slot-btn  {
  padding:.7rem .3rem; text-align:center; font-size:.82rem; font-family:var(--sans);
  background:rgba(242,234,224,.05); border:2px solid rgba(74,44,20,.14);
  color:var(--ton); border-radius:5px; cursor:pointer; transition:all .18s; font-weight:300;
}
.okw-slot-btn:not(.bezet):hover { border-color:rgba(74,44,20,.45); color:var(--beige); background:rgba(74,44,20,.1); }
.okw-slot-btn.gekozen { border-color:var(--rose); background:rgba(232,196,184,.14); color:var(--rose); font-weight:500; }
.okw-slot-btn.bezet   { opacity:.22; cursor:not-allowed; text-decoration:line-through; pointer-events:none; }

/* ── STAP 3: Gegevens ── */
.okw-samenvatting  { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin-bottom:1.75rem; padding:1rem 1.25rem; background:rgba(232,196,184,.08); border:1px solid rgba(232,196,184,.18); border-radius:5px; }
.okw-sam-item      { display:flex; flex-direction:column; gap:.25rem; }
.okw-sam-item span { font-size:.58rem; letter-spacing:.12em; text-transform:uppercase; color:var(--tdim); }
.okw-sam-item strong{ font-size:.88rem; color:var(--beige); font-weight:400; }

.okw-form-rij { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.okw-veld     { margin-bottom:1.1rem; }
.okw-veld label { display:block; font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; color:var(--tdim); margin-bottom:.45rem; }
.okw-veld input,
.okw-veld textarea {
  width:100%; background:transparent; border:none; border-bottom:2px solid rgba(74,44,20,.2);
  padding:.6rem 0; font-family:var(--sans); font-size:.88rem; font-weight:300;
  color:var(--beige); outline:none; transition:border-color .2s;
}
.okw-veld input:focus,
.okw-veld textarea:focus { border-color:rgba(74,44,20,.5); }
.okw-veld textarea { resize:none; min-height:80px; }

/* Navigatieknoppen */
.okw-widget-nav { display:flex; justify-content:space-between; align-items:center; margin-top:2rem; padding-top:1.5rem; border-top:2px solid rgba(74,44,20,.18); gap:1rem; }
.okw-btn-sec {
  background:none; border:2px solid rgba(74,44,20,.15); color:var(--ton);
  font-family:var(--sans); font-size:.7rem; letter-spacing:.15em; text-transform:uppercase;
  padding:.6rem 1.25rem; border-radius:4px; cursor:pointer; transition:all .2s;
}
.okw-btn-sec:hover { border-color:rgba(242,234,224,.45); color:var(--beige); }
.okw-btn-pri {
  background:var(--beige); color:var(--bg); border:none;
  font-family:var(--sans); font-size:.72rem; letter-spacing:.15em; text-transform:uppercase;
  font-weight:600; padding:.7rem 2rem; border-radius:4px; cursor:pointer; transition:all .2s;
}
.okw-btn-pri:hover { background:var(--rose); }
.okw-widget-note { font-size:.65rem; color:var(--tdim); margin-top:.875rem; }

/* Bevestiging */
.okw-bevestigd-wrap { padding:3.5rem 2rem; text-align:center; }
.okw-bevestigd-icoon{
  width:64px; height:64px; border-radius:50%; border:2px solid var(--rose);
  color:var(--rose); font-size:1.75rem; display:flex; align-items:center; justify-content:center;
  margin:0 auto 1.5rem; background:rgba(232,196,184,.1);
}
.okw-bevestigd-naam { font-family:var(--serif); font-size:2rem; font-weight:300; color:var(--beige); margin-bottom:.5rem; }
.okw-bevestigd-sub  { font-size:.85rem; color:var(--ton); margin-bottom:2rem; }
.okw-bevestigd-kaart{
  max-width:360px; margin:0 auto; background:rgba(242,234,224,.05);
  border:1px solid rgba(242,234,224,.12); border-radius:6px; overflow:hidden; text-align:left;
}
.okw-bevestigd-kaart div { display:flex; justify-content:space-between; align-items:center; padding:.7rem 1.25rem; border-bottom:2px solid rgba(74,44,20,.15); }
.okw-bevestigd-kaart div:last-child { border:none; }
.okw-bevestigd-kaart span   { font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; color:var(--tdim); }
.okw-bevestigd-kaart strong { font-size:.88rem; color:var(--beige); font-weight:400; }

/* Responsive */
@media(max-width:1000px){
  .okw-boek-wrap { grid-template-columns:1fr; gap:2.5rem; }
  .okw-rit-grid  { grid-template-columns:1fr; }
  .okw-datum-tijd-grid { grid-template-columns:1fr; gap:2rem; }
  .okw-samenvatting { grid-template-columns:1fr; }
  .okw-form-rij  { grid-template-columns:1fr; }
  .okw-slots     { grid-template-columns:repeat(4,1fr); }
  .okw-boek-sectie { padding:4rem 1.5rem; }
  .okw-widget-inhoud { padding:1.5rem; }
  .okw-progress  { padding:1rem 1.5rem; }
  .okw-prog-stap span { display:none; }
}

/* ── MOBIEL (≤ 600px) ─────────────────────────────────────────────────────── */
@media(max-width:600px){
  /* Booking sectie */
  .okw-boek-sectie { padding:2.5rem .75rem; }
  .okw-boek-wrap   { grid-template-columns:1fr; gap:1.5rem; }
  .okw-boek-h      { font-size:1.8rem; margin-bottom:.75rem; }
  .okw-boek-intro  { padding-bottom:0; }

  /* Widget container */
  .okw-widget       { border-radius:6px; border-left:none; border-right:none; }
  .okw-widget-inhoud{ padding:.875rem; }
  .okw-progress     { padding:.625rem .875rem; gap:.25rem; flex-wrap:nowrap; }
  .okw-prog-stap    { gap:.2rem; }
  .okw-prog-stap span { font-size:.6rem; }
  .okw-prog-num     { width:22px; height:22px; font-size:.7rem; }
  .okw-prog-lijn    { flex:1; min-width:12px; }

  /* Stap 1: Ritueel kaartjes — 1 kolom op gsm */
  .okw-rit-grid { grid-template-columns:1fr; gap:.5rem; }
  .okw-rit-kaart{ padding:1rem; }
  .okw-rk-naam  { font-size:1rem; }
  .okw-rk-desc  { font-size:.72rem; line-height:1.5; }
  .okw-rk-prijs { font-size:.95rem; }

  /* Stap 2: Datum & tijd naast elkaar → onder elkaar */
  .okw-datum-tijd-grid { grid-template-columns:1fr; gap:1.25rem; }

  /* Kalender */
  .okw-kal-grid { gap:2px; }
  .okw-kal-kop  { font-size:.62rem; padding:.2rem 0; }
  .okw-kal-cel  { font-size:.78rem; padding:.3rem .15rem; min-height:32px; }
  .okw-kal-mnd  { font-size:.88rem; }
  .okw-kal-btn  { font-size:1rem; padding:.15rem .5rem; }

  /* Tijdsloten */
  .okw-slots     { grid-template-columns:repeat(3,1fr); gap:.3rem; }
  .okw-slot-btn  { font-size:.72rem; padding:.4rem .1rem; }

  /* Stap 3: Gegevens */
  .okw-form-rij  { grid-template-columns:1fr; gap:.75rem; }
  .okw-samenvatting { grid-template-columns:1fr; gap:.35rem; }
  .okw-samenvatting-item { font-size:.82rem; }

  /* Prevent iOS zoom on input focus */
  .okw-form-veld input,
  .okw-form-veld textarea,
  .okw-form-veld select,
  input[type="text"], input[type="email"], input[type="tel"],
  textarea, select { font-size:16px !important; }

  /* Knoppen */
  .okw-btn-prim,
  .okw-btn-sec   { font-size:.82rem; padding:.75rem 1rem; width:100%; box-sizing:border-box; }
  .okw-widget-nav { flex-direction:column-reverse; gap:.5rem; }

  /* Overige */
  .okw-gekozen-badge { font-size:.75rem; flex-wrap:wrap; gap:.3rem; }
  .okw-borg-box      { padding:.875rem; }
  .okw-bevestigd-wrap{ padding:1.5rem .875rem; }
  .okw-widget-h      { font-size:1.05rem; margin-bottom:.875rem; }

  /* fg-row (datum+tijd grid) */
  .okw-fg-row { grid-template-columns:1fr; gap:.75rem; }
}

/* ── Extra smal (≤ 360px) ──────────────────────────────────────────────── */
@media(max-width:360px){
  .okw-slots { grid-template-columns:repeat(2,1fr); }
  .okw-prog-stap span { display:none; }
}

/* ── WordPress admin bar compensatie ─────────────────────────────────────── */
.admin-bar .okw-nav { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar .okw-nav { top: 46px; }
}

/* ═══════════════════════════════════════════════════════════
   BOEKINGSSECTIE — warme zandkleur (overschrijft alles)
   ═══════════════════════════════════════════════════════════ */
section#boek.okw-boek-sectie,
.okw-boek-sectie {
  background: #EDE4D2 !important;
  color: #5A3220 !important;
}
.okw-boek-h { color: #5A3220 !important; }
.okw-boek-intro p, .okw-boek-ul li { color: rgba(90,50,32,.75) !important; }

.okw-widget {
  background: #F5EEE4 !important;
  border: 1px solid rgba(90,50,32,.15) !important;
  color: #5A3220 !important;
}
.okw-progress { background: #E8DCC8 !important; border-bottom: 1px solid rgba(90,50,32,.12) !important; }
.okw-prog-num { border-color: rgba(90,50,32,.25) !important; color: rgba(90,50,32,.45) !important; background: transparent !important; }
.okw-prog-num.actief, .okw-prog-num.klaar { background: #7A4A2E !important; border-color: #7A4A2E !important; color: #F0E8D8 !important; }
.okw-prog-stap span { color: rgba(90,50,32,.5) !important; }
.okw-prog-stap.actief span { color: #7A4A2E !important; }
.okw-prog-lijn { background: rgba(90,50,32,.15) !important; }
.okw-widget-inhoud { background: #F5EEE4; }
.okw-widget-h { color: #5A3220 !important; }

/* Ritueel kaartjes */
.okw-rit-grid { gap: .75rem; }
.okw-rit-kaart {
  background: #EDE4D2 !important;
  border: 1.5px solid rgba(90,50,32,.18) !important;
  color: #5A3220 !important;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(122,74,46,.15);
  touch-action: manipulation;
}
.okw-rit-kaart:active { background: #D8CCAA !important; transform: scale(.98); }
.okw-rit-kaart.gekozen { border-color: #7A4A2E !important; background: #E0D4BA !important; }
.okw-rk-cat  { color: #8B5A30 !important; }
.okw-rk-naam { color: #5A3220 !important; }
.okw-rk-desc { color: rgba(90,50,32,.58) !important; }
.okw-rk-prijs { color: #5A3220 !important; }
.okw-rk-duur  { color: rgba(90,50,32,.5) !important; }
.okw-rk-footer { border-top-color: rgba(90,50,32,.1) !important; }

/* Kalender */
.okw-kal { background: #EDE4D2 !important; border-color: rgba(90,50,32,.12) !important; }
.okw-kal-kop  { color: rgba(90,50,32,.45) !important; }
.okw-kal-cel  { color: rgba(90,50,32,.3) !important; }
.okw-kal-cel.beschikbaar { color: #5A3220 !important; }
.okw-kal-cel.beschikbaar:hover { background: rgba(122,74,46,.1) !important; }
.okw-kal-cel.gekozen { background: #7A4A2E !important; color: #F0E8D8 !important; }
.okw-kal-cel.vandaag { border-color: #8B5A30 !important; color: #7A4A2E !important; }
.okw-kal-mnd  { color: #5A3220 !important; }
.okw-kal-btn  { color: #7A4A2E !important; background: rgba(122,74,46,.1) !important; border-color: rgba(122,74,46,.2) !important; }
.okw-kal-nav  { border-bottom-color: rgba(90,50,32,.1) !important; }

/* Tijdsloten */
.okw-slot-btn { background: #EDE4D2 !important; border-color: rgba(90,50,32,.2) !important; color: #5A3220 !important; }
.okw-slot-btn:hover { border-color: #7A4A2E !important; background: #E4D8C0 !important; }
.okw-slot-btn.gekozen { background: #7A4A2E !important; border-color: #7A4A2E !important; color: #F0E8D8 !important; }
.okw-slot-btn.bezet { opacity: .3 !important; cursor: not-allowed; }

/* Formulier stap 3 */
.okw-fg input, .okw-fg select, .okw-fg textarea {
  border-bottom-color: rgba(90,50,32,.2) !important;
  color: #5A3220 !important;
  background: transparent !important;
}
.okw-fg label { color: rgba(90,50,32,.5) !important; }
.okw-fg select option { background: #EDE4D2; color: #2E1505; }
.okw-btn-prim { background: #7A4A2E !important; color: #F0E8D8 !important; border-color: #7A4A2E !important; }
.okw-btn-prim:hover { background: #5A3220 !important; }
.okw-btn-sec  { color: #7A4A2E !important; border-color: rgba(122,74,46,.3) !important; background: transparent !important; }
.okw-gekozen-badge { background: rgba(122,74,46,.08) !important; border-color: rgba(122,74,46,.15) !important; color: #7A4A2E !important; }
.okw-gb-naam, .okw-gb-meta { color: #7A4A2E !important; }
.okw-samenvatting { background: rgba(122,74,46,.06) !important; border-color: rgba(122,74,46,.12) !important; }
.okw-samenvatting-item span { color: rgba(90,50,32,.5) !important; }
.okw-samenvatting-item strong { color: #5A3220 !important; }

/* Bevestigingscherm */
.okw-bevestigd-wrap { background: #F5EEE4; color: #2E1505; }
.okw-bevestigd-naam { color: #5A3220 !important; }
.okw-bevestigd-sub  { color: rgba(90,50,32,.65) !important; }
.okw-bevestigd-kaart { border-color: rgba(90,50,32,.12) !important; background: #EDE4D2 !important; }
.okw-bevestigd-kaart div { border-bottom-color: rgba(90,50,32,.08) !important; }
.okw-bevestigd-kaart span { color: rgba(90,50,32,.5) !important; }
.okw-bevestigd-kaart strong { color: #5A3220 !important; }
.okw-bevestigd-icoon { border-color: rgba(90,50,32,.25) !important; color: #7A4A2E !important; }

/* ── iOS button fix ──────────────────────────────────────── */
button.okw-rit-kaart {
  -webkit-appearance: none;
  appearance: none;
  border: 1.5px solid rgba(90,50,32,.18);
  background: #EDE4D2;
  color: #2E1505;
  padding: 1.25rem;
  border-radius: 6px;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(122,74,46,.2);
  font-family: var(--sans);
  font-weight: 300;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  text-align: left;
}
button.okw-rit-kaart:active {
  background: #D8CCAA !important;
  transform: scale(.98);
}
button.okw-rit-kaart.gekozen {
  border-color: #7A4A2E !important;
  background: #E0D4BA !important;
}

/* ═══════════════════════════════════════════════════════════
   FAQ PAGINA
   ═══════════════════════════════════════════════════════════ */
.okw-faq-pagina { min-height:100vh; }
.okw-faq-pg-hero {
  padding:10rem 3rem 5rem;
  background:var(--bg);
  text-align:center;
}
.okw-faq-pg-wrap {
  max-width:820px;
  margin:0 auto;
  padding:4rem 2rem 5rem;
}
.okw-faq-pg-cta {
  text-align:center;
  padding:4rem 2rem 6rem;
  border-top:2px solid rgba(74,44,20,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
}
.okw-faq-pg-cta p {
  font-family:var(--serif);
  font-size:1.4rem;
  font-style:italic;
  color:#2E1505;
}

/* ═══════════════════════════════════════════════════════════
   WOOCOMMERCE
   ═══════════════════════════════════════════════════════════ */
.okw-woo-pagina { min-height:100vh; padding-top:6rem; }
.okw-woo-wrap, .okw-woo-single-wrap {
  max-width:1200px;
  margin:0 auto;
  padding:3rem 2rem 6rem;
}
.okw-woo-header {
  text-align:center;
  margin-bottom:3rem;
  padding-top:2rem;
}

/* WooCommerce basisstijlen passend bij Okuwaayo */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background:#F5EEE4;
  border:2px solid rgba(74,44,20,.12);
  border-radius:6px;
  padding:1.5rem;
  transition:all .2s;
}
.woocommerce ul.products li.product:hover {
  border-color:rgba(122,74,46,.3);
  transform:translateY(-2px);
  box-shadow:0 4px 20px rgba(74,44,20,.08);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family:var(--serif);
  font-size:1.2rem;
  font-weight:300;
  color:#2E1505;
}
.woocommerce ul.products li.product .price {
  color:#7A4A2E;
  font-family:var(--serif);
  font-size:1.1rem;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background:#7A4A2E !important;
  color:#F0E8D8 !important;
  border:none !important;
  border-radius:4px !important;
  font-family:var(--sans) !important;
  font-size:.72rem !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  padding:.75rem 1.5rem !important;
  transition:background .2s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background:#5A3220 !important;
  color:#F0E8D8 !important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background:#5A3220 !important;
}
/* Winkelwagen & checkout */
.woocommerce .cart-subtotal th,
.woocommerce .order-total th,
.woocommerce table.shop_table th {
  color:#2E1505;
  font-family:var(--sans);
  font-weight:600;
  border-bottom:2px solid rgba(74,44,20,.12);
}
.woocommerce table.shop_table {
  border:2px solid rgba(74,44,20,.12) !important;
  border-radius:6px;
  overflow:hidden;
}
.woocommerce-notices-wrapper .woocommerce-message {
  background:#EDE4D2;
  border-top-color:#7A4A2E;
  color:#2E1505;
}
/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb {
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(74,44,20,.5);
  margin-bottom:2rem;
}
.woocommerce .woocommerce-breadcrumb a { color:#7A4A2E; }
/* Productprijs detail */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color:#7A4A2E;
  font-family:var(--serif);
  font-size:1.8rem;
  font-weight:300;
}
/* Product titel */
.woocommerce div.product .product_title {
  font-family:var(--serif);
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:300;
  color:#2E1505;
}
/* Tabs */
.woocommerce div.product .woocommerce-tabs .tabs li a {
  color:#7A4A2E;
  font-family:var(--sans);
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.woocommerce div.product .woocommerce-tabs .tabs li.active a {
  color:#2E1505;
}
/* Paginering */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color:#7A4A2E;
  border-color:rgba(122,74,46,.3);
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background:#7A4A2E;
  color:#F0E8D8;
}

@media(max-width:600px){
  .okw-faq-pg-hero { padding:8rem 1.5rem 3rem; }
  .okw-faq-pg-wrap { padding:2rem 1rem 3rem; }
  .okw-woo-wrap,.okw-woo-single-wrap { padding:2rem 1rem 4rem; }
}

/* ═══════════════════════════════════════════════════════════
   GEDEELDE PAGINA STIJLEN
   ═══════════════════════════════════════════════════════════ */
.okw-pg-hero {
  padding: 9rem 3rem 5rem;
  background: var(--bg);
}
.okw-pg-hero--center { text-align: center; }
.okw-pg-h1 {
  font-family: var(--serif);
  font-size: clamp(2.2rem, 5vw, 4rem);
  font-weight: 300;
  font-style: italic;
  color: #2E1505;
  line-height: 1.15;
  margin: 1rem 0;
}
.okw-pg-intro {
  font-size: 1rem;
  color: rgba(46,21,5,.65);
  max-width: 600px;
  line-height: 1.8;
  margin: 1rem auto 0;
}
.okw-pg-hero:not(.okw-pg-hero--center) { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.okw-pg-hero-img { aspect-ratio: 4/5; overflow: hidden; border-radius: 4px; background: #D8CAAC; }
.okw-pg-hero-img img { width: 100%; height: 100%; object-fit: cover; }
.okw-img-ph-light { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 300px; font-family: var(--serif); font-style: italic; font-size: .85rem; color: rgba(74,44,20,.35); }

/* ── Over pagina ─────────────────────────────────────────── */
.okw-over-wrap { max-width: 900px; margin: 0 auto; padding: 5rem 3rem; }
.okw-over-h2 {
  font-family: var(--serif);
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 300;
  font-style: italic;
  color: #2E1505;
  margin: 1rem 0 2rem;
  line-height: 1.2;
}
.okw-over-tekst p { color: #2E1505; line-height: 1.9; margin-bottom: 1.25rem; font-size: .95rem; }
.okw-over-tessa { background: #E4D8C0; }
.okw-over-tessa-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }
.okw-over-tessa-img { aspect-ratio: 3/4; overflow: hidden; border-radius: 4px; background: #D8CAAC; }
.okw-over-tessa-img img { width: 100%; height: 100%; object-fit: cover; }
.okw-over-tessa-tekst p { color: #2E1505; line-height: 1.9; margin-bottom: 1.25rem; font-size: .95rem; }
.okw-quote {
  border-left: 3px solid #7A4A2E;
  padding: 1rem 1.5rem;
  margin: 2rem 0;
  font-family: var(--serif);
  font-size: 1.2rem;
  font-style: italic;
  color: #7A4A2E;
  line-height: 1.6;
  background: rgba(122,74,46,.05);
  border-radius: 0 4px 4px 0;
}
.okw-over-missie { background: #EDE4D2; }
.okw-over-missie-sub { font-size: 1rem; color: rgba(46,21,5,.7); max-width: 700px; line-height: 1.8; margin-bottom: 3rem; }
.okw-over-waarden-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.okw-over-waarde {
  background: #F5EEE4;
  border: 2px solid rgba(74,44,20,.12);
  border-radius: 6px;
  padding: 2rem;
}
.okw-over-waarde-nr { font-family: var(--serif); font-size: 3rem; font-weight: 300; color: rgba(122,74,46,.2); display: block; line-height: 1; margin-bottom: .5rem; }
.okw-over-waarde h3 { font-family: var(--serif); font-size: 1.2rem; font-weight: 400; color: #2E1505; margin-bottom: .5rem; }
.okw-over-waarde p { font-size: .88rem; color: rgba(46,21,5,.65); line-height: 1.7; }
.okw-over-pijlers { background: var(--bg); }
.okw-pijlers-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-top: 2rem; }
.okw-pijler { text-align: center; padding: 2rem 1.5rem; }
.okw-pijler-icon { font-size: 2rem; display: block; margin-bottom: 1rem; }
.okw-pijler h3 { font-family: var(--serif); font-size: 1.2rem; font-weight: 300; color: #2E1505; margin-bottom: .75rem; }
.okw-pijler p { font-size: .85rem; color: rgba(46,21,5,.65); line-height: 1.7; }
.okw-over-cta {
  text-align: center;
  padding: 5rem 2rem;
  background: #E4D8C0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.okw-over-cta p { font-family: var(--serif); font-size: 2rem; font-style: italic; color: #2E1505; }

/* Homepage pijlers */
.okw-pijlers-sectie { padding: 5rem 3rem; background: #EDE4D2; }
.okw-pijlers-wrap { max-width: 1100px; margin: 0 auto; }
.okw-pijlers-home-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.okw-pijler-home { text-align: center; padding: 2rem 1rem; background: #F5EEE4; border-radius: 6px; border: 2px solid rgba(74,44,20,.1); }
.okw-pijler-home-icon { font-size: 1.75rem; display: block; margin-bottom: .875rem; }
.okw-pijler-home h3 { font-family: var(--serif); font-size: 1.1rem; font-weight: 300; color: #2E1505; margin-bottom: .5rem; }
.okw-pijler-home p { font-size: .8rem; color: rgba(46,21,5,.6); line-height: 1.7; }

/* ── Behandelingen pagina ────────────────────────────────── */
.okw-beh-pagina { min-height: 100vh; }
.okw-beh-cat { padding: 5rem 0; }
.okw-beh-cat--alt { background: #E4D8C0; }
.okw-beh-wrap { max-width: 960px; margin: 0 auto; padding: 0 2rem; }
.okw-beh-cat-header { margin-bottom: 3rem; max-width: 680px; }
.okw-beh-cat-header p { color: rgba(46,21,5,.65); line-height: 1.8; margin-top: .75rem; }
.okw-beh-lijst { display: flex; flex-direction: column; gap: 2rem; }
.okw-beh-item {
  background: #F5EEE4;
  border: 2px solid rgba(74,44,20,.12);
  border-radius: 8px;
  padding: 2rem 2.5rem;
}
.okw-beh-item--traject { border-color: #7A4A2E; }
.okw-beh-item-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1.25rem; }
.okw-beh-naam { font-family: var(--serif); font-size: 1.6rem; font-weight: 300; color: #2E1505; margin-bottom: .4rem; }
.okw-beh-meta { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.okw-beh-meta span { font-size: .82rem; color: #7A4A2E; font-weight: 600; }
.okw-beh-tag-traject { background: #7A4A2E; color: #F0E8D8 !important; padding: .15rem .6rem; border-radius: 20px; font-size: .7rem !important; letter-spacing: .1em; }
.okw-beh-boek { font-size: .7rem; letter-spacing: .15em; text-transform: uppercase; color: #7A4A2E; text-decoration: none; border: 2px solid rgba(122,74,46,.3); padding: .5rem 1rem; border-radius: 4px; white-space: nowrap; transition: all .2s; }
.okw-beh-boek:hover { background: #7A4A2E; color: #F0E8D8; }
.okw-beh-desc { color: rgba(46,21,5,.75); line-height: 1.8; font-size: .9rem; margin-bottom: .875rem; }
.okw-beh-tags { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
.okw-beh-tags span { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; background: rgba(122,74,46,.08); color: #7A4A2E; padding: .25rem .75rem; border-radius: 20px; border: 1px solid rgba(122,74,46,.2); }
.okw-beh-traject-info { background: rgba(122,74,46,.06); border: 1px solid rgba(122,74,46,.15); border-radius: 6px; padding: 1.25rem 1.5rem; margin-top: 1.25rem; }
.okw-beh-traject-info h4 { font-family: var(--serif); font-size: 1rem; color: #2E1505; margin-bottom: .75rem; }
.okw-beh-traject-info ul { padding-left: 1.25rem; }
.okw-beh-traject-info li { font-size: .85rem; color: rgba(46,21,5,.75); line-height: 1.8; margin-bottom: .4rem; }
.okw-beh-ideaal h4 { font-family: var(--serif); font-size: .95rem; color: #7A4A2E; margin: 1.25rem 0 .75rem; }
.okw-beh-ideaal ul { padding-left: 1.25rem; }
.okw-beh-ideaal li { font-size: .85rem; color: rgba(46,21,5,.7); line-height: 1.8; }
.okw-beh-merk { padding: 5rem 0; background: var(--bg); }
.okw-beh-merk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; margin-top: 2rem; align-items: start; }
.okw-beh-merk-grid p { color: rgba(46,21,5,.75); line-height: 1.9; margin-bottom: 1.25rem; font-size: .92rem; }
.okw-beh-merk-img { aspect-ratio: 4/5; overflow: hidden; border-radius: 4px; background: #D8CAAC; }
.okw-beh-merk-img img { width: 100%; height: 100%; object-fit: cover; }

/* ── Juridische pagina's ─────────────────────────────────── */
.okw-legal-pagina { min-height: 100vh; padding-top: 6rem; }
.okw-legal-wrap { max-width: 800px; margin: 0 auto; padding: 4rem 2rem 6rem; }
.okw-legal-intro { font-family: var(--serif); font-size: 1.2rem; font-style: italic; color: rgba(46,21,5,.7); line-height: 1.7; margin: 1rem 0 3rem; }
.okw-legal-tekst h2 { font-family: var(--serif); font-size: 1.3rem; font-weight: 400; color: #2E1505; margin: 2.5rem 0 .75rem; border-bottom: 2px solid rgba(74,44,20,.12); padding-bottom: .5rem; }
.okw-legal-tekst h2:first-child { margin-top: 0; }
.okw-legal-tekst p { color: rgba(46,21,5,.8); line-height: 1.9; margin-bottom: 1rem; font-size: .92rem; }
.okw-legal-tekst ul { padding-left: 1.5rem; margin-bottom: 1rem; }
.okw-legal-tekst li { color: rgba(46,21,5,.75); line-height: 1.8; margin-bottom: .4rem; font-size: .92rem; }
.okw-legal-tekst a { color: #7A4A2E; }

/* ── Journal ─────────────────────────────────────────────── */
.okw-journal-pagina { min-height: 100vh; }
.okw-journal-wrap { max-width: 1100px; margin: 0 auto; padding: 3rem 2rem 6rem; }
.okw-journal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.okw-journal-item { background: #F5EEE4; border: 2px solid rgba(74,44,20,.1); border-radius: 8px; overflow: hidden; transition: all .2s; }
.okw-journal-item:hover { transform: translateY(-3px); box-shadow: 0 6px 24px rgba(74,44,20,.1); }
.okw-journal-img img { width: 100%; height: 240px; object-fit: cover; display: block; }
.okw-journal-content { padding: 1.75rem; }
.okw-journal-titel { font-family: var(--serif); font-size: 1.3rem; font-weight: 300; color: #2E1505; margin: .75rem 0 1rem; line-height: 1.3; }
.okw-journal-titel a { text-decoration: none; color: inherit; }
.okw-journal-excerpt { font-size: .85rem; color: rgba(46,21,5,.65); line-height: 1.8; margin-bottom: 1.25rem; }
.okw-journal-paginering { margin-top: 3rem; text-align: center; }
.okw-journal-leeg { text-align: center; padding: 5rem 2rem; }

/* ── Artikel (single post) ───────────────────────────────── */
.okw-artikel-pagina { min-height: 100vh; padding-top: 6rem; }
.okw-artikel-wrap { max-width: 760px; margin: 0 auto; padding: 3rem 2rem 6rem; }
.okw-artikel-header { margin-bottom: 2.5rem; }
.okw-artikel-meta { display: flex; gap: 1.5rem; font-size: .78rem; color: rgba(46,21,5,.5); letter-spacing: .1em; text-transform: uppercase; margin-top: .75rem; }
.okw-artikel-img { margin: 2rem 0; border-radius: 6px; overflow: hidden; }
.okw-artikel-img img { width: 100%; max-height: 500px; object-fit: cover; display: block; }
.okw-artikel-content p { color: rgba(46,21,5,.82); line-height: 2; margin-bottom: 1.5rem; font-size: .96rem; }
.okw-artikel-content h2 { font-family: var(--serif); font-size: 1.6rem; font-weight: 300; color: #2E1505; margin: 2.5rem 0 1rem; }
.okw-artikel-content h3 { font-family: var(--serif); font-size: 1.2rem; color: #2E1505; margin: 2rem 0 .75rem; }
.okw-artikel-content blockquote { border-left: 3px solid #7A4A2E; padding: 1rem 1.5rem; margin: 2rem 0; font-family: var(--serif); font-size: 1.15rem; font-style: italic; color: #7A4A2E; line-height: 1.6; }
.okw-artikel-footer { margin-top: 3rem; padding-top: 2rem; border-top: 2px solid rgba(74,44,20,.12); }

/* Responsief */
@media(max-width:900px){
  .okw-pg-hero:not(.okw-pg-hero--center){ grid-template-columns:1fr; }
  .okw-over-tessa-grid{ grid-template-columns:1fr; }
  .okw-over-waarden-grid{ grid-template-columns:1fr; }
  .okw-pijlers-grid{ grid-template-columns:repeat(2,1fr); }
  .okw-pijlers-home-grid{ grid-template-columns:repeat(2,1fr); }
  .okw-beh-merk-grid{ grid-template-columns:1fr; }
  .okw-journal-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:600px){
  .okw-pg-hero{ padding:8rem 1.25rem 3rem; }
  .okw-over-wrap{ padding:3rem 1.25rem; }
  .okw-pijlers-grid{ grid-template-columns:1fr; }
  .okw-pijlers-home-grid{ grid-template-columns:1fr; }
  .okw-beh-item{ padding:1.5rem; }
  .okw-beh-item-header{ flex-direction:column; }
  .okw-journal-grid{ grid-template-columns:1fr; }
  .okw-legal-wrap{ padding:2rem 1.25rem 4rem; }
  .okw-pijlers-sectie{ padding:3rem 1.25rem; }
}

/* ── FAQ Teaser (homepage) ───────────────────────────────── */
.okw-faq-teaser { padding: 6rem 3rem; background: #E4D8C0; }
.okw-faq-teaser-wrap { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }
.okw-faq-teaser-vragen { display: flex; flex-direction: column; gap: 0; }
.okw-faq-teaser-item {
  display: flex; justify-content: space-between; align-items: center;
  padding: .9rem 0; border-bottom: 2px solid rgba(74,44,20,.12);
  text-decoration: none; color: #2E1505; font-size: .9rem;
  transition: color .2s;
}
.okw-faq-teaser-item:first-child { border-top: 2px solid rgba(74,44,20,.12); }
.okw-faq-teaser-item:hover { color: #7A4A2E; }
.okw-faq-teaser-pijl { color: #7A4A2E; font-size: .85rem; }
.okw-faq-teaser-meer {
  margin-top: 1.5rem; font-size: .72rem; letter-spacing: .15em;
  text-transform: uppercase; color: #7A4A2E; text-decoration: none;
  display: inline-flex; align-items: center; gap: .4rem;
  border-bottom: 2px solid rgba(122,74,46,.3); padding-bottom: .15rem;
  align-self: flex-start;
}
.okw-faq-teaser-meer:hover { color: #2E1505; border-color: rgba(46,21,5,.4); }
@media(max-width:900px){
  .okw-faq-teaser-wrap { grid-template-columns: 1fr; gap: 2.5rem; }
  .okw-faq-teaser { padding: 4rem 1.5rem; }
}

/* ── Pijlers sectie homepage (nieuw) ─────────────────────── */
.okw-pijlers-sectie { padding: 6rem 3rem; background: var(--bg2); }
.okw-pijlers-wrap { max-width: 1100px; margin: 0 auto; }
.okw-pijlers-intro {
  display: flex; justify-content: space-between; align-items: baseline;
  border-bottom: 2px solid rgba(74,44,20,.15); padding-bottom: 1.5rem; margin-bottom: 3rem;
}
.okw-pijlers-home-grid {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 0;
}
.okw-pijler-home {
  padding: 2rem 2.5rem;
  background: transparent;
  border-radius: 0;
  border-top: none; border-bottom: none; border-left: none; border-right: none;
}
.okw-pijler-home-nr {
  font-family: var(--serif); font-size: 2.5rem; font-weight: 300;
  color: rgba(74,44,20,.15); display: block; line-height: 1; margin-bottom: 1rem;
}
.okw-pijler-home h3 {
  font-family: var(--serif); font-size: 1.2rem; font-weight: 300;
  font-style: italic; color: #2E1505; margin-bottom: .75rem;
}
.okw-pijler-home p { font-size: .83rem; color: rgba(46,21,5,.6); line-height: 1.8; }

/* ── Over pagina verbeteringen ───────────────────────────── */
.okw-over-pagina .okw-pg-hero {
  padding: 10rem 3rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: end;
}
.okw-over-pagina .okw-pg-hero-tekst { padding-bottom: 4rem; }
.okw-over-pagina .okw-pg-hero-img {
  aspect-ratio: 3/4; border-radius: 0; height: 520px;
}
.okw-over-verhaal { background: var(--bg); }
.okw-over-missie { padding: 6rem 0; }
.okw-over-pijlers { background: var(--bg2); }

@media(max-width:900px){
  .okw-pijlers-home-grid { grid-template-columns: repeat(2,1fr); }
  .okw-pijlers-sectie { padding: 4rem 1.5rem; }
  .okw-over-pagina .okw-pg-hero { grid-template-columns: 1fr; padding-top: 8rem; }
  .okw-over-pagina .okw-pg-hero-img { height: 360px; }
}
@media(max-width:600px){
  .okw-pijlers-home-grid { grid-template-columns: 1fr; }
  .okw-pijler-home { border: none; border-top: 2px solid rgba(74,44,20,.12); padding: 1.5rem 0; }
  .okw-pijlers-intro { flex-direction: column; gap: 1rem; }
}

/* ── WordPress navigatie pijlen → donkerbruin ─────────────── */
.nav-links a, .nav-links span,
.page-numbers a, .page-numbers span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current,
a.page-numbers, span.page-numbers,
.wp-pagenavi a, .wp-pagenavi span { color: #7A4A2E !important; border-color: rgba(122,74,46,.3) !important; background: transparent !important; }
.nav-links a:hover, .page-numbers a:hover { background: #7A4A2E !important; color: #F0E8D8 !important; }

/* Scroll knoppen, kalender knoppen ───────────────────────── */
.okw-kal-btn { background: rgba(122,74,46,.1) !important; color: #7A4A2E !important; border: 2px solid rgba(122,74,46,.2) !important; }

/* Pijler sectie - geen lijnen */
.okw-pijlers-home-grid { border: none !important; }
.okw-pijler-home { border: none !important; border-top: 1px solid rgba(74,44,20,.1) !important; }
.okw-pijler-home:first-child { border-top: none !important; }

/* ── Over pagina (herschreven) ───────────────────────────── */
.okw-over-hero {
  display: grid; grid-template-columns: 1fr 1fr;
  min-height: 90vh; padding-top: 80px;
}
.okw-over-hero-tekst {
  display: flex; flex-direction: column; justify-content: center;
  padding: 5rem 4rem 5rem 3rem; background: var(--bg);
}
.okw-over-hero-h1 {
  font-family: var(--serif); font-size: clamp(2.2rem,3.5vw,3.5rem);
  font-weight: 300; font-style: italic; color: #2E1505;
  line-height: 1.2; margin: 1.25rem 0;
}
.okw-over-hero-sub { font-size: .95rem; color: rgba(46,21,5,.6); line-height: 1.9; max-width: 420px; }
.okw-over-hero-img { overflow: hidden; }
.okw-over-hero-img img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Blokken */
.okw-over-blok { padding: 6rem 3rem; }
.okw-over-blok--licht { background: var(--bg); }
.okw-over-blok--donker { background: var(--bg2); padding: 0; }

/* Content grid (label + tekst) */
.okw-over-content-grid {
  max-width: 1000px; margin: 0 auto 3rem;
  display: grid; grid-template-columns: 200px 1fr; gap: 3rem; align-items: start;
}
.okw-over-content-label { padding-top: .35rem; }
.okw-over-content-tekst p { color: rgba(46,21,5,.78); line-height: 1.9; margin-bottom: 1.25rem; font-size: .93rem; }
.okw-over-h2 {
  font-family: var(--serif); font-size: clamp(1.7rem,2.5vw,2.5rem);
  font-weight: 300; font-style: italic; color: #2E1505;
  margin-bottom: 1.75rem; line-height: 1.2;
}
.okw-over-missie-sub { font-size: 1rem; color: rgba(46,21,5,.65); line-height: 1.85; }

/* Tessa fullbleed grid */
.okw-over-tessa-fullgrid { display: grid; grid-template-columns: 1fr 1fr; min-height: 640px; }
.okw-over-tessa-fullimg { overflow: hidden; }
.okw-over-tessa-fullimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.okw-over-tessa-inhoud {
  padding: 5rem 4rem; display: flex; flex-direction: column; justify-content: center;
  background: var(--bg2);
}
.okw-over-tessa-inhoud p { color: rgba(46,21,5,.78); line-height: 1.9; margin-bottom: 1.25rem; font-size: .93rem; }

/* Waarden rij */
.okw-over-waarden-rij {
  max-width: 1000px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4,1fr);
  border-top: 2px solid rgba(74,44,20,.12);
}
.okw-over-waarde-item { padding: 2rem 2rem 2rem 0; border-right: none; }
.okw-over-waarde-item:not(:last-child) { border-right: none; }
.okw-over-waarde-idx {
  font-family: var(--serif); font-size: 2.2rem; font-weight: 300;
  color: rgba(74,44,20,.15); display: block; line-height: 1; margin-bottom: .875rem;
}
.okw-over-waarde-item h3 {
  font-family: var(--serif); font-size: 1.05rem; font-style: italic;
  color: #2E1505; margin-bottom: .5rem; font-weight: 300;
}
.okw-over-waarde-item p { font-size: .82rem; color: rgba(46,21,5,.6); line-height: 1.75; }

@media(max-width:900px){
  .okw-over-hero { grid-template-columns: 1fr; min-height: auto; }
  .okw-over-hero-tekst { padding: 7rem 2rem 3rem; }
  .okw-over-hero-img { height: 420px; }
  .okw-over-tessa-fullgrid { grid-template-columns: 1fr; }
  .okw-over-tessa-fullimg { height: 380px; }
  .okw-over-tessa-inhoud { padding: 3rem 2rem; }
  .okw-over-content-grid { grid-template-columns: 1fr; gap: 1rem; }
  .okw-over-waarden-rij { grid-template-columns: repeat(2,1fr); gap: 0; }
  .okw-over-waarde-item { border-bottom: 1px solid rgba(74,44,20,.1); }
}
@media(max-width:600px){
  .okw-over-blok { padding: 4rem 1.25rem; }
  .okw-over-waarden-rij { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════
   PIJLEN — centraal via CSS ::after, nooit via tekst/emoji
   ═══════════════════════════════════════════════════════════ */

/* Diagonale pijl ↗ voor okw-link */
.okw-link::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: .45rem;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  flex-shrink: 0;
}

/* Rechte pijl → voor teaser-meer en social */
.okw-faq-teaser-meer::after,
.okw-social-link::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: .4rem;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Rit pijl (rituelen lijst) */
.okw-rit-pijl {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #7A4A2E;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  flex-shrink: 0;
  transition: transform .2s;
}
.okw-rit-rij:hover .okw-rit-pijl { transform: translate(2px, -2px); }

/* beh-boek pijl */
.okw-beh-boek::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: .4rem;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.okw-beh-boek:hover::after { background-color: #F0E8D8; }

/* FAQ teaser item pijl — via ::after op de link zelf */
.okw-faq-teaser-item::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: #7A4A2E;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  flex-shrink: 0;
}

/* Menu overlay pijl */
.okw-menu-bottom a::after {
  content: '';
  display: inline-block;
  width: 14px; height: 14px;
  margin-left: .5rem;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
}

/* Verzend-knop pijl */
#okw-verzend::after {
  content: '';
  display: inline-block;
  width: 13px; height: 13px;
  margin-left: .45rem;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
}

/* ── Fullbleed: tekst links, foto rechts (omgedraaid) ─────── */
.okw-fb-content > div:first-child {
  order: 2;
}
.okw-fb-content > div:last-child {
  order: 1;
}

/* ── About: foto rechts, tekst links (omgedraaid via grid) ── */
.okw-about-img  { grid-column: 2; grid-row: 1; }
.okw-about-text { grid-column: 1; grid-row: 1; }

@media(max-width:900px){
  .okw-fb-content > div:first-child,
  .okw-fb-content > div:last-child { order: unset; }
  .okw-about-img  { grid-column: 1; grid-row: 1; }
  .okw-about-text { grid-column: 1; grid-row: 2; }
}

/* ── Hero mobiel ─────────────────────────────────────────────── */
@media(max-width:900px){
  .okw-hero { grid-template-columns: 1fr; }
  .okw-hero-left  { grid-column: 1; grid-row: 2; }
  .okw-hero-right { grid-column: 1; grid-row: 1; }
}