/* ==========================================================================
   Mooi Leven Likeuren - conceptontwerp "Zon in de fles"
   1. Merk: kleur, letter, ritme, beweging
   ========================================================================== */

:root {
  --creme: #fbf5e9;
  --creme-diep: #f3ead8;
  --inkt: #221d18;
  --inkt-zacht: #5a5047;

  --limoncello: #efe39a;
  --limoncello-diep: #6f5b05;
  --limoncello-was: #fbf3d2;
  --orancello: #f2b232;
  --orancello-diep: #a8560a;
  --orancello-was: #fde7c6;
  --framboos: #8f0f31;
  --framboos-diep: #8f0f31;
  --framboos-was: #f8e0e4;

  /* actieve smaak, gezet via body[data-smaak] */
  --smaak: var(--limoncello);
  --smaak-diep: var(--limoncello-diep);
  --smaak-was: var(--limoncello-was);

  --bg: var(--creme);
  --surface: #fffdf8;
  --text: var(--inkt);
  --text-zacht: var(--inkt-zacht);
  --lijn: rgba(34, 29, 24, .14);

  --f-display: "Fraunces", Georgia, serif;
  --f-label: "Josefin Sans", "Futura", system-ui, sans-serif;

  --t-xs: .78rem;
  --t-s: .92rem;
  --t-m: 1.08rem;
  --t-l: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --t-xl: clamp(2rem, 1.4rem + 2.6vw, 3.4rem);
  --t-xxl: clamp(3rem, min(1.8rem + 5.4vw, 10.5vh), 6.6rem);

  --gutter: clamp(16px, 4vw, 56px);
  --kolom: 1320px;
  --logo: url("data:image/png;base64,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");
  --rand: max(var(--gutter), calc((100vw - var(--kolom)) / 2));
  --sectie: clamp(80px, 12vw, 160px);
  --rond: 18px;
  --boog: 999px 999px 24px 24px;

  --ease-uit: cubic-bezier(.22, 1, .36, 1);
  --ease-in-uit: cubic-bezier(.65, 0, .35, 1);
  --dur-kort: 180ms;
  --dur-mid: 420ms;
  --dur-lang: 900ms;
}

body[data-smaak="orancello"] { --smaak: var(--orancello); --smaak-diep: var(--orancello-diep); --smaak-was: var(--orancello-was); }
body[data-smaak="framboos"]  { --smaak: var(--framboos);  --smaak-diep: var(--framboos-diep);  --smaak-was: var(--framboos-was); }

/* ==========================================================================
   2. Basis
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--smaak-was);
  color: var(--text);
  font-family: var(--f-display);
  font-size: var(--t-m);
  font-variation-settings: "opsz" 14;
  line-height: 1.6;
  overflow-x: clip;
  transition: background-color var(--dur-lang) var(--ease-uit);
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3 { font-family: var(--f-display); font-weight: 400; line-height: 1.05; margin: 0; letter-spacing: -.01em; }
h1 em, h2 em { font-style: italic; font-weight: 300; color: var(--smaak-diep); transition: color var(--dur-lang) var(--ease-uit); }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--focus, var(--inkt)); outline-offset: 3px; border-radius: 4px; }
.voet, .bestellen { --focus: var(--creme); }
.doos { --focus: var(--inkt); }
body { -webkit-tap-highlight-color: transparent; }

.skiplink {
  position: fixed; left: 16px; top: 12px; z-index: 120;
  padding: 10px 16px 8px; border-radius: 999px; background: var(--inkt); color: var(--creme);
  font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .14em; text-transform: uppercase; text-decoration: none;
  transform: translateY(-160%);
}
.skiplink:focus { transform: none; }
h1[tabindex="-1"]:focus { outline: none; }
section[id], article[id], form[id] { scroll-margin-top: 64px; }

.visueel-verborgen { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.label {
  font-family: var(--f-label);
  font-size: var(--t-xs);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--text-zacht);
  margin-bottom: 1.4em;
}

.logo {
  display: inline-block;
  width: 150px;
  aspect-ratio: 1509 / 293;
  background: currentColor;
  /* inline, zodat het logo ook zonder server zichtbaar is */
  -webkit-mask: var(--logo) center / contain no-repeat;
  mask: var(--logo) center / contain no-repeat;
}
.logo--groot { width: min(260px, 70vw); }

