/* =========================================================================
   Rik Torfs te gast bij Business Club De Kluizen · landingspagina + bedankpagina
   Alles staat onder .bcdk zodat de algemene themastijlen (header, footer, h2…) niet storen.
   ========================================================================= */

.bcdk {
	--bc-paars: #5434C7;
	--bc-paars-donker: #4B3F8F;
	--bc-groen: #41B879;
	--bc-groen-knop: #35A66A;
	--bc-groen-tekst: #2E9B60;
	--bc-lavendel: #F6F5FD;
	--bc-lavendel-2: #D7DAEF;
	--bc-lime: #E7F5CD;
	--bc-inkt: #433F48;
	--bc-inkt-2: #5B5766;
	--bc-lijn: #E2E0F2;
	--bc-fout: #B32D2E;
	font-family: "komet", "Nunito Sans", system-ui, sans-serif;
	color: var(--bc-inkt);
	background: var(--bc-lavendel);
	line-height: 1.5;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}
.bcdk *, .bcdk *::before, .bcdk *::after { box-sizing: border-box; }
.bcdk [hidden] { display: none !important; }
.bcdk h1, .bcdk h2, .bcdk h3, .bcdk p, .bcdk ul, .bcdk ol, .bcdk dl, .bcdk dd { margin: 0; }
.bcdk h1, .bcdk h2, .bcdk h3 { font-weight: 900; line-height: 1.08; letter-spacing: -0.01em; color: var(--bc-paars); }
.bcdk a { color: var(--bc-paars); text-decoration: none; transition: color 200ms, background-color 200ms, filter 200ms; }
.bcdk img { max-width: 100%; height: auto; display: block; }
.bcdk .bcdk-groen, .bcdk .bcdk-groen-tekst { color: var(--bc-groen-tekst); }
.bcdk em { font-style: normal; }
.bcdk .bcdk-lead em, .bcdk .bcdk-spreker__tekst em { font-style: italic; }

/* ---- Raster en secties ---------------------------------------------------- */
.bcdk-wrap { width: 100%; max-width: 1248px; margin: 0 auto; padding: 0 20px; }
.bcdk-section { position: relative; padding: 56px 0; overflow: hidden; }
.bcdk-section--wit { background: #fff; }
.bcdk-section--lavendel { background: var(--bc-lavendel); }
.bcdk-section--lavendel2 { background: var(--bc-lavendel-2); }
.bcdk-section--lime { background: var(--bc-lime); }
@media (min-width: 768px) { .bcdk-wrap { padding: 0 40px; } }
@media (min-width: 1024px) { .bcdk-section { padding: 96px 0; } }

/* ---- Typografie ----------------------------------------------------------- */
.bcdk-tag { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bc-paars); margin-bottom: 14px; }
.bcdk-tag--groen { color: var(--bc-groen-tekst); }
.bcdk-h1 { font-size: 44px; line-height: 1.02; }
.bcdk-nowrap { white-space: nowrap; }
.bcdk-h2 { font-size: 30px; }
.bcdk-h2--groot { font-size: 36px; }
.bcdk-lead { font-size: 16px; color: var(--bc-inkt-2); }
.bcdk-micro { font-size: 13px; color: var(--bc-inkt-2); }
.bcdk-link { font-weight: 700; font-size: 15px; }
.bcdk-link:hover, .bcdk-link:focus { color: var(--bc-groen-tekst); }
@media (min-width: 1024px) {
	.bcdk-h1 { font-size: clamp(44px, 3.9vw, 56px); }
	.bcdk-h2 { font-size: 44px; }
	.bcdk-h2--groot { font-size: 52px; }
	.bcdk-h2--smal { max-width: 820px; }
	.bcdk-lead { font-size: 18px; }
}

