/* Eigen checkout naast Luma, 24 sep 2026. DESIGN.md is de wet:
   cream grond, navy koppen, slate tekst, lime alleen de betaalknop (max 2 per scherm),
   Montserrat 700 alleen >=20px, formulier-chrome in Space Grotesk, invoer 16px.
   Varianten via <html data-m="2|3" data-d="1|3">, gekozen in build-checkout.py. */
:root{
  --navy:#12345A; --navy-deep:#0D2240; --slate:#1C2B3A; --slate-mid:#5A6B7A;
  --cream:#FFF8E7; --white:#FFFFFF; --lime:#DEFEB3; --lime-4:#C5E99A; --lime-5:#A4CE70;
  --border:#E8DCC8; --border-dark:#D8CDB8; --field:#4C6D9A; --field-hover:#12345A;
  --gold-ink:#7A5A18; --success-text:#165927; --success-icon:#45A75A;
  --warning-text:#614502; --warning-tint:#FFEED0; --danger-solid:#C42D21; --danger-text:#7E2924; --danger-tint:#FFEBE8;
  --dis-text:#6A87AD; --dis-bg:#FCF4E3; --dis-border:#ACBCD0;
  --font-display:'Montserrat','Montserrat Fallback','Space Grotesk',sans-serif;
  --font-text:'Libre Franklin','Libre Franklin Fallback','Space Grotesk',sans-serif;
  --font-brand:'Space Grotesk','Space Grotesk Fallback',system-ui,sans-serif;
  --ease:cubic-bezier(0.32,0.72,0,1); --ease-out:cubic-bezier(0,0,0.2,1);
  --side:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--slate);font-family:var(--font-text);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2{margin:0;color:var(--navy);font-family:var(--font-display);font-weight:700;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
fieldset{border:0;margin:0;padding:0;min-width:0}
button{font:inherit;color:inherit}
a{color:var(--navy);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:#A8420F}
::selection{background:var(--lime);color:var(--navy)}
:focus-visible{outline:2px solid var(--navy);outline-offset:2px;box-shadow:0 0 0 2px var(--cream)}
[hidden]{display:none!important}

/* ---- kop ---------------------------------------------------------------- */
.co-top{display:flex;align-items:center;justify-content:space-between;max-width:540px;margin:0 auto;
  padding:calc(4px + env(safe-area-inset-top)) calc(var(--side) + env(safe-area-inset-right)) 4px calc(var(--side) + env(safe-area-inset-left));min-height:56px}
.co-logo img{height:20px;width:auto}
.co-logo{display:inline-flex;align-items:center;min-height:44px}
.co-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 4px;font-family:var(--font-brand);font-size:.875rem;font-weight:600;letter-spacing:.15px;color:var(--navy);text-decoration:none}
.co-back svg{width:18px;height:18px}

/* ---- raster (mobiel, alle varianten) ----------------------------------- */
.co-grid{display:grid;gap:24px;max-width:540px;margin:0 auto;
  padding:8px calc(var(--side) + env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) calc(var(--side) + env(safe-area-inset-left))}
.co-side{display:contents}
.co-steps{order:0}.co-ed{order:1}.co-sumtoggle{order:2}.co-order{order:5}.co-form{order:4}.co-inc{order:6}.co-trust{order:7}.co-done{order:3}

/* voortgangslijn (Stefan, ronde 3): drie stappen, stippellijn, stap 1 actief */
.co-steps{order:0;position:relative;display:flex;justify-content:space-between;margin:0;padding:0;list-style:none;font-family:var(--font-brand);font-size:.75rem;font-weight:600;letter-spacing:1px;line-height:1.4;color:var(--slate-mid)}
/* stippellijn over de volle breedte van de formulierkolom (Stefan: tot de rand van VIP en Last name) */
.co-steps::before{content:"";position:absolute;top:5px;left:6px;right:6px;border-top:1.5px dashed var(--field)}
.co-steps li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center}
.co-steps li:first-child{justify-items:start;text-align:left}
.co-steps li:last-child{justify-items:end;text-align:right}
.co-dot{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--field);background:var(--cream)}
.co-steps .is-current{color:var(--navy)}
.co-steps .is-current .co-dot{border-color:var(--navy);background:var(--navy);box-shadow:0 0 0 3px rgba(18,52,90,.12)}
.co-steps .is-done .co-dot{border-color:var(--navy);background:var(--navy)}
.co-steps .is-done{color:var(--navy)}

/* editie: foto, niveau, producttitel, datum */
.co-ed{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}
.co-ed-img{width:72px;height:72px;object-fit:cover;border-radius:12px}
.co-eyebrow{display:block;font-family:var(--font-brand);font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold-ink);line-height:1.4}
.co-ed h1{font-size:1.5rem;letter-spacing:-.4px;line-height:1.2;margin-top:4px}
.co-ed-meta{display:grid;justify-items:start;margin-top:4px;font-family:var(--font-brand);font-size:.875rem;line-height:1.5;letter-spacing:.15px;color:var(--slate-mid)}
.co-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:2px 10px;border-radius:100px;background:var(--white);font-family:var(--font-brand);font-size:.75rem;font-weight:600;letter-spacing:1px;color:var(--navy)}
.co-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success-icon)}
.co-badge[data-status="filling-fast"]::before,.co-badge[data-status="last-seats"]::before{background:#B78604}
.co-badge[data-status="full"]::before{background:var(--danger-solid)}

/* samenvatting-knop (alleen m3) */
.co-sumtoggle{display:none}

/* ---- formulier --------------------------------------------------------- */
.co-form{display:grid;gap:24px}
.co-legend{display:block;padding:0;margin:0 0 12px;font-family:var(--font-brand);font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold-ink);line-height:1.4}
.co-tiers{display:grid;gap:8px}
.co-tier{position:relative;display:grid;grid-template-columns:24px 1fr;gap:12px;padding:16px;border-radius:20px;background:transparent;
  box-shadow:inset 0 0 0 1px var(--border-dark);cursor:pointer;transition:background-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.co-tier:hover{background:#F5ECDA}
.co-tier:has(input:checked){background:var(--white);box-shadow:inset 0 0 0 1px transparent}
.co-tier input{appearance:none;-webkit-appearance:none;margin:2px 0 0;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--field-hover);background:var(--white);display:grid;place-items:center;cursor:pointer}
.co-tier input::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--navy);transform:scale(0);transition:transform .2s var(--ease)}
.co-tier input:checked{border-color:var(--navy)}
.co-tier input:checked::after{transform:scale(1)}
.co-tier input:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.co-tier-body{display:grid;gap:4px;min-width:0;align-content:start}
.co-tier-head{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-brand);font-size:1rem;line-height:1.4}
.co-tier-name{font-weight:600;color:var(--navy)}
.co-tier-price{font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums}
.co-tier-note{font-family:var(--font-brand);font-size:.875rem;line-height:1.5;letter-spacing:.15px;color:var(--slate-mid)}
.co-tier-extras{display:grid;gap:4px;margin-top:4px;font-size:.875rem;line-height:1.5}
.co-tier-extras li{position:relative;padding-left:16px}
.co-tier-extras li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--navy)}
.co-tier[data-soldout]{cursor:not-allowed;background:var(--dis-bg);box-shadow:inset 0 0 0 1px var(--dis-border)}
.co-tier[data-soldout] .co-tier-name,.co-tier[data-soldout] .co-tier-price,.co-tier[data-soldout] .co-tier-note{color:var(--dis-text)}