.knop {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  min-height: 48px; padding: .85em 1.6em .7em;
  border-radius: 999px; border: 1.5px solid var(--inkt);
  font-family: var(--f-label); font-size: var(--t-s); font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; text-decoration: none; text-align: center;
  cursor: pointer;
  transition: background-color var(--dur-kort) ease, color var(--dur-kort) ease, border-color var(--dur-kort) ease, transform var(--dur-kort) var(--ease-uit);
}
.knop:active { transform: scale(.97); }
.knop--vol { background: var(--inkt); color: var(--creme); }
.knop--vol:hover { background: var(--smaak-diep); border-color: var(--smaak-diep); }
.knop--lijn { background: transparent; color: var(--inkt); }
.knop--lijn:hover { background: var(--inkt); color: var(--creme); }
.knop--klein { min-height: 40px; padding: .6em 1.2em .45em; font-size: var(--t-xs); }
.knop--breed { width: 100%; }
.knop.is-uit { opacity: .4; }

/* ==========================================================================
   3. Leeftijdscheck
   ========================================================================== */

.poort {
  position: fixed; inset: 0; z-index: 100;
  display: grid; place-items: center; padding: var(--gutter);
  background: rgba(34, 29, 24, .55);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.poort[hidden] { display: none; }
.poort-kaart {
  width: min(460px, 100%); padding: clamp(28px, 6vw, 48px);
  background: var(--creme); border-radius: 28px; text-align: center;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,.45);
}
.poort-kaart .logo { margin-bottom: 28px; }
.poort-kaart h2 { font-size: var(--t-xl); margin-bottom: .4em; }
.poort-kaart p { color: var(--text-zacht); }
.poort-knoppen { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 24px; }
.poort-nee { margin-top: 20px; font-style: italic; }

/* ==========================================================================
   4. Kop
   ========================================================================== */

.kop {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  display: flex; align-items: center; gap: 24px;
  padding: 18px var(--rand);
  transition: background-color var(--dur-mid) ease, box-shadow var(--dur-mid) ease, padding var(--dur-mid) var(--ease-uit);
}
.kop.is-gescrold {
  padding-top: 10px; padding-bottom: 10px;
  background: color-mix(in srgb, var(--smaak-was) 82%, transparent);
  -webkit-backdrop-filter: blur(12px) saturate(1.2); backdrop-filter: blur(12px) saturate(1.2);
  box-shadow: 0 1px 0 var(--lijn);
}
.kop-logo { display: flex; color: var(--inkt); }
.kop-logo .logo { width: clamp(118px, 12vw, 160px); }
.kop-nav { display: flex; gap: clamp(16px, 2.4vw, 36px); margin-left: auto; }
.kop-menu { display: none; }
.kop-nav a {
  font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .18em; text-transform: uppercase;
  text-decoration: none; padding: 10px 0 8px; position: relative;
}
.kop-nav a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 1.5px;
  background: currentColor; transform: scaleX(0); transform-origin: left;
  transition: transform var(--dur-mid) var(--ease-uit);
}
.kop-nav a:hover::after { transform: scaleX(1); }

/* ==========================================================================
   5. Podium met 3D-fles (hero + smaken)
   ========================================================================== */