/* ---- Knoppen -------------------------------------------------------------- */
.bcdk-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 54px; padding: 0 28px; border-radius: 999px;
	background: var(--bc-groen-knop); border: 3px solid var(--bc-paars); color: #fff;
	font-family: inherit; font-weight: 900; font-size: 16px; line-height: 1.2; text-align: center;
	cursor: pointer; text-decoration: none; transition: filter 200ms, transform 200ms;
}
.bcdk-btn:hover, .bcdk-btn:focus-visible { filter: brightness(0.92); color: #fff; }
.bcdk-btn:active { transform: translateY(1px); }
.bcdk-btn--outline { background: #fff; border-width: 2px; color: var(--bc-paars); }
.bcdk-btn--outline:hover, .bcdk-btn--outline:focus-visible { background: var(--bc-lavendel); color: var(--bc-paars); filter: none; }
.bcdk-btn--breed { width: 100%; }
.bcdk-btn[disabled] { opacity: 0.7; cursor: wait; }
.bcdk-pil { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; background: var(--bc-lime); color: var(--bc-groen-tekst); font-size: 12px; font-weight: 700; white-space: nowrap; }

/* ---- Decoratie: bollen, stippellijnen, driehoeken ------------------------ */
.bcdk-bol { position: absolute; border-radius: 50%; background: var(--bc-groen); opacity: 0.25; pointer-events: none; }
.bcdk-lijn { position: absolute; pointer-events: none; }
.bcdk-driehoek { position: absolute; pointer-events: none; }

/* ---- Topbalk -------------------------------------------------------------- */
.bcdk header.bcdk-top { background: #fff; border-bottom: 1px solid var(--bc-lijn); padding: 0; margin: 0; }
.bcdk-top .bcdk-wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 64px; }
.bcdk-top__logo img { height: 30px; width: auto; max-width: none; }
.bcdk-top__rechts { display: flex; align-items: center; gap: 16px; }
.bcdk-top__club { display: none; font-size: 14px; font-weight: 700; color: var(--bc-paars-donker); }
@media (min-width: 768px) {
	.bcdk-top .bcdk-wrap { height: 84px; }
	.bcdk-top__logo img { height: 40px; }
	.bcdk-top__club { display: inline; }
}

/* ---- 01 Hero -------------------------------------------------------------- */
.bcdk-hero { background: var(--bc-lavendel); padding-top: 28px; }
.bcdk-bol--hero { width: 360px; height: 360px; left: -150px; top: -40px; }
.bcdk-lijn--hero-groen { left: 0; bottom: 0; display: none; }
.bcdk-hero__grid { position: relative; display: grid; gap: 32px; }
.bcdk-hero__links { display: grid; gap: 18px; }
.bcdk-hero__kop .bcdk-h1 { margin-top: 4px; }
.bcdk-hero__rest { display: grid; gap: 18px; }
.bcdk-hero__form { display: none; }
.bcdk-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.bcdk-feiten { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bcdk-feit { display: flex; gap: 10px; align-items: center; background: #fff; border: 1.5px solid var(--bc-lijn); border-radius: 14px; padding: 12px; }
.bcdk-feit__icoon { color: var(--bc-paars); flex-shrink: 0; display: inline-flex; }
.bcdk-feit__tekst { display: flex; flex-direction: column; min-width: 0; }
.bcdk-feit__tekst strong { font-weight: 900; font-size: 15px; color: var(--bc-paars); line-height: 1.2; }
.bcdk-feit__tekst em { font-weight: 900; font-size: 13px; color: var(--bc-groen-tekst); line-height: 1.3; }
@media (max-width: 599px) {
	.bcdk-feiten { grid-template-columns: 1fr; }
	.bcdk-cta .bcdk-btn { width: 100%; }
	.bcdk-cta .bcdk-link, .bcdk-micro { width: 100%; text-align: center; }
}
@media (min-width: 900px) {
	.bcdk-hero { padding-top: 72px; }
	.bcdk-hero__links { grid-template-columns: minmax(0, 1fr) 320px; grid-template-areas: "kop portret" "rest portret"; column-gap: 32px; row-gap: 22px; align-items: center; }
	.bcdk-hero__kop { grid-area: kop; align-self: end; }
	.bcdk-hero__rest { grid-area: rest; align-self: start; gap: 22px; }
	.bcdk-portret { grid-area: portret; }
	.bcdk-feiten { display: flex; flex-wrap: wrap; gap: 20px; }
	.bcdk-feit { background: transparent; border: 0; padding: 0; }
	.bcdk-feit__tekst strong { font-size: 18px; }
	.bcdk-feit__tekst em { font-size: 14px; }
	.bcdk-lijn--hero-groen { display: block; left: 200px; }
	.bcdk-bol--hero { width: 640px; height: 640px; left: -140px; top: 40px; }
}
@media (min-width: 1100px) {
	.bcdk-hero__grid { grid-template-columns: minmax(0, 1fr) 420px; gap: 56px; align-items: center; }
	.bcdk-hero__form { display: block; }
}

/* Portretcompositie: paarse vorm + groene band + pilvormige foto + driehoekjes */
.bcdk-portret { position: relative; width: 320px; height: 500px; margin: 0 auto; transform: scale(0.72); transform-origin: top center; margin-bottom: -140px; }
.bcdk-portret__vorm { position: absolute; left: 0; top: 60px; width: 230px; height: 330px; background: var(--bc-paars); border-radius: 46% 54% 48% 52% / 55% 45% 55% 45%; transform: rotate(-14deg); }
.bcdk-portret__band { position: absolute; right: 6px; top: 30px; width: 120px; height: 380px; background: var(--bc-groen); border-radius: 999px; }
.bcdk-portret__pil { position: absolute; left: 40px; top: 0; width: 240px; height: 400px; border-radius: 999px; border: 6px solid #fff; overflow: hidden; background: #E4E1F5; }
.bcdk-portret__pil img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; filter: grayscale(1); }
.bcdk-lijn--bal { left: 0; top: 0; width: 100%; height: 100%; display: none; }
.bcdk-lijn--bal.is-zichtbaar { display: block; }
.bcdk-driehoek--1 { left: 6px; top: 250px; transform: rotate(-20deg); }
.bcdk-driehoek--2 { right: 20px; top: 120px; transform: rotate(30deg); }
.bcdk-driehoek--3 { right: 44px; top: 300px; transform: rotate(100deg); }
.bcdk-portret__naam, .bcdk-portret__functie { position: absolute; left: 0; right: 0; text-align: center; color: var(--bc-paars); }
.bcdk-portret__naam { bottom: 26px; font-weight: 900; font-size: 20px; }
.bcdk-portret__functie { bottom: 4px; font-weight: 700; font-size: 13px; }
@media (min-width: 900px) { .bcdk-portret { transform: none; margin: 0; } }

/* ---- Formulier ------------------------------------------------------------ */
.bcdk-form { position: relative; background: #fff; border: 1.5px solid var(--bc-lijn); border-radius: 20px; padding: 20px; display: grid; gap: 14px; box-shadow: 0 24px 60px rgba(84, 52, 199, 0.10); }
.bcdk-form--compact { gap: 12px; padding: 28px; border-radius: 24px; }
.bcdk-form__titel { font-size: 24px; }
.bcdk-form--compact .bcdk-form__titel { font-size: 24px; }
.bcdk-form__intro { font-size: 13px; color: var(--bc-inkt-2); }
.bcdk-form__voet { font-size: 12px; color: var(--bc-inkt-2); text-align: center; line-height: 1.4; }
.bcdk-rij { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bcdk-form--compact .bcdk-rij { gap: 12px; }
.bcdk-veld { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; }
.bcdk-veld label { font-weight: 700; }
.bcdk-optioneel { font-weight: 400; color: var(--bc-inkt-2); }
.bcdk-form input[type="text"], .bcdk-form input[type="email"], .bcdk-form input[type="tel"], .bcdk-form textarea {
	width: 100%; border: 1.5px solid var(--bc-lavendel-2); border-radius: 12px; padding: 0 14px; height: 48px;
	font: inherit; font-size: 16px; font-weight: 400; color: var(--bc-inkt); background: #fff; margin: 0; -webkit-appearance: none; appearance: none;
}
.bcdk-form--compact input[type="text"], .bcdk-form--compact input[type="email"], .bcdk-form--compact input[type="tel"] { height: 46px; }
.bcdk-form textarea { height: auto; padding: 12px 14px; resize: vertical; min-height: 88px; }
.bcdk-form--compact textarea { min-height: 64px; }
.bcdk-form input:focus, .bcdk-form textarea:focus { outline: 2px solid var(--bc-paars); outline-offset: 1px; border-color: var(--bc-paars); }
.bcdk-form ::placeholder { color: #9B93C9; }
.bcdk-vink { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 14px; font-weight: 700; }
.bcdk-vink--klein { font-size: 12.5px; font-weight: 400; color: var(--bc-inkt-2); line-height: 1.45; }
.bcdk-vink input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--bc-paars); }
.bcdk-vink label { cursor: pointer; }
.bcdk-vink .bcdk-fout { grid-column: 2; }
.bcdk-introduce { border: 1.5px dashed #B9B3E6; border-radius: 16px; padding: 16px; display: grid; gap: 14px; background: var(--bc-lavendel); }
.bcdk-introduce .bcdk-tag { margin-bottom: 0; }
.bcdk-honing { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.bcdk-fout { display: none; font-size: 13px; font-weight: 700; color: var(--bc-fout); }
.is-fout .bcdk-fout { display: block; }
.is-fout input, .is-fout textarea { border-color: var(--bc-fout) !important; }
.bcdk-melding { padding: 12px 14px; border-radius: 12px; background: #FDECEC; border: 1px solid #F3B4B4; color: var(--bc-fout); font-size: 14px; font-weight: 700; }
.bcdk-melding[hidden] { display: none; }
.bcdk-btn__bezig[hidden] { display: none; }

/* ---- 02 Waarom komen ------------------------------------------------------ */
.bcdk-lijn--waarom { right: 20px; top: 0; }
.bcdk-kaarten { display: grid; gap: 16px; margin-top: 24px; }
.bcdk-kaart { background: var(--bc-lavendel); border: 1.5px solid var(--bc-lijn); border-radius: 20px; padding: 20px; display: grid; gap: 12px; align-content: start; }
.bcdk-kaart h3 { font-size: 20px; color: var(--bc-paars); }
.bcdk-kaart p { font-size: 15px; color: var(--bc-inkt-2); }
.bcdk-kaart__icoon { width: 48px; height: 48px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #fff; }
.bcdk-kaart__icoon--paars { background: var(--bc-paars); }
.bcdk-kaart__icoon--groen { background: var(--bc-groen); }
.bcdk-kaart__icoon--donker { background: var(--bc-paars-donker); }
.bcdk-vinkregel { display: flex; gap: 10px; align-items: flex-start; margin-top: 24px; font-weight: 700; font-size: 15px; }
.bcdk-vinkregel svg { flex-shrink: 0; margin-top: 2px; color: var(--bc-groen-tekst); }
@media (min-width: 768px) {
	.bcdk-lijn--waarom { right: 40px; }
	.bcdk-kaarten { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
	.bcdk-kaart { padding: 28px; border-radius: 24px; gap: 16px; }
	.bcdk-kaart h3 { font-size: 22px; }
	.bcdk-kaart__icoon { width: 56px; height: 56px; }
	.bcdk-vinkregel { margin-top: 36px; font-size: 16px; }
}

/* ---- 03 Over de gast ------------------------------------------------------ */
.bcdk-spreker { background: var(--bc-lavendel); }
.bcdk-spreker__grid { display: grid; gap: 24px; }
.bcdk-spreker__beeld { position: relative; width: 320px; height: 500px; margin: 0 auto; transform: scale(0.72); transform-origin: top center; margin-bottom: -140px; }
.bcdk-bol--spreker { left: -60px; top: 40px; width: 420px; height: 420px; }
.bcdk-spreker__beeld .bcdk-portret__vorm { left: 20px; top: 90px; width: 260px; height: 380px; }
.bcdk-spreker__beeld .bcdk-portret__band { right: 0; top: 40px; width: 140px; height: 440px; }
.bcdk-portret__pil--groot { left: 40px; top: 0; width: 260px; height: 480px; border-width: 8px; }
.bcdk-driehoek--4 { left: 10px; top: 340px; transform: rotate(-20deg); }
.bcdk-driehoek--5 { right: 10px; top: 150px; transform: rotate(30deg); }
.bcdk-spreker__tekst { display: grid; gap: 18px; }
.bcdk-themas { background: var(--bc-lime); border-radius: 20px; padding: 20px; display: grid; gap: 12px; }
.bcdk-themas .bcdk-tag { margin-bottom: 0; }
.bcdk-themas__grid { display: grid; gap: 14px; }
.bcdk-thema { display: grid; gap: 4px; }
.bcdk-thema strong { font-weight: 900; font-size: 17px; color: var(--bc-groen-tekst); }
.bcdk-thema span { font-size: 14px; line-height: 1.45; }
.bcdk-vraaghaak { font-weight: 700; font-size: 15px; }
@media (min-width: 900px) {
	.bcdk-spreker__grid { grid-template-columns: 460px minmax(0, 1fr); gap: 72px; align-items: center; }
	.bcdk-spreker__beeld { width: 460px; height: 580px; transform: none; margin: 0; }
	.bcdk-spreker__beeld .bcdk-portret__vorm { left: 40px; top: 90px; width: 300px; height: 420px; }
	.bcdk-spreker__beeld .bcdk-portret__band { right: 30px; top: 40px; width: 150px; height: 470px; }
	.bcdk-portret__pil--groot { left: 90px; width: 320px; height: 520px; }
	.bcdk-driehoek--4 { left: 40px; }
	.bcdk-driehoek--5 { right: 40px; }
	.bcdk-spreker__tekst { gap: 22px; }
	.bcdk-themas { padding: 24px 26px; }
	.bcdk-themas__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; }
	.bcdk-thema strong { font-size: 19px; }
	.bcdk-vraaghaak { font-size: 16px; }
}

/* ---- 04 Programma --------------------------------------------------------- */
.bcdk-lijn--programma { left: 20px; bottom: 0; }
.bcdk-programma__grid { display: grid; gap: 20px; }
.bcdk-programma__intro { display: grid; gap: 14px; }
.bcdk-programma__intro p { font-size: 14px; }
.bcdk-tijdlijn { list-style: none; padding: 0; margin: 0; }
.bcdk-tijdlijn li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1.5px dashed #B9D48A; }
.bcdk-tijdlijn li:last-child { border-bottom: 0; }
.bcdk-tijd { flex: 0 0 82px; height: 34px; border-radius: 999px; background: var(--bc-paars); color: #fff; font-weight: 900; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; }
.bcdk-tijd--licht { background: #fff; color: var(--bc-paars); border: 2px solid var(--bc-paars); }
.bcdk-tijdlijn__tekst { display: flex; flex-direction: column; gap: 2px; }
.bcdk-tijdlijn__tekst strong { font-weight: 900; font-size: 17px; }
.bcdk-tijdlijn__tekst span { font-size: 13px; color: var(--bc-inkt-2); }
@media (min-width: 900px) {
	.bcdk-lijn--programma { left: 96px; }
	.bcdk-programma__grid { grid-template-columns: 400px minmax(0, 1fr); gap: 80px; align-items: start; }
	.bcdk-programma__intro p { font-size: 16px; }
	.bcdk-tijdlijn li { gap: 24px; padding: 20px 0; align-items: center; }
	.bcdk-tijd { flex-basis: 104px; height: 40px; font-size: 16px; }
	.bcdk-tijdlijn__tekst strong { font-size: 21px; }
	.bcdk-tijdlijn__tekst span { font-size: 14px; }
}

/* ---- 05 De Business Club -------------------------------------------------- */
.bcdk-lijn--club { right: 40px; top: 0; display: none; }
.bcdk-club__grid { display: grid; gap: 24px; }
.bcdk-club__tekst { display: grid; gap: 16px; justify-items: start; }
.bcdk-quote { font-weight: 900; font-size: 20px; line-height: 1.3; color: var(--bc-paars); }
.bcdk-troeven { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bcdk-troef { background: var(--bc-lavendel); border: 1.5px solid var(--bc-lijn); border-radius: 16px; padding: 14px; display: grid; gap: 10px; align-content: start; font-size: 13px; font-weight: 700; line-height: 1.4; }
.bcdk-check { width: 30px; height: 30px; border-radius: 999px; background: var(--bc-groen); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.bcdk-troef:nth-child(1) .bcdk-check, .bcdk-troef:nth-child(4) .bcdk-check { background: var(--bc-paars); }
.bcdk-lidmaatschap { margin-top: 24px; background: var(--bc-lavendel-2); border-radius: 20px; padding: 18px; display: grid; gap: 12px; }
.bcdk-lidmaatschap .bcdk-tag { margin-bottom: 6px; }
.bcdk-lidmaatschap p { font-size: 14px; }
.bcdk-lidmaatschap__prijs strong { font-weight: 900; font-size: 24px; color: var(--bc-paars); }
.bcdk-lidmaatschap__prijs small { font-size: 13px; font-weight: 700; color: var(--bc-inkt-2); }
@media (min-width: 900px) {
	.bcdk-lijn--club { display: block; right: 96px; }
	.bcdk-club__grid { grid-template-columns: minmax(0, 1fr) 520px; gap: 80px; align-items: start; }
	.bcdk-club__tekst { gap: 22px; }
	.bcdk-quote { font-size: 26px; }
	.bcdk-troeven { gap: 16px; }
	.bcdk-troef { padding: 22px; border-radius: 20px; gap: 12px; font-size: 15px; }
	.bcdk-check { width: 36px; height: 36px; }
	.bcdk-lidmaatschap { margin-top: 40px; padding: 26px 32px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px; border-radius: 24px; }
	.bcdk-lidmaatschap p { font-size: 15px; }
	.bcdk-lidmaatschap__prijs { text-align: right; }
	.bcdk-lidmaatschap__prijs strong { font-size: 30px; }
}

/* ---- 06 Sfeerbeelden ------------------------------------------------------ */
.bcdk-galerij { display: flex; gap: 12px; margin-top: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 8px; scrollbar-width: none; }
.bcdk-galerij::-webkit-scrollbar { display: none; }
.bcdk-galerij img { flex: 0 0 200px; height: 260px; object-fit: cover; border-radius: 24px; scroll-snap-align: start; }
.bcdk-galerij .bcdk-galerij__pil { border-radius: 999px; }
.bcdk-galerij .bcdk-galerij__breed { flex-basis: 240px; }
@media (min-width: 900px) {
	.bcdk-galerij { overflow: visible; margin-top: 32px; gap: 16px; padding-bottom: 0; }
	.bcdk-galerij img { flex: 1 1 0; height: 380px; border-radius: 28px; }
	.bcdk-galerij .bcdk-galerij__breed { flex-grow: 1.4; }
}

/* ---- 07 Praktisch --------------------------------------------------------- */
.bcdk-praktisch__grid { display: grid; gap: 24px; }
.bcdk-info { display: grid; gap: 14px; margin-top: 24px; }
.bcdk-info > div { display: grid; gap: 4px; }
.bcdk-info dt { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bc-paars); }
.bcdk-info dd { display: grid; gap: 2px; }
.bcdk-info dd strong { font-weight: 700; font-size: 15px; }
.bcdk-info dd span { font-size: 13px; color: var(--bc-inkt-2); }
.bcdk-kaartje { border-radius: 20px; overflow: hidden; background: var(--bc-lavendel-2); height: 240px; }
.bcdk-kaartje iframe { width: 100%; height: 100%; border: 0; display: block; }
@media (min-width: 900px) {
	.bcdk-praktisch__grid { grid-template-columns: minmax(0, 1fr) 520px; gap: 64px; align-items: start; }
	.bcdk-info { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; margin-top: 28px; }
	.bcdk-info dd strong { font-size: 17px; }
	.bcdk-info dd span { font-size: 14px; }
	.bcdk-kaartje { height: 380px; border-radius: 28px; }
}

/* ---- 08 Inschrijven ------------------------------------------------------- */
.bcdk-bol--formulier { width: 320px; height: 320px; left: -140px; bottom: -160px; }
.bcdk-inschrijven__grid { position: relative; display: grid; gap: 24px; }
.bcdk-inschrijven__tekst { display: grid; gap: 16px; }
.bcdk-lijst { list-style: none; padding: 0; display: grid; gap: 12px; }
.bcdk-lijst li { display: flex; gap: 12px; align-items: flex-start; font-weight: 700; font-size: 15px; line-height: 1.4; }
.bcdk-lijst .bcdk-check { width: 26px; height: 26px; }
.bcdk-stapel { display: none; align-items: center; gap: 0; margin-top: 8px; }
.bcdk-stapel img { width: 72px; height: 72px; object-fit: cover; border-radius: 999px; border: 3px solid #fff; margin-left: -28px; }
.bcdk-stapel img:first-child { margin-left: 0; }
.bcdk-stapel span { margin-left: 14px; font-size: 14px; font-weight: 700; color: var(--bc-paars-donker); }
@media (min-width: 900px) {
	.bcdk-bol--formulier { width: 520px; height: 520px; left: -160px; bottom: -200px; }
	.bcdk-inschrijven__grid { grid-template-columns: minmax(0, 1fr) 560px; gap: 80px; align-items: start; }
	.bcdk-inschrijven__tekst { gap: 22px; }
	.bcdk-lijst li { font-size: 16px; }
	.bcdk-stapel { display: flex; }
	.bcdk-inschrijven .bcdk-form { padding: 32px; border-radius: 24px; }
	.bcdk-inschrijven .bcdk-form__titel { font-size: 26px; }
}

/* ---- Footer --------------------------------------------------------------- */
.bcdk footer.bcdk-footer { background: var(--bc-paars-donker); color: #E9E6F7; padding: 40px 0; margin: 0; }
.bcdk-footer__grid { display: grid; gap: 20px; }
.bcdk-footer img { height: 32px; width: auto; max-width: none; margin-bottom: 14px; }
.bcdk-footer p { font-size: 14px; line-height: 1.6; }
.bcdk-footer a { color: #E9E6F7; }
.bcdk-footer a:hover, .bcdk-footer a:focus { color: #fff; text-decoration: underline; }
.bcdk-footer__kop { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #C9C3EC; margin-bottom: 8px; }
@media (min-width: 768px) {
	.bcdk footer.bcdk-footer { padding: 56px 0; }
	.bcdk-footer__grid { grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; }
	.bcdk-footer img { height: 40px; }
}

/* ---- Sticky knop op mobiel ----------------------------------------------- */
.bcdk-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--bc-lijn); box-shadow: 0 -10px 30px rgba(84, 52, 199, 0.08); transform: translateY(110%); transition: transform 250ms; }
.bcdk-sticky.is-zichtbaar { transform: none; }
.bcdk-sticky .bcdk-btn { min-height: 48px; }
@media (min-width: 1100px) { .bcdk-sticky { display: none; } }
@media (max-width: 1099px) { .bcdk.has-sticky main { padding-bottom: 0; } }

/* ---- Bedankpagina --------------------------------------------------------- */
.bcdk-bedankt { background: var(--bc-lavendel); min-height: 60vh; display: flex; align-items: center; }
.bcdk-bol--bedankt { width: 420px; height: 420px; right: -160px; top: -120px; }
.bcdk-bedankt__kaart { position: relative; max-width: 680px; margin: 0 auto; background: #fff; border: 1.5px solid var(--bc-lijn); border-radius: 24px; padding: 28px 24px; display: grid; gap: 18px; justify-items: start; box-shadow: 0 24px 60px rgba(84, 52, 199, 0.10); }
.bcdk-bedankt__vink { width: 56px; height: 56px; border-radius: 999px; background: var(--bc-groen-knop); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.bcdk-feiten--bedankt { width: 100%; }
.bcdk-feiten--bedankt .bcdk-feit { background: var(--bc-lavendel); border: 1.5px solid var(--bc-lijn); padding: 12px 14px; border-radius: 12px; }
.bcdk-cta--bedankt { width: 100%; }
.bcdk-cta--bedankt .bcdk-btn { flex: 1 1 auto; }
.bcdk-bedankt__meer { font-size: 15px; }
@media (min-width: 768px) {
	.bcdk-bedankt__kaart { padding: 40px 48px; gap: 20px; }
	.bcdk-feiten--bedankt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.bcdk-feiten--bedankt .bcdk-feit { background: var(--bc-lavendel); border: 1.5px solid var(--bc-lijn); padding: 12px 14px; }
	.bcdk-cta--bedankt .bcdk-btn { flex: 0 1 auto; }
}

/* ---- Toegankelijkheid en bewegingsvoorkeur ------------------------------ */
.bcdk :focus-visible { outline: 2px solid var(--bc-paars); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .bcdk-sticky, .bcdk-btn, .bcdk a { transition: none; } }