/* =========================================================================
   SK Onduleren — Art Deco-secties (Sinterklaaskrullen)
   Leest de sitebrede tokens (--sint, --messing, --creme …) met vaste fallbacks.
   Per widget overschrijfbaar via het Stijl-tabblad (--sko-* variabelen).
   ========================================================================= */

.sko {
	--sko-bg: var(--creme, #ECE4D3);
	--sko-kop: var(--tekst-donker, #1D1B18);
	--sko-tekst: var(--tekst-body, #4A423A);
	--sko-accent: var(--ossenbloed, #6A1F22);
	--sko-lijn: var(--messing, #B8925A);
	--sko-lijn2: var(--messing-licht, #D4B47F);
	--sko-soft: rgba(184, 146, 90, .45);
	--sko-pad: clamp(72px, 10vw, 140px);
	--sko-max: 1240px;
	--sko-btn-bg: var(--messing, #B8925A);
	--sko-btn-tekst: var(--sint-deep, #1E060B);
	--sko-btn-hover: var(--messing-licht, #D4B47F);
	--sko-btn-hover-tekst: var(--sint-deep, #1E060B);
	--sko-btn-schuin: 10px;
	--sko-font-kop: "Cinzel", Georgia, "Times New Roman", serif;
	--sko-font-tekst: "Montserrat", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

	position: relative;
	box-sizing: border-box;
	background: var(--sko-bg);
	color: var(--sko-tekst);
	padding-block: var(--sko-pad);
	font-family: var(--sko-font-tekst);
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}
.sko *, .sko *::before, .sko *::after { box-sizing: border-box; }
.sko--rood, .sko--diep {
	--sko-kop: var(--creme, #ECE4D3);
	--sko-tekst: rgba(236, 228, 211, .84);
	--sko-accent: var(--messing-licht, #D4B47F);
}
.sko--rood { --sko-bg: var(--sint, #2B0910); }
.sko--diep { --sko-bg: var(--sint-deep, #1E060B); }

.sko .sko-wrap { width: min(var(--sko-max), 100% - 2 * clamp(20px, 5vw, 56px)); margin-inline: auto; }
.sko img { max-width: 100%; display: block; }
.sko .sko-center { text-align: center; margin-inline: auto; }
.sko-anker { display: block; position: relative; top: -100px; visibility: hidden; height: 0; }

/* ---------- typografie ---------- */
.sko .sko-h2, .sko .sko-h3 { font-family: var(--sko-font-kop); font-weight: 500; color: var(--sko-kop); margin: 0; }
.sko .sko-h2 { font-size: clamp(1.8rem, 3.4vw, 2.7rem); letter-spacing: .04em; line-height: 1.12; margin-bottom: 20px; }
.sko .sko-h3 { font-size: clamp(1.15rem, 1.7vw, 1.4rem); letter-spacing: .03em; line-height: 1.25; margin-bottom: 10px; }
.sko .sko-p, .sko .sko-rich p { margin: 0 0 1em; max-width: 62ch; color: var(--sko-tekst); }
.sko .sko-rich { color: var(--sko-tekst); }
.sko .sko-rich ul { margin: 0 0 1em; padding-left: 1.1em; }
.sko .sko-rich li { margin-bottom: 6px; }
.sko .sko-rich > :last-child { margin-bottom: 0; }
.sko .sko-kicker { font: 600 .94rem/1.4 var(--sko-font-tekst); color: var(--sko-accent); margin: 0 0 14px; letter-spacing: .02em; }
.sko a:not(.sko-btn) { color: inherit; }
.sko .sko-p.sko-center, .sko .sko-h2.sko-center { margin-left: auto; margin-right: auto; }

/* Twee crème-secties na elkaar: minder dubbele witruimte */
.sko.sko-k, .sko.sko-st { padding-top: calc(var(--sko-pad) * .45); }

/* ---------- knop + link ---------- */
.sko .sko-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	font: 600 .94rem/1 var(--sko-font-tekst); letter-spacing: .02em; text-decoration: none;
	padding: 17px 28px; border: 0; cursor: pointer;
	background: var(--sko-btn-bg); color: var(--sko-btn-tekst);
	clip-path: polygon(var(--sko-btn-schuin) 0, calc(100% - var(--sko-btn-schuin)) 0, 100% var(--sko-btn-schuin), 100% calc(100% - var(--sko-btn-schuin)), calc(100% - var(--sko-btn-schuin)) 100%, var(--sko-btn-schuin) 100%, 0 calc(100% - var(--sko-btn-schuin)), 0 var(--sko-btn-schuin));
	transition: background .2s, color .2s;
}
.sko .sko-btn:hover, .sko .sko-btn:focus-visible { background: var(--sko-btn-hover); color: var(--sko-btn-hover-tekst); }
.sko .sko-btn--rood { --sko-btn-bg: var(--sint, #2B0910); --sko-btn-tekst: var(--creme, #ECE4D3); --sko-btn-hover: var(--ossenbloed, #6A1F22); --sko-btn-hover-tekst: var(--creme, #ECE4D3); }
.sko .sko-link { font: 600 .94rem var(--sko-font-tekst); text-decoration: none; border-bottom: 1px solid var(--sko-lijn); padding-bottom: 3px; color: var(--sko-kop); transition: color .2s; }
.sko .sko-link:hover { color: var(--sko-accent); }
.sko .sko-acts { display: flex; flex-wrap: wrap; gap: 20px 30px; align-items: center; margin-top: 26px; }
.sko :focus-visible { outline: 2px solid var(--sko-lijn2); outline-offset: 3px; }

/* ---------- deco ---------- */
.sko .sko-frame { position: relative; padding: 14px; border: 1px solid var(--sko-lijn); }
.sko .sko-frame::before { content: ""; position: absolute; inset: 5px; border: 1px solid var(--sko-soft); pointer-events: none; }
.sko .sko-frame img { width: 100%; height: 100%; object-fit: cover; }
.sko .sko-program { position: relative; border: 3px double var(--sko-lijn); padding: clamp(22px, 3vw, 40px); }
.sko .sko-corner { position: absolute; width: 44px; height: 44px; color: var(--sko-lijn2); pointer-events: none; }
.sko .sko-corner.tl { top: 10px; left: 10px; }
.sko .sko-corner.tr { top: 10px; right: 10px; transform: scaleX(-1); }
.sko .sko-corner.bl { bottom: 10px; left: 10px; transform: scaleY(-1); }
.sko .sko-corner.br { bottom: 10px; right: 10px; transform: scale(-1, -1); }
.sko .sko-arch { position: relative; border-radius: 999px 999px 0 0; border: 1px solid var(--sko-lijn); padding: 8px; overflow: hidden; }
.sko .sko-arch::after { content: ""; position: absolute; inset: 5px; border-radius: 999px 999px 0 0; border: 1px solid var(--sko-soft); pointer-events: none; }
.sko .sko-arch img { width: 100%; height: 100%; object-fit: cover; border-radius: 999px 999px 0 0; }
.sko .sko-ruit { display: block; width: 10px; height: 10px; border: 1px solid var(--sko-lijn); transform: rotate(45deg); margin-top: 9px; }
.sko .sko-nr { font: 500 1.5rem var(--sko-font-kop); color: var(--sko-accent); border: 1px solid var(--sko-lijn); height: 64px; display: grid; place-items: center; outline: 1px solid var(--sko-soft); outline-offset: -6px; }
.sko .sko-rule { display: flex; align-items: center; gap: 16px; color: var(--sko-lijn); margin-bottom: clamp(50px, 7vw, 90px); }
.sko .sko-rule::before, .sko .sko-rule::after { content: ""; flex: 1; height: 5px; border-block: 1px solid currentColor; }
.sko .sko-medal { display: flex; justify-content: center; margin-bottom: 26px; }
.sko .sko-medal b { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--sko-lijn); transform: rotate(45deg); position: relative; }
.sko .sko-medal b::after { content: ""; position: absolute; inset: 4px; border: 1px solid var(--sko-soft); }
.sko .sko-medal i { transform: rotate(-45deg); font: 500 1rem var(--sko-font-kop); font-style: normal; color: var(--sko-kop); }

/* ---------- Beeld + tekst ---------- */
.sko-bt__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(36px, 6vw, 96px); align-items: center; }
.sko-bt--rechts .sko-bt__beeld { order: 2; }
.sko-bt--rechts .sko-bt__grid { grid-template-columns: 1.15fr .85fr; }
.sko-bt__beeld { aspect-ratio: 4 / 5; }
.sko-bt__tekst .sko-rich { margin-bottom: 18px; }
@media (max-width: 860px) {
	.sko-bt__grid, .sko-bt--rechts .sko-bt__grid { grid-template-columns: 1fr; }
	.sko-bt--rechts .sko-bt__beeld { order: 0; }
	.sko-bt__beeld { aspect-ratio: 4 / 3; }
}

/* ---------- Full-bleed ---------- */
.sko.sko-fb { min-height: min(88vh, 760px); display: flex; align-items: flex-end; overflow: hidden; padding-block: 0; }
.sko .sko-fb__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sko-fb__ov { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30,6,11,.92) 0%, rgba(30,6,11,.6) 38%, rgba(30,6,11,0) 66%), linear-gradient(0deg, rgba(30,6,11,.8) 0%, rgba(30,6,11,0) 46%); }
.sko-fb__kader { position: absolute; inset: clamp(12px, 2vw, 28px); border: 1px solid rgba(212,180,127,.7); z-index: 2; pointer-events: none; }
.sko-fb__kader::after { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(212,180,127,.3); }
.sko .sko-fb__inhoud { position: relative; z-index: 3; padding-block: clamp(70px, 9vw, 120px); }
.sko.sko-fb .sko-h2 { font-size: clamp(2rem, 4.4vw, 3.6rem); max-width: 19ch; margin-bottom: 22px; }
.sko.sko-fb .sko-p { max-width: 48ch; margin: 0; }

/* ---------- Voor wie ---------- */
.sko-wie__kop { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 80px); align-items: end; margin-bottom: clamp(44px, 6vw, 72px); }
.sko-wie__kop .sko-h2, .sko-wie__kop .sko-p { margin-bottom: 0; }
.sko-wie__panelen { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 3vw, 36px); }
.sko .sko-panel { display: flex; flex-direction: column; border: 3px double var(--sko-lijn); padding: clamp(22px, 3vw, 40px); }
.sko .sko-panel--wel { --sko-kop: var(--creme, #ECE4D3); --sko-tekst: rgba(236,228,211,.84); --sko-accent: var(--messing-licht, #D4B47F); --sko-soft: rgba(184,146,90,.35); background: var(--sint, #2B0910); color: var(--sko-tekst); }
.sko .sko-panel .sko-h3 { font-size: clamp(1.3rem, 2vw, 1.65rem); margin-bottom: 14px; }
.sko .sko-status { font: 600 .9rem var(--sko-font-tekst); display: flex; align-items: center; gap: 10px; margin: 0 0 10px; color: var(--sko-accent); }
.sko .sko-status svg { width: 20px; height: 20px; flex: none; }
.sko .sko-opties { list-style: none; padding: 0; margin: 8px 0 0; }
.sko .sko-opties li { display: grid; grid-template-columns: auto 1fr; gap: 16px; padding: 16px 0; border-top: 1px solid var(--sko-soft); margin: 0; }
.sko .sko-opties li:last-child { border-bottom: 1px solid var(--sko-soft); }
.sko .sko-opties strong { display: block; font-weight: 600; color: var(--sko-kop); }
.sko .sko-opties span { font-size: .95rem; }
.sko .sko-opties a { font-weight: 600; color: var(--sko-accent); text-underline-offset: 3px; }
.sko .sko-panel .sko-btn { margin-top: 28px; align-self: flex-start; }
.sko .sko-panel__noot { font-size: .88rem; margin: 16px 0 0; opacity: .75; }
.sko-noot { margin-top: clamp(44px, 6vw, 72px); display: grid; grid-template-columns: auto 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
.sko-noot .sko-arch { width: clamp(150px, 18vw, 220px); aspect-ratio: 4 / 5; }
.sko-noot .sko-p { font-size: 1.05rem; margin: 0; }
.sko .sko-noot__naam { font: 500 1.1rem var(--sko-font-kop); color: var(--sko-kop); margin: 14px 0 0; letter-spacing: .04em; }
@media (max-width: 860px) { .sko-wie__kop, .sko-wie__panelen { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .sko-noot { grid-template-columns: 1fr; } }

/* ---------- Seizoen ---------- */
.sko-sz .sko-h2 { margin-bottom: 16px; }
.sko .sko-sz__lead { margin-bottom: clamp(46px, 6vw, 70px); max-width: 56ch; }
.sko .sko-tijd { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--sko-n, 5), minmax(0, 1fr)); position: relative; }
.sko .sko-tijd::before { content: ""; position: absolute; left: calc(50% / var(--sko-n, 5)); right: calc(50% / var(--sko-n, 5)); top: 27px; height: 5px; border-block: 1px solid var(--sko-lijn); }
.sko .sko-tijd li { text-align: center; padding: 0 10px; position: relative; margin: 0; }
.sko .sko-tijd__dot { width: 56px; height: 56px; margin: 0 auto 20px; display: grid; place-items: center; position: relative; }
.sko .sko-tijd__dot::before { content: ""; position: absolute; inset: 12px; border: 1px solid var(--sko-lijn2); transform: rotate(45deg); background: var(--sko-bg); }
.sko .sko-tijd li.is-key .sko-tijd__dot::before { background: var(--sko-lijn); inset: 9px; }
.sko .sko-tijd__datum { font: 500 1.05rem var(--sko-font-kop); color: var(--sko-kop); letter-spacing: .03em; display: block; margin-bottom: 6px; }
.sko .sko-tijd li.is-key .sko-tijd__datum { color: var(--sko-lijn2); }
.sko .sko-tijd .sko-p { font-size: .92rem; margin: 0 auto; max-width: 22ch; }
@media (max-width: 860px) {
	.sko .sko-tijd { grid-template-columns: 1fr; max-width: 440px; margin-inline: auto; }
	.sko .sko-tijd::before { left: 27px; right: auto; top: 20px; bottom: 20px; width: 5px; height: auto; border-block: 0; border-inline: 1px solid var(--sko-lijn); }
	.sko .sko-tijd li { display: grid; grid-template-columns: 56px 1fr; gap: 20px; text-align: left; padding: 0 0 26px; }
	.sko .sko-tijd__dot { margin: 0; }
	.sko .sko-tijd .sko-p { margin: 0; max-width: none; }
}

/* ---------- Proces ---------- */
.sko-pr__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 6vw, 96px); align-items: start; }
.sko-pr--rechts .sko-pr__grid { grid-template-columns: 1.1fr .9fr; }
.sko-pr--rechts .sko-pr__beeld { order: 2; }
.sko-pr__beeld.is-sticky { position: sticky; top: 110px; }
.sko-pr__beeld .sko-frame { aspect-ratio: 4 / 5; }
.sko .sko-stappen { list-style: none; margin: 40px 0 0; padding: 0; }
.sko .sko-stappen li { display: grid; grid-template-columns: 64px 1fr; gap: 22px; padding: 30px 0; border-top: 1px solid var(--sko-soft); margin: 0; }
.sko .sko-stappen .sko-h3 { margin-top: 4px; }
.sko .sko-stappen .sko-p { margin: 0; }
@media (max-width: 860px) {
	.sko-pr__grid, .sko-pr--rechts .sko-pr__grid { grid-template-columns: 1fr; }
	.sko-pr--rechts .sko-pr__beeld { order: 0; }
	.sko-pr__beeld.is-sticky { position: static; }
	.sko-pr__beeld .sko-frame { aspect-ratio: 4 / 3; }
}

/* ---------- Kolommen ---------- */
.sko .sko-kol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 32px); margin-top: 44px; }
.sko .sko-kol > div { border-top: 3px double var(--sko-lijn); padding-top: 22px; }
.sko .sko-kol .sko-p { font-size: .96rem; margin: 0; }
@media (max-width: 860px) { .sko .sko-kol { grid-template-columns: 1fr; } }

/* ---------- CTA ---------- */
.sko-cta { text-align: center; }
.sko .sko-cta__blad { max-width: 820px; margin-inline: auto; padding: clamp(44px, 7vw, 84px) clamp(24px, 5vw, 70px); }
.sko-cta .sko-p { margin-inline: auto; }
.sko-cta .sko-acts { justify-content: center; margin-top: 30px; }
.sko .sko-cta__noot { font-size: .88rem; margin: 26px auto 0; opacity: .75; }

/* ---------- Tarieven ---------- */
.sko .sko-tarief { display: grid; grid-template-columns: repeat(var(--sko-n, 3), minmax(0, 1fr)); border: 3px double var(--sko-lijn); background: var(--creme, #ECE4D3); margin-top: 40px; }
.sko .sko-tarief > div { padding: clamp(24px, 3vw, 38px); border-left: 1px solid var(--sko-soft); }
.sko .sko-tarief > div:first-child { border-left: 0; }
.sko .sko-tarief__label { font: 600 .9rem var(--sko-font-tekst); color: var(--ossenbloed, #6A1F22); margin: 0 0 6px; }
.sko .sko-tarief__prijs { font: 500 clamp(2.2rem, 4vw, 3.2rem)/1 var(--sko-font-kop); color: var(--tekst-donker, #1D1B18); margin: 8px 0 12px; }
.sko .sko-tarief .sko-p { font-size: .94rem; margin: 0; color: var(--tekst-body, #4A423A); }
.sko .sko-tarief .is-key { background: var(--sint, #2B0910); }
.sko .sko-tarief .is-key .sko-tarief__label { color: var(--messing-licht, #D4B47F); }
.sko .sko-tarief .is-key .sko-tarief__prijs { color: var(--creme, #ECE4D3); }
.sko .sko-tarief .is-key .sko-p { color: rgba(236,228,211,.84); }
.sko .sko-tr__noot { margin-top: 20px; font-size: .92rem; }
@media (max-width: 860px) {
	.sko .sko-tarief { grid-template-columns: 1fr; }
	.sko .sko-tarief > div { border-left: 0; border-top: 1px solid var(--sko-soft); }
	.sko .sko-tarief > div:first-child { border-top: 0; }
}

/* ---------- Instuurstappen ---------- */
.sko .sko-kstappen { list-style: none; margin: 36px 0 0; padding: 0; }
.sko .sko-kstap { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: clamp(18px, 3vw, 40px); padding: clamp(30px, 4vw, 46px) 0; border-top: 1px solid var(--sko-soft); align-items: start; margin: 0; scroll-margin-top: 100px; }
.sko .sko-kstap.has-foto { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 300px); }
.sko .sko-kstap:last-child { border-bottom: 1px solid var(--sko-soft); }
.sko .sko-kstap .sko-nr { height: 72px; font-size: 1.7rem; }
.sko .sko-kstap .sko-h3 { margin: 6px 0 12px; }
.sko .sko-kstap__foto { aspect-ratio: 4 / 3; padding: 10px; }
.sko .sko-letop { margin-top: 14px; padding: 14px 18px; border-left: 3px double var(--sko-accent); background: rgba(106,31,34,.06); font-size: .94rem; max-width: 62ch; }
.sko .sko-letop strong { color: var(--sko-accent); }
.sko .sko-adres { font: 500 1.02rem/1.6 var(--sko-font-tekst); font-style: normal; color: var(--sko-kop); border: 3px double var(--sko-lijn); padding: 20px 24px; margin-top: 14px; max-width: 420px; }
/* Verzendroutes binnen een stap */
.sko .sko-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 28px); margin-top: 22px; }
.sko .sko-route { border: 3px double var(--sko-lijn); padding: clamp(20px, 2.6vw, 32px); display: flex; flex-direction: column; }
.sko .sko-route .sko-h3 { margin-bottom: 6px; }
.sko .sko-route .sko-p { font-size: .95rem; }
.sko .sko-route .sko-adres { margin-top: 4px; border: 0; padding: 0; }
.sko .sko-route .sko-btn { align-self: flex-start; margin-top: auto; }
.sko .sko-route--label { --sko-kop: var(--creme, #ECE4D3); --sko-tekst: rgba(236,228,211,.84); background: var(--sint, #2B0910); color: var(--sko-tekst); }
.sko .sko-route__info { list-style: none; margin: 0 0 22px; padding: 0; }
.sko .sko-route__info li { display: grid; grid-template-columns: auto 1fr; gap: 12px; font-size: .9rem; margin: 0 0 6px; }
.sko .sko-route__info .sko-ruit { width: 7px; height: 7px; margin-top: 8px; }
.sko .sko-route__prijs { font: 500 clamp(1.8rem, 3vw, 2.4rem)/1 var(--sko-font-kop); color: var(--messing-licht, #D4B47F); margin: 6px 0 14px; }
.sko .sko-route__prijs del { opacity: .5; font-size: .6em; margin-right: 8px; }
.sko .sko-route__prijs ins { text-decoration: none; }
@media (max-width: 1000px) { .sko .sko-routes { grid-template-columns: 1fr; } }

@media (max-width: 860px) {
	.sko .sko-kstap, .sko .sko-kstap.has-foto { grid-template-columns: 56px minmax(0, 1fr); }
	.sko .sko-kstap .sko-nr { height: 56px; font-size: 1.3rem; }
	.sko .sko-kstap__foto { grid-column: 1 / -1; }
}

/* ---------- Afvinklijst ---------- */
.sko .sko-cl__intro { margin-bottom: 40px; }
.sko .sko-check { list-style: none; padding: 0; margin: 0 auto; max-width: 720px; }
.sko .sko-check li { border-top: 1px solid var(--sko-soft); margin: 0; }
.sko .sko-check li:last-child { border-bottom: 1px solid var(--sko-soft); }
.sko .sko-check label { display: grid; grid-template-columns: 28px 1fr; gap: 18px; align-items: center; padding: 18px 4px; cursor: pointer; color: var(--sko-tekst); }
.sko .sko-check input { appearance: none; -webkit-appearance: none; width: 22px; height: 22px; border: 1px solid var(--sko-lijn2); background: transparent; transform: rotate(45deg); margin: 0 3px; cursor: pointer; display: grid; place-items: center; }
.sko .sko-check input::after { content: ""; width: 10px; height: 10px; background: var(--sko-lijn); transform: scale(0); transition: transform .2s; }
.sko .sko-check input:checked::after { transform: scale(1); }
.sko .sko-check input:checked + span { opacity: .5; text-decoration: line-through; text-decoration-color: var(--sko-lijn); }
.sko .sko-check__status { text-align: center; margin: 26px 0 0; font: 500 1.05rem var(--sko-font-kop); color: var(--sko-lijn2); letter-spacing: .04em; min-height: 1.6em; }

/* ---------- Vragen ---------- */
.sko .sko-faq__lijst { max-width: 820px; margin: 40px auto 0; }
.sko .sko-faq__lijst details { border-top: 1px solid var(--sko-soft); }
.sko .sko-faq__lijst details:last-child { border-bottom: 1px solid var(--sko-soft); }
.sko .sko-faq__lijst summary { list-style: none; cursor: pointer; padding: 22px 40px 22px 0; margin: 0; font-size: 1.12rem; position: relative; }
.sko .sko-faq__lijst summary::-webkit-details-marker { display: none; }
.sko .sko-faq__lijst summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 10px; height: 10px; border: 1px solid var(--sko-lijn); transform: translateY(-50%) rotate(45deg); transition: background .2s; }
.sko .sko-faq__lijst details[open] summary::after { background: var(--sko-lijn); }
.sko .sko-faq__lijst .sko-rich { padding-bottom: 20px; }

/* ---------- Wachtwoordscherm ---------- */
.sko.sko-gate {
	width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
	min-height: 72vh; display: grid; place-items: center;
	padding: clamp(60px, 10vw, 120px) 20px;
}
.sko .sko-gate__blad { width: min(560px, 100%); text-align: center; background: var(--sint, #2B0910); padding: clamp(40px, 6vw, 64px) clamp(24px, 5vw, 56px); }
.sko .sko-gate__titel { font-size: clamp(1.9rem, 4vw, 2.6rem); margin-bottom: 16px; }
.sko .sko-gate__tekst { margin: 0 auto 26px; }
.sko .sko-gate__form { display: flex; flex-direction: column; gap: 14px; text-align: left; margin: 0; }
.sko .sko-gate__form label { font: 600 .88rem var(--sko-font-tekst); color: var(--sko-lijn2); }
.sko .sko-gate__form input[type="password"] { font: 400 1rem var(--sko-font-tekst); padding: 15px 16px; background: var(--sint-deep, #1E060B); color: var(--creme, #ECE4D3); border: 1px solid var(--sko-lijn); border-radius: 0; width: 100%; }
.sko .sko-gate__form .sko-btn { width: 100%; }
.sko .sko-gate__fout { margin: 0; padding: 12px 16px; border-left: 3px double var(--sko-lijn2); background: rgba(212,180,127,.08); color: var(--creme, #ECE4D3); font-size: .92rem; }
.sko .sko-gate__hulp { margin: 22px 0 0; font-size: .86rem; opacity: .7; }
.sko .sko-gate__hulp a { color: var(--sko-lijn2); }

@media (prefers-reduced-motion: reduce) {
	.sko *, .sko *::before, .sko *::after { transition: none !important; animation: none !important; }
}