.podium-wrap { position: relative; }
.podium-laag { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.podium {
  position: sticky; top: 0;
  height: 100vh; height: 100svh;
  overflow: hidden;
}
.podium-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity var(--dur-lang) var(--ease-uit); }
.podium-canvas.is-klaar { opacity: 1; }
.podium-gloed {
  position: absolute; width: 70vmin; aspect-ratio: 1; border-radius: 50%;
  left: var(--fles-x, 70%); top: var(--fles-y, 52%); transform: translate(-50%, -50%);
  background: radial-gradient(circle, var(--smaak) 0%, transparent 68%);
  opacity: .55; filter: blur(10px);
  transition: background var(--dur-lang) var(--ease-uit);
}
.podium-woord {
  position: absolute; left: var(--fles-x, 70%); top: 50%;
  transform: translate(-50%, -50%);
  display: flex; flex-direction: column; align-items: center;
  font-family: var(--f-label); font-weight: 300; line-height: .82;
  font-size: clamp(5rem, 15vw, 15rem); letter-spacing: .02em;
  color: transparent; -webkit-text-stroke: 1.5px var(--smaak-diep);
  opacity: .2; white-space: nowrap; user-select: none;
  transition: -webkit-text-stroke-color var(--dur-lang) var(--ease-uit);
}
/* Productfoto alleen als de 3D-fles niet kan laden (geen WebGL, laadfout, file://) */
.podium-foto {
  opacity: 0; visibility: hidden;
  position: absolute; left: var(--fles-x, 72%); top: 47%; transform: translate(-50%, -50%);
  height: 66%; width: auto; max-width: 46vw; object-fit: cover;
  border-radius: var(--boog); box-shadow: 0 30px 60px -30px rgba(0,0,0,.35);
  transition: opacity var(--dur-lang) var(--ease-uit);
}
.geen-3d .podium-foto { opacity: 1; visibility: visible; transition: opacity var(--dur-lang) var(--ease-uit), visibility 0s; }
.met-3d .podium-foto { transition: opacity var(--dur-lang) var(--ease-uit), visibility 0s linear var(--dur-lang); }
.geen-3d .podium-canvas { display: none; }

.held, .smaak, .band { position: relative; z-index: 1; }
/* hero en smaken laten klikken door naar de kiezer in het podium */
.held, .smaak { pointer-events: none; }
.held-tekst, .smaak-kaart { pointer-events: auto; }

.held {
  min-height: 100vh; min-height: 100svh;
  display: grid; align-content: center;
  padding: 104px var(--rand) 112px;
}
.held-tekst { max-width: 40rem; }
.held h1 { font-size: var(--t-xxl); font-weight: 350; margin-bottom: .35em; }
.held-intro { font-size: var(--t-l); max-width: 30rem; color: var(--text-zacht); line-height: 1.5; }
.held-knoppen { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }

.kiezer {
  /* staat in de hero (tabvolgorde), maar vast onder de fles; vervaagt bij het scrollen naar de smaken */
  position: fixed; bottom: 40px; transform: translate(-50%, calc((1 - var(--kiezer-zicht, 1)) * 16px));
  left: var(--fles-x, 70%); z-index: 3;
  pointer-events: auto; opacity: var(--kiezer-zicht, 1);
  transition: opacity var(--dur-kort) linear;
  display: flex; gap: 6px; padding: 6px;
  background: color-mix(in srgb, var(--surface) 70%, transparent);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-radius: 999px; border: 1px solid var(--lijn);
}
.kiezer-knop {
  display: flex; align-items: center; gap: 8px; min-height: 44px;
  padding: .5em 1.1em .35em; border: 0; border-radius: 999px; background: transparent;
  font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .14em; text-transform: uppercase;
  color: var(--inkt); cursor: pointer;
  transition: background-color var(--dur-mid) var(--ease-uit), color var(--dur-mid) var(--ease-uit);
}
.kiezer-knop i { width: 12px; height: 12px; border-radius: 50%; margin-top: -3px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.kiezer-knop[data-kies="limoncello"] i { background: var(--limoncello); }
.kiezer-knop[data-kies="orancello"] i { background: var(--orancello); }
.kiezer-knop[data-kies="framboos"] i { background: var(--framboos); }
.kiezer-knop[aria-pressed="true"] { background: var(--inkt); color: var(--creme); }


/* Band */
.band { background: var(--inkt); color: var(--creme); overflow: hidden; padding: 18px 0 14px; }
.band-rij { display: flex; width: max-content; animation: band 48s linear infinite; }
.band-rij span {
  font-family: var(--f-label); font-size: var(--t-s); letter-spacing: .2em; text-transform: uppercase;
  padding: 0 28px; white-space: nowrap; display: flex; align-items: center; gap: 56px;
}
.band-rij span::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--smaak); margin: -3px 0 0 28px; transition: background var(--dur-lang); }
@keyframes band { to { transform: translateX(-50%); } }