.co-fields{display:grid;gap:16px;grid-template-columns:1fr 1fr;column-gap:12px;align-items:start}
.co-fields>.co-legend{grid-column:1 / -1}
.co-f-email,.co-f-phone{grid-column:1 / -1}
.co-field{display:grid;gap:4px}
.co-field label{font-family:var(--font-brand);font-size:.875rem;font-weight:600;letter-spacing:.15px;line-height:1.5;color:var(--navy)}
.co-field label span{font-weight:400;color:var(--slate-mid)}
.co-field input{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--field);background:var(--white);color:var(--slate);
  font-family:var(--font-brand);font-size:1rem;line-height:1.4;transition:border-color .15s var(--ease-out)}
.co-field input:hover{border-color:var(--field-hover)}
.co-field input:focus-visible{border-color:var(--navy)}
.co-field input[aria-invalid="true"]{border-color:var(--danger-solid);background:var(--danger-tint)}
.co-hint{font-family:var(--font-brand);font-size:.875rem;line-height:1.5;letter-spacing:.15px;color:var(--slate-mid)}
.co-err{font-family:var(--font-brand);font-size:.875rem;font-weight:600;line-height:1.5;letter-spacing:.15px;color:var(--danger-text)}

/* Groepsboeking (Stefan 25 sep 2026): aantal plekken en per extra plek naam en e-mail */
/* Aantal in de gekozen ticketkaart: "Regular − 1 +" (Stefan 25 sep 2026) */
.co-tier-qty{display:none;grid-template-columns:40px 40px 40px;align-items:center;margin-top:12px;border:1px solid var(--field);border-radius:12px;background:var(--white);width:max-content;overflow:hidden}
.co-tier:has(input:checked) .co-tier-qty{display:inline-grid}
.co-tier-qty button{height:40px;border:0;background:transparent;color:var(--navy);cursor:pointer;display:grid;place-items:center}
.co-tier-qty button:hover{background:var(--cream,#FFF8E7)}
.co-tier-qty button:disabled{color:var(--dis-text);cursor:not-allowed;background:transparent}
.co-qty-out{height:40px;display:grid;place-items:center;border-left:1px solid var(--field);border-right:1px solid var(--field);font-family:var(--font-brand);font-size:1rem;font-weight:600;color:var(--navy)}
.co-qty{display:grid;gap:8px}
.co-qty{grid-template-columns:auto 1fr;align-items:center;column-gap:16px}
.co-qty .co-legend,[data-m="3"] .co-qty .co-legend{position:static;width:auto;height:auto;overflow:visible;clip:auto;margin:0;font-size:.875rem;letter-spacing:.15px;text-transform:none;color:var(--navy)}
.co-qty .co-stepper{grid-column:2;justify-self:start}
.co-qty .co-qty-note{grid-column:1 / -1}
.co-stepper{display:inline-grid;grid-template-columns:48px 64px 48px;align-items:center;border:1px solid var(--field);border-radius:12px;background:var(--white);width:max-content;overflow:hidden}
.co-stepper button{height:48px;border:0;background:transparent;color:var(--navy);cursor:pointer;display:grid;place-items:center}
.co-stepper button:hover{background:var(--cream,#FFF8E7)}
.co-stepper button:disabled{color:var(--dis-text);cursor:not-allowed;background:transparent}
.co-stepper input{height:48px;border:0;border-left:1px solid var(--field);border-right:1px solid var(--field);text-align:center;font-family:var(--font-brand);font-size:1rem;font-weight:600;color:var(--navy);-moz-appearance:textfield;width:100%}
.co-stepper input::-webkit-outer-spin-button,.co-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.co-qty-note{font-family:var(--font-brand);font-size:.875rem;line-height:1.5;color:var(--slate-mid)}
.co-qty-note a{color:var(--navy)}
.co-att{display:grid;gap:12px;border:0;padding:0;margin:0}
.co-att[hidden]{display:none}
.co-attend{display:flex;gap:10px;align-items:center;font-family:var(--font-brand);font-size:1rem;color:var(--slate);min-height:44px}
.co-attend input{width:20px;height:20px;accent-color:var(--navy)}
.co-att-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border-radius:12px;background:var(--white);border:1px solid var(--field)}
.co-att-row .co-att-h{grid-column:1 / -1;margin:0;font-family:var(--font-brand);font-size:.875rem;font-weight:600;color:var(--navy)}
.co-att-row .co-f-email{grid-column:1 / -1}

.co-consent{display:grid;gap:8px}
.co-terms{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;cursor:pointer;font-family:var(--font-brand);font-size:1rem;line-height:1.5;color:var(--slate);min-height:44px;padding-top:10px}
.co-terms input{appearance:none;-webkit-appearance:none;margin:1px 0 0;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--field-hover);background:var(--white);display:grid;place-items:center;cursor:pointer}
.co-terms input::after{content:"";width:12px;height:7px;border:solid var(--cream);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .15s var(--ease)}
.co-terms input:checked{background:var(--navy);border-color:var(--navy)}
.co-terms input:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.co-terms input[aria-invalid="true"]{border-color:var(--danger-solid);background:var(--danger-tint)}
.co-terms .co-refund{display:block;margin-top:4px;font-size:.875rem;line-height:1.5;letter-spacing:.15px;color:var(--slate-mid)}
.co-field abbr{text-decoration:none;color:var(--danger-text);font-weight:600}
.co-consent .co-err{padding-left:36px}
.co-alert{padding:12px 16px;border-radius:12px;background:var(--danger-tint);color:var(--danger-text);font-family:var(--font-brand);font-size:.875rem;font-weight:600;line-height:1.5}
.co-alert a{color:var(--danger-text)}

/* betaalblok */
.co-pay{display:grid;gap:12px}
.co-btn{position:relative;display:flex;text-decoration:none;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 24px;border-radius:100px;
  border:1px solid var(--lime-5);background:var(--lime);color:var(--navy);cursor:pointer;
  font-family:var(--font-brand);font-size:1.125rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;
  transition:background-color .2s var(--ease-out),transform .12s var(--ease-out)}
.co-btn:hover{background:var(--lime-4)}
.co-btn:active{background:var(--lime-5);transform:scale(.98)}
.co-btn[aria-busy="true"]{cursor:progress}
.co-btn[aria-busy="true"]::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid rgba(18,52,90,.25);border-top-color:var(--navy);animation:co-spin 1s linear infinite}
.co-btn:disabled{cursor:not-allowed;background:var(--dis-bg);border-color:var(--dis-border);color:var(--dis-text);transform:none}
@keyframes co-spin{to{transform:rotate(360deg)}}
.co-arrow{width:22px;height:22px;flex:none;transition:transform .3s var(--ease)}
.co-btn:hover .co-arrow{transform:translateX(3px)}
.co-btn[aria-busy="true"] .co-arrow{display:none}
.co-secure{display:block;font-family:var(--font-brand);font-size:.875rem;line-height:1.5;letter-spacing:.15px;color:var(--slate-mid);text-align:center}
.co-secure svg{display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px;color:var(--navy)}
.co-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.co-logos span{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:44px;padding:0 6px;background:var(--white);border:1px solid var(--border);border-radius:8px}
.co-logos img{height:16px;width:auto}
.co-stickypay{display:none}
.co-vipbox{display:none}
[data-hidden-fields]{display:none}

/* ---- bestelling en inbegrepen ----------------------------------------- */
.co-order,.co-inc{padding:24px 24px 20px;border-radius:24px;background:var(--white)}
.co-order h2,.co-inc h2{font-size:1.25rem;letter-spacing:-.2px;line-height:1.3}
.co-line{display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid var(--border);font-family:var(--font-brand);font-size:1rem;line-height:1.4;font-variant-numeric:tabular-nums}
.co-line b{display:block;font-weight:600;color:var(--navy)}
.co-line small{display:block;margin-top:2px;font-size:.875rem;letter-spacing:.15px;color:var(--slate-mid)}
.co-sums{margin:12px 0 0;display:grid;gap:8px;font-family:var(--font-brand);font-size:.875rem;letter-spacing:.15px;line-height:1.5;font-variant-numeric:tabular-nums}
.co-sums div{display:flex;justify-content:space-between;gap:16px}
.co-sums dt{color:var(--slate-mid)}.co-sums dd{margin:0;color:var(--slate)}
.co-sums .co-total{margin-top:4px;padding-top:12px;border-top:1px solid var(--border);font-size:1.125rem;font-weight:600}
.co-sums .co-total dt,.co-sums .co-total dd{color:var(--navy)}
.co-inc ul{display:grid;gap:8px;margin-top:12px}
.co-inc li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:1rem;line-height:1.5}
.co-inc li svg{width:20px;height:20px;margin-top:2px;color:var(--success-text)}
.co-trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-brand);font-size:.875rem;letter-spacing:.15px;line-height:1.5;color:var(--slate-mid)}
.co-stars{display:inline-flex;gap:2px}.co-stars svg{width:16px;height:16px;fill:#00B67A}
.co-tp{height:40px;width:auto}
.co-trust>span:last-child{flex-basis:100%}
.co-inc-lede{margin-top:8px;font-family:var(--font-text);font-size:1rem;line-height:1.5;color:var(--slate)}
.co-inc-photo figcaption{padding:8px 0 0;font-family:var(--font-brand);font-size:.875rem;line-height:1.5;letter-spacing:.15px;color:var(--slate-mid)}
.co-inc-photo{margin:16px 0 0}
/* ronde 4: iets ingezoomd op de gezichten, zonder het bestand te bewerken. De foto is 4:3;
   een vierkante uitsnede met cover vergroot hem 1,33x, de positie houdt de groep in beeld. */
.co-inc-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:56% 58%;border-radius:12px;background:#F0E8D8}
.co-inc li.co-guar b{font-weight:600;color:var(--navy)}
.co-photo-todo{display:grid;place-items:center;font-family:var(--font-brand);font-size:.875rem;font-weight:600;letter-spacing:1px;color:var(--danger-text)}
.co-bonus-h{margin-top:20px;font-family:var(--font-brand);font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold-ink);line-height:1.4}
.co-inc ul.co-bonus{margin-top:8px;gap:8px}