/* Smaken */
.smaken { position: relative; z-index: 1; }
.smaak {
  min-height: 100vh; min-height: 100svh;
  display: flex; align-items: center;
  padding: 120px var(--rand);
}
.smaak-kaart {
  max-width: 30rem; padding: clamp(24px, 3vw, 40px);
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.6); border-radius: 28px;
  box-shadow: 0 30px 60px -40px rgba(60, 40, 10, .35);
}
.smaak-nr { font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .2em; color: var(--text-zacht); }
.smaak-nr span { opacity: .5; }
.smaak h3 { font-size: var(--t-xl); font-weight: 400; hyphens: manual; }
.smaak-sub { font-style: italic; font-size: var(--t-l); color: var(--smaak-diep); margin: .3em 0 1em; transition: color var(--dur-lang); }
.noten { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 24px; }
.noten li {
  font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .14em; text-transform: uppercase;
  padding: .55em 1em .4em; border: 1px solid var(--lijn); border-radius: 999px;
}
.smaak-voet { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--lijn); }
.prijs { font-size: 1.6rem; margin: 0; }
.prijs small { display: block; font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .14em; color: var(--text-zacht); }

/* ==========================================================================
   6. Tip
   ========================================================================== */

.tip { position: relative; z-index: 1; padding: var(--sectie) var(--gutter); text-align: center; background: var(--creme); }
.tip-tekst { font-size: var(--t-xl); line-height: 1.15; max-width: 22ch; margin: 0 auto; }
.tip-tekst em { color: var(--smaak-diep); }

/* ==========================================================================
   7. Proces
   ========================================================================== */

.proces { background: var(--creme); padding: 0 var(--gutter) var(--sectie); }
.proces-kop { max-width: 1240px; margin: 0 auto 64px; }
.proces-kop h2, .spritz-kop h2, .verhaal-tekst h2, .bestellen-tekst h2, .vragen h2 { font-size: var(--t-xl); }
.proces-raster {
  max-width: 1240px; margin: 0 auto;
  display: grid; grid-template-columns: 1.05fr 1fr .55fr; gap: clamp(24px, 4vw, 64px); align-items: start;
}
.proces-foto { margin: 0; overflow: hidden; }
.proces-foto img { width: 100%; height: 100%; object-fit: cover; }
.proces-foto--groot { border-radius: var(--boog); aspect-ratio: 3 / 4; position: sticky; top: 100px; }
.proces-foto--klein { border-radius: var(--boog); aspect-ratio: 2 / 3; margin-top: 40%; }
.stappen { list-style: none; padding: 0; margin: 0; }
.stappen li { display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 28px 0; border-top: 1px solid var(--lijn); }
.stappen li:last-child { border-bottom: 1px solid var(--lijn); }
.stap-nr {
  width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
  font-family: var(--f-label); font-size: var(--t-s); padding-top: 3px;
  border: 1.5px solid var(--inkt);
}
.stappen h3 { font-size: var(--t-l); margin: 8px 0 8px; }
.stappen p { color: var(--text-zacht); margin: 0; }

/* ==========================================================================
   8. Spritz
   ========================================================================== */