.co-bonus b{font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.co-done{position:relative;overflow:hidden;padding:28px 24px 24px;border-radius:24px;background:var(--white);display:grid;gap:12px}
.co-done h2{font-size:2rem;letter-spacing:-.5px;line-height:1.15}
.co-done>p{font-size:1rem;line-height:1.55}
.co-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.co-done-badge{justify-self:start;margin:0;padding:4px 12px;border-radius:100px;background:var(--navy);color:var(--cream);font-family:var(--font-brand);font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.co-done-cal{margin-top:4px}
.co-ready-h{margin:8px 0 0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--navy)}
.co-ready{display:grid;gap:8px}
.co-ready li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:1rem;line-height:1.5}
.co-ready li svg{width:20px;height:20px;margin-top:2px;color:var(--success-text)}
.co-invoice{margin:4px 0 0;font-family:var(--font-brand);font-size:1rem;font-weight:600}
.co-done:focus{outline:none}

/* betaald: formulier weg, bevestiging boven */
body[data-state="paid"] .co-form,body[data-state="paid"] .co-sumtoggle,body[data-state="paid"] .co-inc,body[data-state="paid"] .co-trust,body[data-state="paid"] .co-stickypay{display:none!important}

/* ======================================================================
   MOBIEL, onder 1024px
   ====================================================================== */
@media (max-width:1023.98px){
  /* CM2: compacte editieregel, alle velden open, knop in de flow */

  /* CM3: compacte regel, opklapbare bestelling, optionele velden achter een knop */
  [data-m="3"] .co-sumtoggle{display:grid;grid-template-columns:auto 20px 1fr;align-items:center;gap:6px;width:100%;min-height:48px;padding:0 16px;
    border:0;border-radius:12px;background:var(--white);cursor:pointer;font-family:var(--font-brand);font-size:.875rem;font-weight:600;letter-spacing:.15px;color:var(--navy);text-align:left}
  [data-m="3"] .co-sumtoggle svg{width:18px;height:18px;transition:transform .25s var(--ease)}
  [data-m="3"] .co-sumtoggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  [data-m="3"] .co-sumtoggle b{justify-self:end;font-size:1rem;font-variant-numeric:tabular-nums}
  [data-m="3"] .co-order{order:3}
  [data-m="3"] .co-order:not(.is-open){display:none}
  [data-m="3"] .co-order h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  [data-m="3"] .co-order .co-line{margin-top:0}
  [data-m="3"] .co-tier-extras{display:none}
  [data-m="3"] .co-grid{gap:16px}
  [data-m="3"] .co-form{gap:16px}
  [data-m="3"] .co-order{margin-top:-8px}
  [data-m="3"] .co-tiers{grid-template-columns:1fr 1fr}
  [data-m="3"] .co-tier{grid-template-columns:1fr;gap:8px;padding:12px 16px}
  [data-m="3"] .co-tier input{position:absolute;top:12px;right:14px;margin:0}
  [data-m="3"] .co-tier-head{flex-direction:column;gap:0;padding-right:28px}
  [data-m="3"] .co-tier-price{font-size:1.25rem}
  [data-m="3"] .co-tier-note{display:none}
  [data-m="3"] .co-tier .co-tier-extras,[data-m="3"] .co-tier:has(input:checked) .co-tier-extras{display:none}
  [data-m="3"] .co-tiers{align-items:start}
  [data-m="3"] .co-tiers:has([data-tier-vip] input:checked) .co-vipbox{display:grid;grid-column:1 / -1;gap:4px;padding:12px 16px;border-radius:12px;background:var(--white)}
  [data-m="3"] .co-vipbox .co-tier-extras,[data-m="3"] .co-vipbox .co-tier-note{display:grid}
  [data-m="3"] .co-legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
  [data-m="3"] #h-email{display:none}
  /* slanke plakbalk zolang de echte knop onder het scherm zit; nooit tegelijk zichtbaar */
  [data-m="3"] .co-stickypay{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;
    padding:12px calc(var(--side) + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(var(--side) + env(safe-area-inset-left));
    background:var(--cream);border-top:1px solid var(--border);transform:translateY(0);transition:transform .3s var(--ease),visibility 0s}
  [data-m="3"] .co-stickypay[hidden]{display:block!important;visibility:hidden;transform:translateY(100%);transition:transform .15s cubic-bezier(0.4,0,1,1),visibility 0s .15s}
  [data-m="3"] .co-stickypay .co-btn{max-width:508px;margin:0 auto}
}

/* ======================================================================
   DESKTOP, vanaf 1024px
   ====================================================================== */
@media (min-width:1024px){
  :root{--side:32px}
  .co-top{max-width:1180px;min-height:64px}
  .co-logo img{height:24px}
  .co-grid{max-width:1180px;column-gap:64px;row-gap:24px;padding-top:0;padding-bottom:96px}
  .co-ed h1{font-size:2rem;letter-spacing:-.5px;line-height:1.15}
  .co-sumtoggle{display:none!important}

  /* CD1: formulier links, bestelling plakt rechts (Reinier-vorm) */
  [data-d="1"] .co-grid{grid-template-columns:minmax(0,540px) minmax(0,420px);justify-content:space-between;align-items:start}
  [data-d="1"] .co-ed{grid-column:1}
  [data-d="1"] .co-ed{grid-template-columns:96px 1fr;gap:20px}
  [data-d="1"] .co-ed-img{width:96px;height:96px;border-radius:20px}
  [data-d="1"] .co-steps{grid-column:1;grid-row:1}
  [data-d="1"] .co-ed{grid-row:2}
  [data-d="1"] .co-form,[data-d="1"] .co-done{grid-row:3}
  [data-d="1"] .co-form{grid-column:1}
  [data-d="1"] .co-done{grid-column:1}
  [data-d="1"] .co-side{display:grid;gap:16px;grid-column:2;grid-row:1 / span 4;position:sticky;top:24px}
  [data-d="1"] .co-tiers{grid-template-columns:1fr 1fr;align-items:stretch}


  /* CD3: een kolom in het midden, de mobiele volgorde op 600px */
  [data-d="3"] .co-grid{max-width:664px;grid-template-columns:1fr}
  [data-d="3"] .co-top{max-width:664px}
  [data-d="3"] .co-ed{grid-template-columns:96px 1fr;gap:20px}
  [data-d="3"] .co-ed-img{width:96px;height:96px;border-radius:20px}


  [data-d="3"] .co-tiers{grid-template-columns:1fr 1fr;align-items:stretch}
  [data-d="3"] .co-order{order:3}

  /* CD1 en CD3: compacte tickettegels naast elkaar, VIP-extra's eronder zodra VIP gekozen is
     (geen uitgerekte tegel, DESIGN.md kapittel 3 "stretch is the tell") */
  [data-d="1"] .co-tiers,[data-d="3"] .co-tiers{align-items:start}
  [data-d="1"] .co-tier .co-tier-extras,[data-d="3"] .co-tier .co-tier-extras,
  [data-d="1"] [data-tier-vip] .co-tier-note,[data-d="3"] [data-tier-vip] .co-tier-note{display:none}
  [data-d="1"] .co-tiers:has([data-tier-vip] input:checked) .co-vipbox,
  [data-d="3"] .co-tiers:has([data-tier-vip] input:checked) .co-vipbox{display:grid;grid-column:1 / -1;gap:4px;padding:12px 16px;border-radius:12px;background:var(--white)}
  [data-d="1"] .co-vipbox .co-tier-extras,[data-d="3"] .co-vipbox .co-tier-extras{display:grid}
  [data-d="1"] [data-tier-vip] .co-tier-body::after,[data-d="3"] [data-tier-vip] .co-tier-body::after{content:"Only 5 spots";font-family:var(--font-brand);font-size:.875rem;letter-spacing:.15px;line-height:1.5;color:var(--slate-mid)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .co-btn[aria-busy="true"]::before{animation:co-spin 1s linear infinite!important}
}

/* CO-2 (25 sep 2026): direct naar Stripe; zolang de sessie wordt aangemaakt alleen een korte melding */
.co-going{display:none}
html[data-co-going] .co-going{display:grid;place-content:center;gap:6px;min-height:60vh;text-align:center;padding:24px}
html[data-co-going] .co-grid,html[data-co-going] .co-steps{display:none}
.co-going-t{margin:0;font-family:var(--font-brand);font-size:1.25rem;font-weight:600;color:var(--navy)}
.co-going-s{margin:0;font-family:var(--font-brand);font-size:.875rem;color:var(--slate-mid)}
.co-going-t::after{content:"";display:inline-block;width:1em;text-align:left;animation:co-dots 1.2s steps(4) infinite}
@keyframes co-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
/* Namen na een groepsboeking */
.co-names{margin-top:24px;display:grid;gap:12px}
.co-names[hidden]{display:none}
.co-names-sub,.co-names-later{margin:0;font-family:var(--font-brand);font-size:.875rem;color:var(--slate-mid)}
.co-names-done{margin:0;font-family:var(--font-brand);font-weight:600;color:var(--green-dark,#2F6B2F)}
.co-names form{display:grid;gap:12px}
.co-transfer{display:grid;gap:12px;margin:16px 0}.co-transfer[hidden]{display:none}.co-transfer p{margin:0}
.co-logos .co-pay-txt{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--white);font-family:var(--font-brand);font-size:12px;font-weight:600;color:var(--navy);white-space:nowrap}
.co-logos .co-pay-rp{padding:0!important;border:0!important;background:transparent!important;min-width:0!important}
.co-logos .co-pay-rp img{height:32px;width:auto}

/* ---- 27 sep 2026: tussenscherm V2.1 (?iv=2) en Stripe embedded (?ui=embedded) ---- */
.co-going-v2{display:none}
html[data-iv="2"][data-co-going] .co-going-v1{display:none}
html[data-iv="2"][data-co-going] .co-going-v2{display:flex;flex-direction:column;align-items:center;padding:32px 20px 0;text-align:center;min-height:60vh}
.co-going-t2{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-brand);font-size:1.25rem;font-weight:600;color:var(--navy)}
.co-going-t2 svg,.co-embed-h svg{width:20px;height:20px;flex:none}
.co-going-recap{width:100%;max-width:360px;margin:20px 0 0;padding:16px 18px;text-align:left;background:var(--white);border:1px solid var(--border);border-radius:12px}
.co-going-ed{margin:0;font-family:var(--font-brand);font-weight:600;font-size:.9375rem;color:var(--navy)}
.co-going-meta{margin:2px 0 0;font-size:.8125rem;line-height:1.5;color:var(--slate-mid)}
.co-going-pr{margin:12px 0 0;font-family:var(--font-brand);font-size:.8125rem;color:var(--slate-mid)}
.co-going-pr b{font-size:1.25rem;color:var(--navy);margin-right:4px}
.co-going-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px;text-align:left;width:100%;max-width:290px}
.co-going-steps li{display:flex;gap:12px;align-items:center;font-family:var(--font-brand);font-size:.9375rem;color:var(--slate)}
.co-going-steps li.todo{color:var(--slate-mid)}
.gi{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--slate-mid)}
.gi.done{background:var(--navy);border-color:var(--navy);color:#fff}.gi.done svg{width:14px;height:14px}
.gi.spin{border-color:var(--border);border-top-color:var(--navy);animation:gi-sp .9s linear infinite}
@keyframes gi-sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.gi.spin{animation:none;border-color:var(--navy)}}
.co-going-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:22px 0 0}
.co-going-logos span{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:48px;padding:0 8px;background:var(--white);border:1px solid var(--border);border-radius:6px}
.co-going-logos img{height:16px;width:auto;display:block}
.co-going-proof,.co-embed-proof{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0;font-family:var(--font-brand);font-size:.8125rem;color:var(--slate)}
.co-going-proof img,.co-embed-proof img{height:28px;width:auto}
.co-embed-wrap{display:none}
html[data-co-embed] .co-embed-wrap{display:block;order:2;margin:0 0 8px}
html[data-co-embed] .co-form,html[data-co-embed] .co-stickypay,html[data-co-embed] .co-sumtoggle,html[data-co-embed] .co-steps{display:none!important}
.co-embed-h{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--font-brand);font-size:1.125rem;font-weight:600;color:var(--navy)}
.co-embed{min-height:560px;background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.co-embed-sk{margin:0;padding:48px 16px;text-align:center;font-family:var(--font-brand);font-size:.875rem;color:var(--slate-mid)}
@media (min-width:1024px){
  [data-d="1"] .co-embed-wrap{grid-column:1;grid-row:3}
}

/* ---- Embedded varianten E1 tot E5 (?ui=embedded&ev=N), mobiel eerst, 27 sep 2026 ---- */
@media (max-width:1023.98px){
  /* E1 zoals 9x: productkaart, prijs, Stripe, wat inbegrepen is eronder */
  html[data-co-embed][data-ev="1"] .co-ed{order:1;grid-template-columns:1fr}
  html[data-co-embed][data-ev="1"] .co-ed-img{display:none}
  html[data-co-embed][data-ev="1"] .co-order{order:2}
  html[data-co-embed][data-ev="1"] .co-embed-wrap{order:3}
  html[data-co-embed][data-ev="1"] .co-embed-proof{display:none}
  /* E2 onze checkout: kop met zaalfoto, Stripe, bestelling, inbegrepen met groepsfoto (de basis) */
  /* E3 vertrouwen eerst: sterren en garantie boven Stripe */
  html[data-co-embed][data-ev="3"] .co-ed{order:1}
  html[data-co-embed][data-ev="3"] .co-trust{order:2}
  html[data-co-embed][data-ev="3"] .co-embed-wrap{order:3}
  html[data-co-embed][data-ev="3"] .co-embed-proof{display:none}
  html[data-co-embed][data-ev="3"] .co-inc{order:4}
  html[data-co-embed][data-ev="3"] .co-order{order:5}
  /* E4 waarde eerst: wat inbegrepen is boven Stripe */
  html[data-co-embed][data-ev="4"] .co-ed{order:1}
  html[data-co-embed][data-ev="4"] .co-inc{order:2}
  html[data-co-embed][data-ev="4"] .co-inc-photo img{aspect-ratio:3/2}
  html[data-co-embed][data-ev="4"] .co-embed-wrap{order:3}
  html[data-co-embed][data-ev="4"] .co-order{order:4}
  html[data-co-embed][data-ev="4"] .co-trust{order:5}
  /* E5 Stripe eerst: betalen bovenaan, de rest eronder */
  html[data-co-embed][data-ev="5"] .co-embed-wrap{order:0}
  html[data-co-embed][data-ev="5"] .co-ed{order:1}
  html[data-co-embed][data-ev="5"] .co-order{order:2}
  html[data-co-embed][data-ev="5"] .co-inc{order:3}
  html[data-co-embed][data-ev="5"] .co-trust{order:4}
}
@media (max-width:1023.98px){
  html[data-co-embed] .co-order:not(.is-open){display:block}
  html[data-co-embed] .co-order h2{position:static;width:auto;height:auto;overflow:visible;clip:auto}
  html[data-co-embed] .co-order{margin-top:0}
}

/* ---- E1 uitgewerkt (27 sep 2026): trust boven inbegrepen, bonussen en foto terug, uitkomsten eronder;
   varianten bestelling ?oc=1..4 en trustblok ?tb=1..4 ---- */
.co-ed-price,.co-order-mini,.co-walk,.co-trust2,.co-trust3,.co-trust4{display:none}
@media (max-width:1023.98px){
  html[data-co-embed][data-ev="1"] .co-trust,html[data-co-embed][data-ev="1"] .co-trust2,html[data-co-embed][data-ev="1"] .co-trust3,html[data-co-embed][data-ev="1"] .co-trust4{order:4}
  html[data-co-embed][data-ev="1"] .co-inc{order:5}
  html[data-co-embed][data-ev="1"] .co-walk{order:6;display:block}
  html[data-co-embed][data-ev="1"] .co-inc-photo img{aspect-ratio:3/2}
  /* bestelling */
  html[data-co-embed][data-oc="2"] .co-order,html[data-co-embed][data-oc="4"] .co-order{display:none!important}
  html[data-co-embed][data-oc="2"] .co-order-mini{display:flex;order:2}
  html[data-co-embed][data-oc="3"] .co-sumtoggle{display:grid!important;order:2;grid-template-columns:auto 20px 1fr;align-items:center;gap:6px;width:100%;min-height:48px;padding:0 16px;border:0;border-radius:12px;background:var(--white);cursor:pointer;font-family:var(--font-brand);font-size:.875rem;font-weight:600;color:var(--navy);text-align:left}
  html[data-co-embed][data-oc="3"] .co-sumtoggle svg{width:18px;height:18px}
  html[data-co-embed][data-oc="3"] .co-sumtoggle b{justify-self:end;font-size:1rem}
  html[data-co-embed][data-oc="3"] .co-order:not(.is-open){display:none!important}
  html[data-co-embed][data-oc="4"] .co-ed-price{display:block}
  /* trustblok */
  html[data-co-embed][data-tb="2"] .co-trust,html[data-co-embed][data-tb="3"] .co-trust,html[data-co-embed][data-tb="4"] .co-trust{display:none}
  html[data-co-embed][data-tb="2"] .co-trust2{display:flex}
  html[data-co-embed][data-tb="3"] .co-trust3{display:grid}
  html[data-co-embed][data-tb="4"] .co-trust4{display:block}
}
.co-ed-price{margin:6px 0 0;font-family:var(--font-brand);font-size:.875rem;color:var(--slate-mid)}
.co-ed-price b{font-size:1.125rem;color:var(--navy);margin-right:4px}
.co-order-mini{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--white);border-radius:12px;font-family:var(--font-brand);font-size:.875rem;color:var(--slate-mid)}
.co-order-mini b{color:var(--navy)}
.co-order-mini small{display:block;font-size:.8125rem}
.co-walk{background:var(--white);border-radius:24px;padding:24px}
.co-walk h2{margin:0 0 12px;font-size:1.25rem;letter-spacing:-.2px;line-height:1.3}
.co-walk ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.co-walk li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;line-height:1.5}
.co-walk li svg{width:18px;height:18px;margin-top:3px;color:#4A6922}
.co-trust2{align-items:center;gap:12px;padding:12px 16px;background:var(--white);border-radius:12px}
.co-trust2 img{height:40px;width:auto}
.co-trust2 p{margin:0;font-family:var(--font-brand);font-size:.8125rem;line-height:1.45;color:var(--slate)}
.co-trust2 b{color:var(--navy)}
.co-trust3{grid-template-columns:repeat(3,1fr);gap:8px}
.co-trust3 div{background:var(--white);border-radius:12px;padding:12px 10px;text-align:center}
.co-trust3 b{display:block;font-family:var(--font-brand);font-size:1.25rem;color:var(--navy)}
.co-trust3 span{display:block;font-size:.75rem;line-height:1.35;color:var(--slate-mid)}
.co-trust4{margin:0;padding:18px;background:var(--white);border-radius:12px}
.co-trust4 img{height:34px;width:auto;display:block}
.co-trust4 blockquote{margin:10px 0 0;font-size:.9375rem;line-height:1.55;color:var(--slate)}
.co-trust4 figcaption{margin:8px 0 0;font-family:var(--font-brand);font-size:.8125rem;color:var(--slate-mid)}

/* ---- E1 ronde 2 (27 sep 2026): O2 op drie regels, review boven inbegrepen, T3 en founder onderaan,
   trainers (?tp), beleid (?pl), navy kop (?nv). Standaarden zet de head bij embedded. ---- */
.co-trainers,.co-founder,.co-policy,.co-logo-w{display:none}
.co-order-mini{flex-direction:column;align-items:stretch;gap:6px;padding:16px 18px;font-size:.9375rem}
.co-order-mini .om-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:1rem}
.co-order-mini .om-l{font-weight:500;color:var(--slate-mid);font-size:.875rem}
.co-order-mini .om-row{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--slate-mid)}
.co-order-mini .om-top+.om-row{padding-top:8px;border-top:1px solid var(--border)}
html[data-co-embed][data-pl="1"] .co-policy[data-pl="1"],html[data-co-embed][data-pl="2"] .co-policy[data-pl="2"],html[data-co-embed][data-pl="3"] .co-policy[data-pl="3"]{display:flex}
.co-policy{align-items:center;gap:8px;margin:12px 0 0;font-family:var(--font-brand);font-size:.8125rem;line-height:1.45;color:var(--slate)}
.co-policy svg{width:18px;height:18px;flex:none;color:var(--navy)}
.co-trainers{background:var(--white);border-radius:24px;padding:20px 24px}
.co-trainers h2{margin:0 0 12px;font-size:1.25rem;letter-spacing:-.2px}
.ct-p{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center}
.ct-p+.ct-p{margin-top:12px}
.ct-p img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.ct-p p{margin:0;font-size:.8125rem;line-height:1.45;color:var(--slate-mid)}
.ct-p b{display:block;font-family:var(--font-brand);font-size:.9375rem;color:var(--navy)}
.co-founder{border-radius:24px}
.co-founder img{border-radius:50%;object-fit:cover}
.co-founder p{margin:0}
.cf-h{font-family:var(--font-brand);font-weight:600;font-size:1.125rem;color:var(--navy)}
.cf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--navy);font-family:var(--font-brand);font-weight:600;font-size:.9375rem;color:var(--navy);text-decoration:none}
/* F1: kaart met foto links */
.co-founder[data-fc="1"]{grid-template-columns:64px 1fr;gap:16px;align-items:start;padding:20px 24px;background:var(--white)}
.co-founder[data-fc="1"] img{width:64px;height:64px}
.co-founder[data-fc="1"] .cf-btn{margin-top:12px}
/* F2: één regel */
.co-founder[data-fc="2"]{align-items:center;gap:12px;padding:12px 4px;font-size:.9375rem}
.co-founder[data-fc="2"] img{width:40px;height:40px}
.co-founder[data-fc="2"] a{color:var(--navy);font-weight:600}
/* F3: navy kaart, gecentreerd */
.co-founder[data-fc="3"]{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 24px;background:var(--navy);color:#EAF1F8}
.co-founder[data-fc="3"] img{width:72px;height:72px;margin-bottom:6px}
.co-founder[data-fc="3"] .cf-h{color:#fff}
.co-founder[data-fc="3"] .cf-btn{margin-top:10px;background:var(--lime);border-color:var(--lime);color:var(--navy)}
.co-founder[data-fc="3"] .cf-n{font-size:.8125rem;color:#B8C6D6;margin-top:6px}
/* F4: persoon en knop over de hele breedte */
.co-founder[data-fc="4"]{flex-direction:column;gap:12px;padding:20px 24px;background:var(--white)}
.co-founder[data-fc="4"] .cf-row{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--slate-mid)}
.co-founder[data-fc="4"] .cf-row b{color:var(--navy);font-family:var(--font-brand)}
.co-founder[data-fc="4"] img{width:48px;height:48px}
.co-founder[data-fc="4"] .cf-btn{width:100%}
@media (max-width:1023.98px){
  html[data-co-embed][data-ev="1"] .co-trust3{display:grid;order:8}
  html[data-co-embed][data-ev="1"][data-fc="1"] .co-founder[data-fc="1"]{display:grid;order:9}
  html[data-co-embed][data-ev="1"][data-fc="2"] .co-founder[data-fc="2"]{display:flex;order:9}
  html[data-co-embed][data-ev="1"][data-fc="3"] .co-founder[data-fc="3"],html[data-co-embed][data-ev="1"][data-fc="4"] .co-founder[data-fc="4"]{display:flex;order:9}
  html[data-co-embed][data-ev="1"] .co-trainers{display:block}
  html[data-co-embed][data-ev="1"][data-tp="1"] .co-trainers{order:2}
  html[data-co-embed][data-ev="1"][data-tp="2"] .co-trainers{order:6}  /* onder What's included (Stefan 27 sep) */
  html[data-co-embed][data-ev="1"][data-tp="2"] .co-trust,html[data-co-embed][data-ev="1"][data-tp="2"] .co-trust4{order:4}
  html[data-co-embed][data-ev="1"][data-tp="3"] .co-trainers{order:7}
  html[data-co-embed][data-ev="1"][data-tp="2"] .co-inc{order:5}
  html[data-co-embed][data-ev="1"][data-tp="2"] .co-walk{order:7}
}
/* navy kop */
html[data-nv="1"] .co-logo img:first-child,html[data-nv="2"] .co-logo img:first-child,html[data-nv="3"] .co-logo img:first-child{display:none}
html[data-nv="1"] .co-logo-w,html[data-nv="2"] .co-logo-w,html[data-nv="3"] .co-logo-w{display:block}
html[data-nv="1"] body,html[data-nv="2"] body,html[data-nv="3"] body{background:linear-gradient(var(--navy),var(--navy)) top/100% var(--nvh,72px) no-repeat,var(--cream)}
html[data-nv="1"]{--nvh:72px}
html[data-nv="1"] .co-back,html[data-nv="2"] .co-back,html[data-nv="3"] .co-back{color:#EAF1F8}
html[data-nv="2"] .co-ed,html[data-nv="3"] .co-ed{color:#EAF1F8}
html[data-nv="2"] .co-ed h1,html[data-nv="3"] .co-ed h1{color:#fff}
html[data-nv="2"] .co-ed-meta,html[data-nv="3"] .co-ed-meta,html[data-nv="2"] .co-ed-price,html[data-nv="3"] .co-ed-price{color:#B8C6D6}
html[data-nv="2"] .co-ed-price b,html[data-nv="3"] .co-ed-price b{color:#fff}
html[data-nv="2"] .co-eyebrow,html[data-nv="3"] .co-eyebrow{color:var(--lime)}
/* desktop: kop en betaalvak links, de rest rechts, geen gat boven de kop */
@media (min-width:1024px){
  html[data-co-embed][data-d="1"] .co-grid{grid-template-rows:auto auto 1fr}
  html[data-co-embed][data-d="1"] .co-ed{grid-row:1;grid-column:1}
  html[data-co-embed][data-d="1"] .co-embed-wrap{grid-row:2;grid-column:1}
  html[data-co-embed][data-d="1"] .co-side{grid-row:1 / 4;grid-column:2}
  html[data-co-embed][data-d="1"] .co-side .co-order-mini{display:flex}
  html[data-co-embed][data-d="1"] .co-side .co-order{display:none}
  html[data-co-embed][data-d="1"][data-tb="4"] .co-side .co-trust{display:none}
  html[data-co-embed][data-d="1"][data-tb="4"] .co-side .co-trust4{display:block}
  html[data-co-embed][data-d="1"] .co-side .co-trainers,html[data-co-embed][data-d="1"] .co-side .co-walk{display:block}
  html[data-co-embed][data-d="1"] .co-side .co-trust3{display:grid}
  html[data-co-embed][data-d="1"][data-fc="1"] .co-founder[data-fc="1"]{display:grid}
  html[data-co-embed][data-d="1"][data-fc="2"] .co-founder[data-fc="2"]{display:flex}
  html[data-co-embed][data-d="1"][data-fc="3"] .co-founder[data-fc="3"],html[data-co-embed][data-d="1"][data-fc="4"] .co-founder[data-fc="4"]{display:flex}
  html[data-co-embed][data-d="1"] .co-side{position:static}
}
@media (min-width:1024px){
  /* rechterkolom in de volgorde van mobiel */
  html[data-co-embed][data-d="1"] .co-side .co-order-mini{order:1}
  html[data-co-embed][data-d="1"] .co-side .co-trust4,html[data-co-embed][data-d="1"] .co-side .co-trust{order:2}
  html[data-co-embed][data-d="1"] .co-side .co-inc{order:3}
  html[data-co-embed][data-d="1"] .co-side .co-trainers{order:4}
  html[data-co-embed][data-d="1"] .co-side .co-walk{order:5}
  html[data-co-embed][data-d="1"] .co-side .co-trust3{order:6}
  html[data-co-embed][data-d="1"] .co-side .co-founder{order:7}
}

/* ---- ronde 3 (27 sep 2026): T3 als één navy blok met lime cijfers, kaartkoppen in Libre Franklin (Stefan) ---- */
.co-trust3{gap:0;background:var(--navy);border-radius:16px;padding:6px}
.co-trust3 div{background:transparent;padding:14px 8px}
.co-trust3 div+div{border-left:1px solid rgba(255,255,255,.14)}
.co-trust3 b{color:var(--lime)}
.co-trust3 span{color:#B8C6D6}
.co-inc h2,.co-walk h2,.co-trainers h2,.co-order h2{font-family:var(--font-text);font-weight:600;letter-spacing:-.1px}
.ct-note{margin:12px 0 0;font-size:.8125rem;color:var(--slate-mid)}

/* ---- 28 sep 2026: trainers op de plank (Stefan: te lang), zichtbaar alleen met ?tp=1..3 ---- */
html[data-tp="0"] .co-trainers{display:none!important}
/* ---- Letter (Stefan 27 sep 2026): Space Grotesk alleen voor tags en korte woorden, zinnen en koppen in de kaarten in Libre Franklin ---- */
.co-ed-meta,.co-ed-price,.co-order-mini,.co-order .co-line small,.co-sums,.co-policy,.co-going-s,.co-going-t2,.co-going-pr,.co-going-steps li,.co-going-proof,
.co-embed-proof,.co-embed-sk,.co-trust2 p,.co-trust4 figcaption,.co-trust3 span,.co-secure,.co-tier-note,.co-names-sub,.co-names-later,.cf-h,.co-founder p,
.ct-p b,.co-embed-h,.co-sumtoggle span{font-family:var(--font-text)}

/* ---- Letter, strenger (28 sep 2026): alle lopende tekst Libre Franklin; Space Grotesk alleen voor tags, labels en knoppen ---- */
.co-grid p,.co-grid li,.co-grid li span,.co-grid blockquote,.co-grid figcaption,.co-grid small,.co-grid dt,.co-grid dd,.co-grid .co-ed-meta span,.co-going-v2 li,.co-going-v2 p{font-family:var(--font-text)!important}
.co-grid .co-eyebrow,.co-grid .co-bonus-h,.co-grid .co-steps,.co-grid .co-steps *,.co-grid .co-badge,.co-grid .co-btn,.co-grid .co-btn *,.co-grid .cf-btn,.co-grid .chip,.co-grid .co-legend,.co-grid label,.co-grid .co-tier-name,.co-grid .co-tier-price,.co-grid .co-trust3 b{font-family:var(--font-brand)!important}
html[data-co-embed] .co-inc-photo{margin:20px 0 0}

/* ---- Afteller V1 boven het betaalvak (27 sep 2026) ---- */
.co-hold{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--white);border:1px solid var(--border);font-family:var(--font-text);font-size:.875rem;color:var(--slate)}
.co-hold[hidden]{display:none}
.co-hold svg{width:18px;height:18px;flex:none;color:var(--navy)}
.co-hold b{font-variant-numeric:tabular-nums;color:var(--navy)}
.co-hold.is-over a{color:var(--navy);font-weight:600}
@media (min-width:1024px){
  /* 27 sep 2026: titel op één regel en lucht tussen navy band en betaalvak */
  html[data-co-embed][data-d="1"] .co-grid{grid-template-columns:minmax(0,620px) minmax(0,420px)}
  html[data-co-embed][data-d="1"] .co-embed-wrap{margin-top:40px}
  html[data-co-embed] .co-ed h1{white-space:nowrap}
}

/* ---- 28 sep 2026 (Stefan): vet in What's included in dezelfde kleur als de tekst; bestelkaart op desktop onder de navy band, naast de afteller ---- */
.co-inc li b,.co-inc li.co-guar b,.co-bonus b{color:inherit;font-weight:700;white-space:normal}
@media (min-width:1024px){
  html[data-co-embed][data-d="1"] .co-side{grid-row:2 / 4;margin-top:82px}
}

/* ---- 28 sep 2026: prijs excl. BTW in de kop, "Ask your company to pay", bedrijfsgegevens onderaan ---- */
.co-ed-company{margin:4px 0 0;font-family:var(--font-text);font-size:.875rem;line-height:1.45;color:var(--slate-mid)}
html[data-nv="2"] .co-ed-company,html[data-nv="3"] .co-ed-company{color:#B8C6D6}
html[data-co-embed][data-oc="4"] .co-ed-company{display:block}
.co-ed-company{display:none}
html[data-co-embed][data-oc="4"] .co-ed-price{display:block}
@media (min-width:1024px){html[data-co-embed][data-oc="4"] .co-side .co-order-mini,html[data-co-embed][data-oc="4"] .co-side .co-order{display:none!important}}
.co-foot{max-width:1180px;margin:0 auto;padding:32px var(--side,16px) 40px;font-family:var(--font-text);font-size:.8125rem;line-height:1.6;color:var(--slate-mid);text-align:center}
.co-foot p{margin:0}
@media (max-width:1023.98px){html[data-co-embed][data-oc="4"] .co-embed-wrap{margin-top:20px}}

/* Bevestiging zonder adres- en KvK-regel (Stefan 5 okt 2026) */
body[data-state="paid"] .co-foot{display:none}