.spritz { padding: var(--sectie) var(--gutter); max-width: 1240px; margin: 0 auto; }
.spritz-kop { max-width: 36rem; margin-bottom: 48px; }
.spritz-kop p:last-child { color: var(--text-zacht); font-size: var(--t-l); margin-top: .8em; }
.recept {
  --likeur: var(--smaak);
  display: grid; grid-template-columns: 220px 1fr; gap: clamp(24px, 5vw, 72px); align-items: center;
  padding: clamp(24px, 4vw, 48px); margin-bottom: 48px;
  background: var(--surface); border-radius: 28px;
}
.spritz[data-glas="limoncello"] .recept { --likeur: var(--limoncello); }
.spritz[data-glas="orancello"] .recept { --likeur: var(--orancello); }
.spritz[data-glas="framboos"] .recept { --likeur: var(--framboos); }
.glas-svg { width: 100%; max-width: 220px; overflow: visible; }
.laag { transition: fill var(--dur-mid) var(--ease-uit); }
.laag--likeur { fill: var(--likeur); }
.laag--cava { fill: color-mix(in srgb, var(--likeur) 45%, #fff3c9); }
.laag--bruis { fill: color-mix(in srgb, var(--likeur) 18%, #fff); }
.glas-lijn { fill: none; stroke: var(--inkt); stroke-width: 2.5; stroke-linecap: round; }
.recept-stappen { margin: 0; padding: 0; list-style: none; counter-reset: r; }
.recept-stappen li { counter-increment: r; padding: 14px 0; border-bottom: 1px solid var(--lijn); font-size: var(--t-l); }
.recept-stappen li::before { content: counter(r); display: inline-block; min-width: 1.6em; font-family: var(--f-label); font-size: var(--t-xs); color: var(--text-zacht); }
.recept-stappen strong { font-weight: 600; }
.recept-stappen span { color: var(--text-zacht); font-size: var(--t-m); }
.spritz-kaarten { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2.5vw, 32px); }
.spritz-kaart { margin: 0; cursor: default; }
.spritz-kaart img {
  width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--boog);
  transition: transform var(--dur-mid) var(--ease-uit);
}
.spritz-kaart:hover img { transform: translateY(-6px); }
.spritz-kaart figcaption { padding-top: 16px; }
.spritz-kaart strong { display: block; font-weight: 400; font-size: var(--t-l); }
.spritz-kaart span { color: var(--text-zacht); font-size: var(--t-s); }

/* ==========================================================================
   9. Verhaal
   ========================================================================== */

.verhaal {
  background: var(--creme); padding: var(--sectie) var(--gutter);
  display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(32px, 6vw, 96px); align-items: center;
}
.verhaal > * { max-width: 640px; }
.verhaal-foto { margin: 0 0 0 auto; width: 100%; }
.verhaal-foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; border-radius: var(--boog); }
.verhaal-tekst h2 { margin-bottom: .6em; }
.verhaal-tekst > p:not(.label) { font-size: var(--t-l); line-height: 1.55; color: var(--text-zacht); }
.personen { display: grid; gap: 24px; margin-top: 40px; }
.persoon { display: grid; grid-template-columns: 88px 1fr; gap: 20px; align-items: start; }
.persoon img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
.persoon h3 { font-size: var(--t-l); }
.rol { font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .14em; text-transform: uppercase; color: var(--text-zacht); margin: 6px 0 10px; }
.persoon blockquote { margin: 0; font-style: italic; }

/* ==========================================================================
   10. Bestellen
   ========================================================================== */

.bestellen {
  --text-zacht: rgba(251, 245, 233, .72); --lijn: rgba(251, 245, 233, .18);
  background: var(--inkt); color: var(--creme);
  padding: var(--sectie) var(--gutter);
  display: grid; grid-template-columns: 1fr minmax(0, 520px); gap: clamp(32px, 6vw, 96px); align-items: start;
}
.bestellen h2 em { color: var(--smaak); }
body[data-smaak="framboos"] .bestellen h2 em { color: #f08aa5; }
.bestellen-tekst { max-width: 34rem; justify-self: end; }
.bestellen-tekst > p:not(.label) { font-size: var(--t-l); color: var(--text-zacht); margin-top: .8em; }
.verzend { list-style: none; padding: 0; margin: 32px 0; }
.verzend li { padding: 14px 0; border-top: 1px solid var(--lijn); }
.verzend li:last-child { border-bottom: 1px solid var(--lijn); }
.cadeau { font-style: italic; color: var(--text-zacht); }

.doos {
  --text-zacht: var(--inkt-zacht); --lijn: rgba(34, 29, 24, .14);
  background: var(--creme); color: var(--inkt);
  border-radius: 28px; padding: clamp(20px, 4vw, 40px);
}
.doos fieldset { border: 0; margin: 0 0 24px; padding: 0; min-width: 0; }
.doos legend { font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .18em; text-transform: uppercase; margin-bottom: 12px; padding: 0; }
.doos legend span { color: var(--text-zacht); }
.teller { display: grid; grid-template-columns: 14px 1fr 44px 56px 44px; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--lijn); }
.teller.is-geflitst { animation: flits 900ms var(--ease-uit); }
@keyframes flits { 0% { background: var(--smaak-was); } 100% { background: transparent; } }
.teller-stip { width: 14px; height: 14px; border-radius: 50%; }
.teller[data-smaak="limoncello"] .teller-stip { background: var(--limoncello); box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.teller[data-smaak="orancello"] .teller-stip { background: var(--orancello); }
.teller[data-smaak="framboos"] .teller-stip { background: var(--framboos); }
.teller label { font-size: var(--t-l); min-width: 0; overflow-wrap: anywhere; line-height: 1.25; }
.teller-knop {
  width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--inkt); background: transparent;
  font-size: 1.3rem; line-height: 1; cursor: pointer; color: var(--inkt);
  transition: background-color var(--dur-kort), color var(--dur-kort), transform var(--dur-kort) var(--ease-uit);
}
.teller-knop:hover { background: var(--inkt); color: var(--creme); }
.teller-knop:active { transform: scale(.92); }
.teller input {
  width: 56px; height: 44px; text-align: center; border: 0; background: transparent;
  font-family: var(--f-display); font-size: var(--t-l); color: var(--inkt); -moz-appearance: textfield;
}
.teller input::-webkit-outer-spin-button, .teller input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.doos-regio { display: flex; gap: 10px; flex-wrap: wrap; }
.doos-regio legend { width: 100%; }
.keuze { flex: 1 1 180px; position: relative; cursor: pointer; }
.keuze input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.keuze span {
  display: flex; align-items: center; justify-content: center; min-height: 48px; padding: .6em 1em .45em;
  border: 1.5px solid var(--lijn); border-radius: 14px; font-size: var(--t-m);
  transition: border-color var(--dur-kort), background-color var(--dur-kort);
}
.keuze input:checked + span { border-color: var(--inkt); background: var(--smaak-was); }
.keuze input:focus-visible + span { outline: 2px solid var(--inkt); outline-offset: 2px; }
.doos-voortgang { height: 6px; border-radius: 6px; background: var(--creme-diep); overflow: hidden; }
.doos-voortgang span { display: block; height: 100%; width: 0; background: var(--smaak-diep); border-radius: inherit; transition: width var(--dur-mid) var(--ease-uit), background-color var(--dur-lang); }
.doos-hint { font-size: var(--t-s); color: var(--text-zacht); margin: 10px 0 20px; }
.doos-som { margin: 0 0 24px; }
.doos-som div { display: flex; justify-content: space-between; padding: 6px 0; }
.doos-som dt { color: var(--text-zacht); }
.doos-som dd { margin: 0; font-variant-numeric: tabular-nums; }
.doos-totaal { border-top: 1px solid var(--inkt); margin-top: 6px; padding-top: 12px !important; font-size: var(--t-l); }
.doos-totaal dt { color: var(--inkt) !important; }
.doos-acties { display: grid; gap: 10px; }
.doos-fout, .doos-max { color: #a3122f; font-size: var(--t-s); margin: 12px 0 0; }
.doos-klein { font-size: var(--t-xs); color: var(--text-zacht); margin: 16px 0 0; line-height: 1.5; }

/* ==========================================================================
   11. Vragen
   ========================================================================== */

.vragen { background: var(--creme); padding: var(--sectie) var(--gutter); }
.vragen h2 { max-width: 880px; margin: 0 auto 40px; }
.vragen-lijst { max-width: 880px; margin: 0 auto; border-top: 1px solid var(--lijn); }
.vragen details { border-bottom: 1px solid var(--lijn); }
.vragen summary {
  list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px;
  padding: 24px 0; font-size: var(--t-l);
}
.vragen summary::-webkit-details-marker { display: none; }
.vragen summary::after {
  content: "+"; font-family: var(--f-label); font-size: 1.6rem; line-height: 1; flex: none;
  transition: transform var(--dur-mid) var(--ease-uit);
}
.vragen details[open] summary::after { transform: rotate(45deg); }
.vragen details p { color: var(--text-zacht); max-width: 60ch; padding-bottom: 24px; margin: 0; }

/* ==========================================================================
   12. Voet
   ========================================================================== */

.voet {
  --text-zacht: rgba(251, 245, 233, .66); --lijn: rgba(251, 245, 233, .16);
  background: var(--inkt); color: var(--creme); padding: var(--sectie) var(--gutter) 32px;
}
.voet-boven { display: flex; justify-content: space-between; align-items: end; gap: 32px; flex-wrap: wrap; padding-bottom: 48px; border-bottom: 1px solid var(--lijn); }
.voet-boven .logo { width: min(420px, 80vw); }
.voet-slogan { font-style: italic; font-size: var(--t-l); max-width: 24ch; margin: 0; color: var(--text-zacht); }
.voet-kolommen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; padding: 48px 0; }
.voet-kolommen h2 { font-family: var(--f-label); font-size: var(--t-xs); letter-spacing: .2em; text-transform: uppercase; color: var(--text-zacht); margin-bottom: 16px; }
.voet-kolommen a { display: block; text-decoration: none; padding: 6px 0; overflow-wrap: anywhere; }
.voet-kolommen a:hover { color: var(--smaak); }
.voet-onder { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: var(--t-s); color: var(--text-zacht); border-top: 1px solid var(--lijn); padding-top: 24px; }
.voet-onder p { margin: 0; }
.voet-onder strong { color: var(--creme); font-weight: 600; }
.concept-tag { border: 1px dashed var(--lijn); padding: 2px 10px; border-radius: 999px; }

/* ==========================================================================
   13. Onthulling (alleen met JS en zonder reduced motion)
   ========================================================================== */

.beweging .onthul { opacity: 0; transform: translateY(28px); transition: opacity var(--dur-lang) var(--ease-uit), transform var(--dur-lang) var(--ease-uit); transition-delay: var(--vertraging, 0ms); }
.beweging .onthul.is-zichtbaar { opacity: 1; transform: none; }

/* ==========================================================================
   14. Smal scherm
   ========================================================================== */

@media (max-width: 960px) {
  .proces-raster { grid-template-columns: 1fr 1fr; }
  .proces-foto--groot { position: relative; top: 0; grid-row: span 2; }
  .proces-foto--klein { display: none; }
  .verhaal, .bestellen { grid-template-columns: minmax(0, 1fr); }
  .bestellen-tekst { justify-self: start; }
  .verhaal-foto { margin: 0; }
}

/* Staand scherm: fles onder (hero) of boven (smaken) de tekst */
@media (max-width: 760px) and (orientation: portrait), (max-width: 1100px) and (max-aspect-ratio: 9/10) {
  .podium-woord { font-size: 34vw; top: var(--fles-y, 66%); }
  .podium-gloed { width: 110vw; }
  /* terugvalfoto schuift mee omhoog, net als de 3D-fles: onder de tekst in de hero, boven de kaart bij de smaken */
  .podium-foto { left: 50%; top: calc(29% + var(--kiezer-zicht, 1) * 41%); height: 34%; max-width: 70vw; }

  .held { align-content: start; padding-top: 92px; padding-bottom: 50svh; }
  .held .label { display: none; }
  .held h1 { font-size: clamp(2.3rem, 10vw, 3.4rem); }
  .held-intro { font-size: var(--t-s); line-height: 1.55; }
  .held-knoppen { margin-top: 20px; }
  .held-knoppen .knop { flex: 1 1 auto; }
  .held-knoppen .knop--lijn { display: none; }
  .kiezer { left: 50%; bottom: 16px; width: calc(100% - 2 * var(--gutter)); max-width: 480px; gap: 2px; padding: 4px; }
  .kiezer-knop { flex: 1 1 0; min-width: 0; justify-content: center; gap: 6px; padding: .5em .3em .35em; font-size: .68rem; letter-spacing: .06em; }
  .kiezer-knop i { width: 9px; height: 9px; flex: none; }

  .smaak { align-items: flex-end; padding-top: 52svh; padding-bottom: 32px; }
  .smaak:first-of-type { padding-top: 40svh; }
  .smaak-kaart { background: color-mix(in srgb, var(--surface) 90%, transparent); }
  .smaak-voet .knop { width: 100%; }

}

@media (max-width: 760px) {
  .kop { gap: 10px; }
  .kop-logo { margin-right: auto; }
  .kop-menu {
    display: inline-flex; align-items: center; min-height: 40px; padding: .55em 1em .4em;
    border: 1.5px solid var(--inkt); border-radius: 999px; background: transparent; color: var(--inkt);
    font-family: var(--f-label); font-size: var(--t-xs); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;
  }
  .kop-nav {
    display: none; position: absolute; top: calc(100% + 8px); left: var(--gutter); right: var(--gutter);
    flex-direction: column; gap: 0; padding: 8px 20px;
    background: var(--surface); border-radius: 20px; box-shadow: 0 24px 48px -24px rgba(0,0,0,.35);
  }
  .kop-nav.is-open { display: flex; }
  .kop-nav a { padding: 14px 0 12px; border-bottom: 1px solid var(--lijn); font-size: var(--t-s); }
  .kop-nav a:last-child { border-bottom: 0; }
  .kop-nav a::after { display: none; }

  .proces-raster { grid-template-columns: 1fr; }
  .proces-foto--groot { aspect-ratio: 4 / 5; grid-row: auto; }
  .recept { grid-template-columns: 1fr; justify-items: center; }
  .recept-glas { width: 150px; }
  .recept-stappen { width: 100%; }
  .recept-stappen li { font-size: var(--t-m); }
  .spritz-kaarten { grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
  .spritz-kaart strong { font-size: var(--t-s); line-height: 1.3; }
  .spritz-kaart span { display: none; }
  .voet-kolommen { grid-template-columns: 1fr 1fr; }
  .teller { grid-template-columns: 12px 1fr 44px 44px 44px; gap: 6px; }
  .teller label { font-size: var(--t-m); }
  .teller input { width: 44px; }
}

@media (max-width: 360px) {
  .kop { gap: 6px; }
  .kop-logo .logo { width: 96px; }
  .kop-menu, .kop .knop--klein { padding-left: .8em; padding-right: .8em; letter-spacing: .08em; }
  .kiezer-knop { font-size: .62rem; letter-spacing: .03em; gap: 4px; }
  .held-knoppen .knop { letter-spacing: .08em; padding-left: 1em; padding-right: 1em; }
  .teller { grid-template-columns: 10px minmax(0, 1fr) 40px 36px 40px; gap: 4px; }
  .teller-knop { width: 40px; height: 40px; }
  .teller input { width: 36px; }
  .teller label { font-size: var(--t-s); }
}

/* Liggende telefoon: tekst links, fles rechts; kiezer klein onder de fles, nooit over de knoppen */
@media (max-height: 520px) and (orientation: landscape) {
  .kop { padding-top: 8px; padding-bottom: 8px; }
  .held { padding-top: 76px; padding-bottom: 40px; }
  .held-tekst { max-width: 52%; }
  .held .label { display: none; }
  .held h1 { font-size: clamp(1.9rem, 7.5vh, 2.6rem); }
  .held-intro { font-size: var(--t-s); line-height: 1.45; }
  .held-knoppen { margin-top: 14px; }
  .kiezer { left: var(--fles-x, 76%); bottom: 8px; gap: 2px; padding: 3px; }
  .kiezer-knop { min-height: 36px; padding: .4em .7em .3em; font-size: .62rem; letter-spacing: .06em; }
  .smaak { padding-top: 80px; padding-bottom: 40px; }
  .smaak-kaart { max-width: 52%; padding: 20px; }
  .podium-woord { font-size: 26vh; }
}

/* ==========================================================================
   15. Minder beweging
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: 150ms !important; transition-property: color, background-color, border-color, opacity, fill !important; }
  .band-rij { flex-wrap: wrap; width: auto; justify-content: center; row-gap: 8px; }
  .band-rij span:nth-child(n+7) { display: none; }
}
