/* Restaurant Smaakmakers (restaurant a): donker aardewerk, linnen en duindoorn. Imbue + Commissioner. */
@font-face { font-family: "SM Imbue"; font-weight: 100 900; font-display: swap; src: url("../../fonts/Imbue-Variable.woff2") format("woff2"); }
@font-face { font-family: "SM Commissioner"; font-weight: 100 900; font-display: swap; src: url("../../fonts/Commissioner-Variable.woff2") format("woff2"); }

body.s-restaurant-a {
  --ink: #1b1c18; --ink2: #262721; --linnen: #f1ede4; --klei: #e5ded1; --tekst: #23241f; --grijs: #5b5a51;
  --zacht: #bcb6a8; --duin: #de7f33; --duin-d: #96470f; --mos: #6d7a4b; --lijn: rgba(35, 36, 31, .18);
  --fg: var(--tekst); --fg-zacht: var(--grijs); --acc: var(--duin-d); --lijn-c: var(--lijn);
  --a: #4a4a3c; --a2: #de7f33; --bg2: #2a2a23;
  --disp: "SM Imbue", "Cormorant Garamond", Georgia, serif;
  --sans: "SM Commissioner", "DM Sans", system-ui, sans-serif;
  margin: 0; background: var(--linnen); color: var(--tekst);
  font: 360 17px/1.65 var(--sans); -webkit-font-smoothing: antialiased;
}
body.s-restaurant-a *, body.s-restaurant-a *::before, body.s-restaurant-a *::after { box-sizing: border-box; }
body.s-restaurant-a a { color: inherit; }
body.s-restaurant-a img { display: block; max-width: 100%; }
body.s-restaurant-a h1, body.s-restaurant-a h2, body.s-restaurant-a h3 { margin: 0; font-weight: inherit; }
body.s-restaurant-a p { margin: 0 0 1em; }
body.s-restaurant-a :focus-visible { outline: 2px solid var(--duin); outline-offset: 3px; }

/* ── Kop: transparant over de foto ─────────────────────────────── */
body.s-restaurant-a .kop { position: absolute; left: 0; right: 0; z-index: 70; color: var(--linnen); }
body.s-restaurant-a .kop.vast { position: relative; background: var(--ink); }
body.s-restaurant-a .kop-in { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 26px clamp(20px, 4vw, 56px); }
body.s-restaurant-a .logo { display: flex; flex-direction: column; text-decoration: none; line-height: 1; flex-shrink: 0; }
body.s-restaurant-a .logo-woord { font: 420 34px/1 var(--disp); letter-spacing: .01em; }
body.s-restaurant-a .logo-sub { font: 500 10px/1 var(--sans); letter-spacing: .3em; text-transform: uppercase; margin-top: 7px; color: var(--zacht); }
body.s-restaurant-a .logo-woord::after { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--duin); margin-left: 4px; vertical-align: 2px; }
body.s-restaurant-a .nav { display: flex; align-items: center; gap: 26px; }
body.s-restaurant-a .nav ul { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .nav ul a { font: 500 12.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; text-decoration: none; padding: 8px 0; border-bottom: 1px solid transparent; }
body.s-restaurant-a .nav ul a:hover { border-color: rgba(241, 237, 228, .5); }
body.s-restaurant-a .nav ul a.actief { border-color: var(--duin); }
body.s-restaurant-a .ods { font: 400 13px/1 var(--sans); text-decoration: none; padding: 8px 13px; border: 1px solid rgba(241, 237, 228, .45); border-radius: 999px; white-space: nowrap; }
body.s-restaurant-a .ods:hover, body.s-restaurant-a .ods[aria-current] { background: rgba(241, 237, 228, .14); }
body.s-restaurant-a .kop-cta { font: 600 12.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; text-decoration: none; background: var(--linnen); color: var(--ink) !important; padding: 14px 20px; white-space: nowrap; }
body.s-restaurant-a .kop-cta:hover { background: var(--duin); }
body.s-restaurant-a .nav-onder { display: none; }
body.s-restaurant-a .mm-vink { position: absolute; opacity: 0; pointer-events: none; }
body.s-restaurant-a .mm-knop { display: none; }

@media (max-width: 1180px) {
  body.s-restaurant-a .nav ul { gap: 16px; }
  body.s-restaurant-a .nav ul a { letter-spacing: .1em; }
  body.s-restaurant-a .nav { gap: 16px; }
}
@media (max-width: 1060px) {
  body.s-restaurant-a .mm-knop { display: flex; align-items: center; gap: 10px; cursor: pointer; font: 600 12px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase;
    padding: 12px 16px; border: 1px solid rgba(241, 237, 228, .5); color: var(--linnen); z-index: 120; }
  body.s-restaurant-a .mm-streep { width: 18px; height: 7px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
  body.s-restaurant-a .mm-tekst::before { content: "Menu"; }
  body.s-restaurant-a .mm-vink:checked ~ .mm-knop { position: fixed; top: 18px; right: 20px; background: var(--ink); }
  body.s-restaurant-a .mm-vink:checked ~ .mm-knop .mm-tekst::before { content: "Sluiten"; }
  body.s-restaurant-a .mm-vink:checked ~ .mm-knop .mm-streep { height: 1px; border-bottom: 0; }
  body.s-restaurant-a .mm-vink:focus-visible ~ .mm-knop { outline: 2px solid var(--duin); outline-offset: 3px; }
  body.s-restaurant-a .nav { display: none; }
  body.s-restaurant-a .mm-vink:checked ~ .nav { display: flex; position: fixed; inset: 0; z-index: 110; background: var(--ink); flex-direction: column; align-items: flex-start;
    justify-content: flex-start; gap: 22px; padding: 96px 28px 40px; overflow-y: auto; }
  body.s-restaurant-a .mm-vink:checked ~ .nav ul { flex-direction: column; gap: 0; width: 100%; }
  body.s-restaurant-a .mm-vink:checked ~ .nav ul a { display: block; font: 330 42px/1.1 var(--disp); letter-spacing: 0; text-transform: none; padding: 8px 0; border-bottom: 1px solid rgba(241, 237, 228, .12); }
  body.s-restaurant-a .mm-vink:checked ~ .nav ul a.actief { color: var(--duin); }
  body.s-restaurant-a .nav-onder { display: block; color: var(--zacht); font-size: 15px; margin: 0; }
}

/* ── Opening: foto over het hele scherm, tekst linksonder ─────── */
body.s-restaurant-a .hero { position: relative; min-height: calc(78svh); display: flex; align-items: flex-end; color: var(--linnen); background: var(--ink); overflow: hidden; }
body.s-restaurant-a .thuis-hero { min-height: calc(100svh - 34px); min-height: max(640px, calc(100svh - 34px)); }
body.s-restaurant-a .hero-foto { position: absolute; inset: 0; }
body.s-restaurant-a .hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; min-height: 100%; }
body.s-restaurant-a .pos-boven .hero-img { object-position: 50% 25%; }
body.s-restaurant-a .pos-onder .hero-img { object-position: 50% 75%; }
body.s-restaurant-a .hero .ph-cap { top: 110px; right: 20px; left: auto; bottom: auto; max-width: 300px; }
body.s-restaurant-a .hero-schaduw { position: absolute; inset: 0; background: linear-gradient(to top, rgba(18, 18, 15, .9) 0%, rgba(18, 18, 15, .45) 42%, rgba(18, 18, 15, .15) 68%, rgba(18, 18, 15, .6) 100%); }
body.s-restaurant-a .hero-tekst { position: relative; z-index: 2; width: 100%; max-width: 1060px; padding: 150px clamp(20px, 5vw, 72px) clamp(44px, 8vh, 88px); }
body.s-restaurant-a .kruimel { font: 500 12px/1.4 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--zacht); margin-bottom: 22px; }
body.s-restaurant-a .kruimel a { text-decoration: none; border-bottom: 1px solid rgba(241, 237, 228, .35); }
body.s-restaurant-a .hero h1 { font: 330 clamp(52px, 7.6vw, 124px)/.94 var(--disp); letter-spacing: -.005em; max-width: 14ch; }
body.s-restaurant-a .thuis-hero h1 span { display: block; font-weight: 200; color: #f0b27a; }
body.s-restaurant-a .hero-lead { font-size: clamp(17px, 1.5vw, 20px); max-width: 52ch; margin: 26px 0 0; color: #e2ddd2; }
body.s-restaurant-a .hero .acts { margin-top: 34px; }
body.s-restaurant-a .hero-nu { position: absolute; z-index: 2; right: clamp(20px, 5vw, 72px); bottom: clamp(44px, 8vh, 88px); width: 280px; padding: 22px 24px;
  border: 1px solid rgba(241, 237, 228, .35); background: rgba(27, 28, 24, .55); backdrop-filter: blur(6px); }
body.s-restaurant-a .nu-kop { font: 600 11px/1 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--duin); margin-bottom: 12px; }
body.s-restaurant-a .nu-kop::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--duin); margin-right: 8px; vertical-align: 1px; box-shadow: 0 0 0 4px rgba(222, 127, 51, .25); }
body.s-restaurant-a .nu-naam { font: 360 34px/1.02 var(--disp); margin-bottom: 8px; }
body.s-restaurant-a .nu-wk { font-size: 13px; color: var(--zacht); margin-bottom: 14px; }
body.s-restaurant-a .hero-nu a { font: 500 12px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--duin); padding-bottom: 4px; }

/* ── Knoppen: tekst met een lijntje en een punt, als een stippellijn op de kaart ── */
body.s-restaurant-a .acts { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; }
body.s-restaurant-a .knop { display: inline-flex; align-items: center; gap: 14px; font: 600 12.5px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase;
  text-decoration: none; padding: 17px 22px; border: 1px solid currentColor; color: var(--tekst); background: transparent; cursor: pointer; transition: background .2s, color .2s; }
body.s-restaurant-a .knop i { position: relative; width: 26px; height: 1px; background: currentColor; transition: width .25s; }
body.s-restaurant-a .knop i::after { content: ""; position: absolute; right: -3px; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--duin); }
body.s-restaurant-a .knop:hover i { width: 40px; }
body.s-restaurant-a .knop:hover { background: var(--tekst); color: var(--linnen); }
body.s-restaurant-a .knop.licht { color: var(--linnen); }
body.s-restaurant-a .knop.licht:hover { background: var(--linnen); color: var(--ink); }
body.s-restaurant-a .knop.vol { background: var(--duin); border-color: var(--duin); color: var(--ink); }
body.s-restaurant-a .knop.vol i::after { background: var(--ink); }
body.s-restaurant-a .knop.vol:hover { background: var(--linnen); border-color: var(--linnen); }
body.s-restaurant-a .link-licht { font: 500 13px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--duin); padding-bottom: 5px; color: var(--linnen); }

/* ── Inhoudsopgave (sprongen binnen de pagina) ────────────────── */
body.s-restaurant-a .toc { background: var(--ink2); color: var(--zacht); padding: 16px clamp(20px, 5vw, 72px); display: flex; flex-wrap: wrap; gap: 8px 26px; align-items: center; font-size: 13px; }
body.s-restaurant-a .toc p { margin: 0; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; font-size: 11px; color: var(--duin); }
body.s-restaurant-a .toc ol { display: flex; flex-wrap: wrap; gap: 6px 22px; list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .toc a { text-decoration: none; }
body.s-restaurant-a .toc a::before { content: "↓ "; color: var(--duin); }
body.s-restaurant-a .toc a:hover { color: var(--linnen); }

/* ── Hoofdstukken ─────────────────────────────────────────────── */
body.s-restaurant-a .hfd { padding: clamp(80px, 10vw, 150px) 0; position: relative; }
body.s-restaurant-a .w { max-width: 1240px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 64px); }
body.s-restaurant-a .linnen { background-color: var(--linnen);
  background-image: repeating-linear-gradient(0deg, rgba(60, 50, 30, .025) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgba(60, 50, 30, .02) 0 1px, transparent 1px 5px); }
body.s-restaurant-a .klei { background: var(--klei); }
body.s-restaurant-a .donker { background: radial-gradient(120% 80% at 80% 0%, #2a2b24 0%, var(--ink) 60%); color: var(--linnen);
  --fg: var(--linnen); --fg-zacht: var(--zacht); --acc: var(--duin); --lijn-c: rgba(241, 237, 228, .16); }
body.s-restaurant-a .hst { margin-bottom: clamp(44px, 6vw, 76px); max-width: 980px; }
body.s-restaurant-a .hst-lijn { display: flex; align-items: flex-end; gap: 20px; border-bottom: 1px solid var(--lijn-c); padding-bottom: 12px; margin-bottom: 30px; }
body.s-restaurant-a .hst-nr { font: 200 clamp(64px, 8vw, 104px)/.78 var(--disp); color: var(--acc); font-variant-numeric: lining-nums; margin-bottom: -13px; background: inherit; }
body.s-restaurant-a .hst-naam { font: 600 11.5px/1.2 var(--sans); letter-spacing: .26em; text-transform: uppercase; color: var(--fg-zacht); padding-bottom: 2px; }
body.s-restaurant-a .hst h2 { font: 340 clamp(40px, 5.2vw, 78px)/1 var(--disp); color: var(--fg); max-width: 18ch; }
body.s-restaurant-a .hst h2 em { font-style: normal; font-weight: 200; color: var(--acc); }
body.s-restaurant-a .hst-tekst { font-size: 18.5px; max-width: 60ch; margin: 24px 0 0; color: var(--fg-zacht); }
body.s-restaurant-a .donker .hst-tekst { color: #d4cfc3; }
body.s-restaurant-a .groot { font: 360 clamp(24px, 2.4vw, 32px)/1.22 var(--disp); color: var(--fg); }
body.s-restaurant-a .groot.licht a { color: var(--duin); }
body.s-restaurant-a .klein { font-size: 14.5px; color: var(--fg-zacht); }
body.s-restaurant-a .donker .klein { color: var(--zacht); }
body.s-restaurant-a h3 { font: 600 12px/1.3 var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--acc); margin-bottom: 14px; }

/* ── De notatie: product · product · product, met de maker eronder ── */
body.s-restaurant-a .notatie { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 0; margin: 0; }
body.s-restaurant-a .ing { display: inline-flex; flex-direction: column; }
body.s-restaurant-a .ing b { font: 360 clamp(30px, 3vw, 42px)/1.05 var(--disp); color: var(--fg); }
body.s-restaurant-a .ing small { font: 500 10.5px/1.3 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--fg-zacht); margin-top: 8px;
  padding-top: 7px; border-top: 1px dashed var(--lijn-c); max-width: 26ch; }
body.s-restaurant-a .ing .km { white-space: nowrap; color: var(--acc); margin-left: .6em; }
body.s-restaurant-a .mp { font: 300 clamp(30px, 3vw, 42px)/1.05 var(--disp); color: var(--duin); font-style: normal; padding: 0 .38em; }

body.s-restaurant-a .gangen { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .gangen li { display: grid; grid-template-columns: 190px 1fr; gap: 24px; padding: 28px 0; border-top: 1px solid var(--lijn-c); }
body.s-restaurant-a .gang { font: 600 11.5px/1.4 var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--fg-zacht); padding-top: 12px; }
body.s-restaurant-a .in4 { display: block; letter-spacing: .08em; text-transform: none; font-weight: 500; color: var(--acc); margin-top: 6px; font-size: 13px; }
body.s-restaurant-a .in4::before { content: "— "; }
body.s-restaurant-a .vega { margin: 16px 0 0; font: 360 21px/1.3 var(--disp); color: var(--fg-zacht); }
body.s-restaurant-a .vega span { font: 600 10.5px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--mos); border: 1px solid currentColor; padding: 4px 8px; margin-right: 10px; vertical-align: 4px; }
body.s-restaurant-a .menu-prijs { display: flex; flex-wrap: wrap; gap: 20px 64px; margin-top: 40px; }
body.s-restaurant-a .menu-prijs p { margin: 0; display: flex; flex-direction: column; }
body.s-restaurant-a .menu-prijs b { font: 300 clamp(44px, 4.6vw, 64px)/1 var(--disp); color: var(--fg); }
body.s-restaurant-a .menu-prijs span { font-size: 14px; color: var(--fg-zacht); margin-top: 6px; }
body.s-restaurant-a .onder-menu { margin: 40px 0 0; font-size: 16px; color: var(--fg-zacht); }
body.s-restaurant-a .onder-menu a { color: var(--fg); text-decoration-color: var(--duin); text-underline-offset: 4px; }

/* ── Kaart met de makers ──────────────────────────────────────── */
body.s-restaurant-a .makers { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
body.s-restaurant-a .makers-kaart { margin: 0; }
body.s-restaurant-a .radius { width: 100%; height: auto; display: block; overflow: visible; }
body.s-restaurant-a .radius .ring { fill: none; stroke: var(--fg); stroke-opacity: .28; stroke-dasharray: 2 6; stroke-linecap: round; }
body.s-restaurant-a .radius .ringlabel { fill: var(--fg); fill-opacity: .6; font: 500 12px var(--sans); letter-spacing: .12em; text-anchor: middle; }
body.s-restaurant-a .makers-kaart figcaption { font-size: 13px; color: var(--fg-zacht); margin-top: 14px; display: flex; align-items: center; gap: 10px; }
body.s-restaurant-a .cap-huis { width: 14px; height: 14px; border-radius: 50%; background: var(--fg); box-shadow: inset 0 0 0 3px var(--fg), inset 0 0 0 4.5px var(--duin); flex-shrink: 0; }
body.s-restaurant-a .radius .water { fill: none; stroke: #7f95a0; stroke-opacity: .45; stroke-width: 10; }
body.s-restaurant-a .radius .dijk { fill: none; stroke: var(--mos); stroke-opacity: .55; stroke-width: 1.5; }
body.s-restaurant-a .radius .huis circle { fill: var(--fg); }
body.s-restaurant-a .radius .huis .bord { fill: none; stroke: var(--duin); stroke-width: 2; }
body.s-restaurant-a .radius .huislabel { fill: var(--fg); font: 400 22px var(--disp); text-anchor: middle; }
body.s-restaurant-a .radius .stip circle { fill: var(--duin); }
body.s-restaurant-a .radius .stip text { fill: var(--ink); font: 700 13px var(--sans); text-anchor: middle; }
body.s-restaurant-a .radius .noord { fill: var(--fg); fill-opacity: .6; font: 600 13px var(--sans); text-anchor: middle; }
body.s-restaurant-a .radius .noordpijl { fill: none; stroke: var(--fg); stroke-opacity: .6; }
body.s-restaurant-a .makers-lijst { list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .makers-lijst li { display: grid; grid-template-columns: 30px 1fr auto; gap: 14px; align-items: baseline; padding: 13px 0; border-top: 1px solid var(--lijn-c); font-size: 14.5px; color: var(--fg-zacht); }
body.s-restaurant-a .makers-lijst li:last-child { border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .makers-lijst .nr { width: 24px; height: 24px; border-radius: 50%; background: var(--duin); color: var(--ink); font: 700 12px/24px var(--sans); text-align: center; align-self: center; }
body.s-restaurant-a .makers-lijst b { display: block; font: 380 22px/1.15 var(--disp); color: var(--fg); }
body.s-restaurant-a .makers-lijst em { font: 300 26px/1 var(--disp); font-style: normal; color: var(--fg); white-space: nowrap; }
body.s-restaurant-a .makers.klein .makers-lijst b { font-size: 20px; }
body.s-restaurant-a .citaat { margin: clamp(56px, 7vw, 96px) 0 0 auto; max-width: 760px; border-left: 2px solid var(--duin); padding-left: 32px; }
body.s-restaurant-a .citaat p { font: 300 clamp(28px, 3vw, 42px)/1.15 var(--disp); margin-bottom: 14px; }
body.s-restaurant-a .citaat span { font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: var(--zacht); }

/* ── Het jaar in acht menu's ──────────────────────────────────── */
body.s-restaurant-a .jaar { margin-bottom: clamp(64px, 8vw, 110px); }
body.s-restaurant-a .jaar-balk { display: flex; list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--lijn-c); border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .vak { flex: var(--w) 1 0; min-width: 0; padding: 18px 12px 20px; border-left: 1px solid var(--lijn-c); position: relative; display: flex; flex-direction: column; gap: 6px; }
body.s-restaurant-a .vak:first-child { border-left: 0; }
body.s-restaurant-a .vak .wk { font: 500 10.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--fg-zacht); }
body.s-restaurant-a .vak b { font: 380 22px/1.08 var(--disp); color: var(--fg); }
body.s-restaurant-a .vak .prod { font-size: 12.5px; line-height: 1.4; color: var(--fg-zacht); }
body.s-restaurant-a .vak.nu { background: var(--ink); color: var(--linnen); --fg: var(--linnen); --fg-zacht: var(--zacht); }
body.s-restaurant-a .nu-label { position: absolute; top: -13px; left: 12px; background: var(--duin); color: var(--ink); font: 700 10px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; padding: 7px 9px; }
body.s-restaurant-a .jaar-as { position: relative; height: 26px; }
body.s-restaurant-a .jaar-as span { position: absolute; top: 0; transform: translateX(-50%); font: 600 11px/1 var(--sans); letter-spacing: .12em; color: var(--acc); padding-top: 12px; white-space: nowrap; }
body.s-restaurant-a .jaar-as span::before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 9px; background: var(--duin); }
body.s-restaurant-a .jaar-maanden { display: flex; justify-content: space-between; margin: 4px 0 0; font: 500 11px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--fg-zacht); }

/* ── Beeld en tekst ───────────────────────────────────────────── */
body.s-restaurant-a .beeld { margin: 0; position: relative; }
body.s-restaurant-a .beeld .img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 5; }
body.s-restaurant-a .beeld.liggend .img { aspect-ratio: 5 / 4; }
body.s-restaurant-a .beeld figcaption { font-size: 13.5px; color: var(--fg-zacht); margin-top: 12px; padding-left: 18px; position: relative; }
body.s-restaurant-a .beeld figcaption::before { content: ""; position: absolute; left: 0; top: .7em; width: 10px; height: 1px; background: var(--duin); }
body.s-restaurant-a .twee { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
body.s-restaurant-a .twee-tekst .groot { margin-bottom: 22px; }
body.s-restaurant-a .twee-tekst p:not(.groot) { color: var(--fg-zacht); max-width: 52ch; margin-bottom: 30px; }
body.s-restaurant-a .huis { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
body.s-restaurant-a .huis-tekst .groot { margin-bottom: 22px; }
body.s-restaurant-a .huis-tekst p:not(.groot) { color: var(--fg-zacht); }
body.s-restaurant-a .feiten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 34px 0 36px; padding: 22px 0; border-top: 1px solid var(--lijn-c); border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .feiten dt { font: 260 clamp(36px, 3.6vw, 52px)/1 var(--disp); color: var(--acc); }
body.s-restaurant-a .feiten dd { margin: 8px 0 0; font-size: 13px; line-height: 1.35; color: var(--fg-zacht); }

/* fotoband met indexrijen */
body.s-restaurant-a .foto-band { background: var(--ink); color: var(--linnen); padding-top: 0;
  --fg: var(--linnen); --fg-zacht: var(--zacht); --acc: var(--duin); --lijn-c: rgba(241, 237, 228, .16); }
body.s-restaurant-a .band-foto { height: clamp(300px, 52vh, 560px); position: relative; margin-bottom: clamp(64px, 8vw, 110px); }
body.s-restaurant-a .band-foto .img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.s-restaurant-a .rijen { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .rijen a { display: grid; grid-template-columns: 50px minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 1fr) 40px; gap: 20px; align-items: baseline;
  padding: 28px 0; border-top: 1px solid var(--lijn-c); text-decoration: none; transition: padding .25s, background .25s; }
body.s-restaurant-a .rijen a:hover { background: rgba(241, 237, 228, .04); padding-left: 12px; }
body.s-restaurant-a .r-nr { font: 300 22px/1 var(--disp); color: var(--duin); }
body.s-restaurant-a .r-titel { font: 360 clamp(32px, 3.4vw, 48px)/1 var(--disp); }
body.s-restaurant-a .r-kort { color: #d4cfc3; font-size: 16px; }
body.s-restaurant-a .r-prijs { font-size: 14px; color: var(--zacht); }
body.s-restaurant-a .rijen i, body.s-restaurant-a .verder i { position: relative; width: 30px; height: 1px; background: currentColor; align-self: center; }
body.s-restaurant-a .rijen i::after, body.s-restaurant-a .verder i::after { content: ""; position: absolute; right: -3px; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--duin); }

/* reserveren */
body.s-restaurant-a .res-wrap { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 96px); align-items: start; }
body.s-restaurant-a .res fieldset { border: 0; margin: 0 0 26px; padding: 0; min-width: 0; }
body.s-restaurant-a .res legend { font: 360 26px/1.1 var(--disp); margin-bottom: 14px; padding: 0; }
body.s-restaurant-a .chips { display: flex; flex-wrap: wrap; gap: 8px; }
body.s-restaurant-a .chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
body.s-restaurant-a .chip span { display: inline-block; padding: 11px 16px; border: 1px solid rgba(241, 237, 228, .3); font-size: 15px; cursor: pointer; transition: border-color .2s, background .2s; }
body.s-restaurant-a .chip span:hover { border-color: var(--linnen); }
body.s-restaurant-a .chip input:checked + span { background: var(--duin); border-color: var(--duin); color: var(--ink); font-weight: 600; }
body.s-restaurant-a .chip input:focus-visible + span { outline: 2px solid var(--duin); outline-offset: 2px; }
body.s-restaurant-a .res .knop { margin-top: 10px; }
body.s-restaurant-a .res-noot { font-size: 13.5px; color: var(--fg-zacht); margin: 16px 0 0; }
body.s-restaurant-a .res-info { border-top: 1px solid var(--lijn-c); padding-top: 26px; color: var(--zacht); }
body.s-restaurant-a .res-info a { color: var(--linnen); }
body.s-restaurant-a .vt { list-style: none; margin: 0 0 20px; padding: 0; }
body.s-restaurant-a .vt li { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px dotted var(--lijn-c); color: var(--fg); font-size: 15.5px; }

/* ── Aan tafel (diensten) ─────────────────────────────────────── */
body.s-restaurant-a .db { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
body.s-restaurant-a .spiegel .db .beeld, body.s-restaurant-a .db.spiegel .beeld { order: 2; }
body.s-restaurant-a .db-tekst .groot { margin-bottom: 26px; }
body.s-restaurant-a .db-tekst .klein { margin: 0 0 30px; }
body.s-restaurant-a .streep { list-style: none; margin: 0 0 26px; padding: 0; }
body.s-restaurant-a .streep li { position: relative; padding: 9px 0 9px 32px; border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .streep li::before { content: ""; position: absolute; left: 0; top: 1.15em; width: 18px; height: 1px; background: var(--duin); }
body.s-restaurant-a .kies { list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .kies li { display: flex; align-items: baseline; gap: 16px; padding: 18px 0; border-top: 1px solid var(--lijn-c); }
body.s-restaurant-a .kies li:last-child { border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .kies span { font: 340 clamp(22px, 2.2vw, 30px)/1.2 var(--disp); }
body.s-restaurant-a .kies i { flex: 1; border-bottom: 1px dotted rgba(241, 237, 228, .35); min-width: 20px; }
body.s-restaurant-a .kies a { color: var(--duin); text-decoration: none; font-weight: 500; white-space: nowrap; }
body.s-restaurant-a .kies a:hover { text-decoration: underline; }

/* ── Menu-pagina ──────────────────────────────────────────────── */
body.s-restaurant-a .kaart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px clamp(40px, 6vw, 96px); }
body.s-restaurant-a .prijsregels { list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .prijsregels li { display: flex; align-items: baseline; gap: 12px; padding: 12px 0; }
body.s-restaurant-a .prijsregels span { font: 360 22px/1.25 var(--disp); color: var(--fg); }
body.s-restaurant-a .prijsregels i { flex: 1; border-bottom: 1px dotted var(--fg-zacht); opacity: .6; min-width: 16px; }
body.s-restaurant-a .prijsregels b { font-weight: 500; white-space: nowrap; color: var(--fg); }
body.s-restaurant-a .drank { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); }
body.s-restaurant-a .drank .knop { margin-top: 10px; }
body.s-restaurant-a .wijnlijst { list-style: none; margin: 0 0 22px; padding: 0; }
body.s-restaurant-a .wijnlijst li { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 18px; padding: 16px 0; border-top: 1px solid var(--lijn-c); }
body.s-restaurant-a .wijnlijst.breed li { grid-template-columns: 150px minmax(0, 1.1fr) minmax(0, 1fr); }
body.s-restaurant-a .wijnlijst .gang { padding-top: 6px; }
body.s-restaurant-a .wijnlijst .wijn { color: var(--fg-zacht); font-size: 14.5px; }
body.s-restaurant-a .wijnlijst .wijn b { display: block; font: 360 23px/1.2 var(--disp); color: var(--fg); }
body.s-restaurant-a .wijnlijst .waarom { font: 300 21px/1.25 var(--disp); color: var(--acc); }
body.s-restaurant-a .weet { max-width: 70ch; font-size: 18px; }
body.s-restaurant-a .weet .volgend { font: 360 28px/1.2 var(--disp); margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--lijn-c); }

/* ── Tijdlijn, rasters, team, vragen ──────────────────────────── */
body.s-restaurant-a .tijdlijn { list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .tijdlijn li { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-top: 1px solid var(--lijn-c); }
body.s-restaurant-a .tl-tijd { font: 280 34px/1 var(--disp); color: var(--acc); }
body.s-restaurant-a .tijdlijn h3 { margin-bottom: 8px; color: var(--fg); }
body.s-restaurant-a .tijdlijn p { margin: 0; color: var(--fg-zacht); max-width: 60ch; }
body.s-restaurant-a .donker .tijdlijn p { color: #d4cfc3; }
body.s-restaurant-a .db .tijdlijn li { grid-template-columns: 64px minmax(0, 1fr); }
body.s-restaurant-a .drie, body.s-restaurant-a .vier { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px clamp(28px, 4vw, 64px); }
body.s-restaurant-a .vier { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 64px; }
body.s-restaurant-a .drie > div, body.s-restaurant-a .vier > div { border-top: 1px solid var(--lijn-c); padding-top: 22px; }
body.s-restaurant-a .drie p, body.s-restaurant-a .vier p { color: var(--fg-zacht); margin: 0; }
body.s-restaurant-a .donker .drie p { color: #d4cfc3; }
body.s-restaurant-a .drie a { color: var(--fg); text-decoration-color: var(--duin); }
body.s-restaurant-a .kolommen { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); }
body.s-restaurant-a .kolommen p:not(.groot) { color: var(--fg-zacht); }
body.s-restaurant-a .team { list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .team li { padding: 20px 0; border-top: 1px solid var(--lijn-c); }
body.s-restaurant-a .team b { display: block; font: 380 30px/1.1 var(--disp); }
body.s-restaurant-a .team span { font: 600 11px/1.4 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--acc); }
body.s-restaurant-a .team p { margin: 8px 0 0; color: var(--fg-zacht); }
body.s-restaurant-a .vragen { max-width: 900px; border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .vragen details { border-top: 1px solid var(--lijn-c); }
body.s-restaurant-a .vragen summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 24px 0;
  font: 360 clamp(23px, 2.3vw, 30px)/1.2 var(--disp); }
body.s-restaurant-a .vragen summary::-webkit-details-marker { display: none; }
body.s-restaurant-a .vragen summary i { position: relative; width: 18px; height: 18px; flex-shrink: 0; }
body.s-restaurant-a .vragen summary i::before, body.s-restaurant-a .vragen summary i::after { content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 1px; background: var(--duin-d); transition: transform .2s; }
body.s-restaurant-a .vragen summary i::after { transform: rotate(90deg); }
body.s-restaurant-a .vragen details[open] summary i::after { transform: rotate(0); }
body.s-restaurant-a .vragen details p { max-width: 64ch; color: var(--fg-zacht); padding-bottom: 20px; margin: 0; font-size: 17.5px; }
body.s-restaurant-a .kort { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
body.s-restaurant-a .andere { list-style: none; margin: 0 0 56px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
body.s-restaurant-a .andere a { display: flex; flex-direction: column; gap: 8px; text-decoration: none; padding: 24px 0; border-top: 1px solid var(--duin); }
body.s-restaurant-a .andere span { font: 360 30px/1.1 var(--disp); }
body.s-restaurant-a .andere em { font-style: normal; color: var(--zacht); font-size: 15px; }
body.s-restaurant-a .andere a:hover span { color: var(--duin); }
body.s-restaurant-a .verder { display: inline-flex; align-items: baseline; gap: 18px; text-decoration: none; color: var(--fg); }
body.s-restaurant-a .verder span { font: 600 11px/1 var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--fg-zacht); }
body.s-restaurant-a .verder b { font: 340 clamp(30px, 3vw, 44px)/1 var(--disp); }
body.s-restaurant-a .verder:hover b { color: var(--acc); }

/* contact */
body.s-restaurant-a .contact-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 96px); align-items: start; }
body.s-restaurant-a .formulier { display: grid; gap: 22px; }
body.s-restaurant-a .formulier label { display: flex; flex-direction: column; gap: 8px; font: 600 11.5px/1.3 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--grijs); }
body.s-restaurant-a .formulier input:not([type=checkbox]), body.s-restaurant-a .formulier select, body.s-restaurant-a .formulier textarea {
  font: 400 17px/1.4 var(--sans); color: var(--tekst); background: rgba(255, 255, 255, .45); border: 0; border-bottom: 1px solid var(--tekst); padding: 12px 10px; border-radius: 0; letter-spacing: 0; text-transform: none; width: 100%; }
body.s-restaurant-a .formulier input:focus, body.s-restaurant-a .formulier select:focus, body.s-restaurant-a .formulier textarea:focus { outline: none; background: #fff; border-bottom-color: var(--duin-d); }
body.s-restaurant-a .rij2 { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
body.s-restaurant-a .vinkjes { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px 26px; }
body.s-restaurant-a .vinkjes legend { font: 600 11.5px/1.3 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--grijs); margin-bottom: 10px; padding: 0; }
body.s-restaurant-a .formulier .vinkjes label { flex-direction: row; align-items: center; font: 400 16px/1.3 var(--sans); letter-spacing: 0; text-transform: none; color: var(--tekst); }
body.s-restaurant-a .vinkjes input { accent-color: var(--duin-d); width: 18px; height: 18px; }
body.s-restaurant-a .formulier .knop { justify-self: start; }
body.s-restaurant-a .contact-info { border-top: 1px solid var(--lijn-c); padding-top: 24px; }
body.s-restaurant-a .contact-info h3 { margin-top: 10px; }
body.s-restaurant-a .contact-info a { color: var(--tekst); }
body.s-restaurant-a .knop-tekst { display: inline-block; margin-top: 12px; font: 600 12px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--duin); padding-bottom: 5px; }

/* ── Slotband in duindoorn ────────────────────────────────────── */
body.s-restaurant-a .slot { background: var(--duin); color: var(--ink); padding: clamp(72px, 9vw, 130px) 0; }
body.s-restaurant-a .slot-in { max-width: 1240px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 64px); }
body.s-restaurant-a .slot-nu { font: 600 12px/1.4 var(--sans); letter-spacing: .2em; text-transform: uppercase; margin-bottom: 22px; }
body.s-restaurant-a .slot h2 { font: 300 clamp(44px, 6.4vw, 100px)/.98 var(--disp); max-width: 19ch; margin-bottom: 40px; }
body.s-restaurant-a .slot .knop.licht { color: var(--ink); }
body.s-restaurant-a .slot .knop.licht:hover { background: var(--ink); color: var(--linnen); }
body.s-restaurant-a .slot .knop i::after { background: var(--linnen); }
body.s-restaurant-a .slot .tel { font-size: 17px; text-decoration-thickness: 1px; text-underline-offset: 4px; }

/* ── Voet ─────────────────────────────────────────────────────── */
body.s-restaurant-a .voet { background: var(--ink); color: var(--zacht); font-size: 15px; --fg: var(--linnen); --lijn-c: rgba(241, 237, 228, .14); }
body.s-restaurant-a .voet { border-top: 1px solid rgba(241, 237, 228, .12); }
body.s-restaurant-a .voet-in { max-width: 1240px; margin: 0 auto; padding: clamp(64px, 8vw, 110px) clamp(20px, 5vw, 64px) 34px; }
body.s-restaurant-a .voet-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 28px; padding-bottom: 44px; }
body.s-restaurant-a .voet-groot { font: 200 clamp(60px, 10vw, 160px)/.85 var(--disp); color: var(--linnen); margin: 0; }
body.s-restaurant-a .voet-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; }
body.s-restaurant-a .voet .tel { color: var(--linnen); font: 300 30px/1 var(--disp); text-decoration: none; }
body.s-restaurant-a .voet-lev { display: flex; flex-wrap: wrap; gap: 12px 30px; align-items: baseline; padding: 20px 0; border-top: 1px solid var(--lijn-c); border-bottom: 1px solid var(--lijn-c); }
body.s-restaurant-a .voet-lev p { margin: 0; font: 600 11px/1.3 var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--duin); }
body.s-restaurant-a .voet-lev ul { display: flex; flex-wrap: wrap; gap: 8px 28px; list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .voet-lev li { color: var(--linnen); font-size: 14.5px; }
body.s-restaurant-a .voet-lev b { font: 600 11px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--zacht); margin-right: 6px; }
body.s-restaurant-a .voet-lev span { color: var(--zacht); }
body.s-restaurant-a .voet-kol { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr); gap: 36px; padding: 48px 0; }
body.s-restaurant-a .voet h3 { color: var(--duin); font-size: 11px; }
body.s-restaurant-a .vl { list-style: none; margin: 0; padding: 0; }
body.s-restaurant-a .vl li { padding: 4px 0; }
body.s-restaurant-a .voet a { color: var(--linnen); text-decoration: none; }
body.s-restaurant-a .voet a:hover { color: var(--duin); }
body.s-restaurant-a .voet .vt li { color: var(--zacht); font-size: 14.5px; }
body.s-restaurant-a .voet .klein { font-size: 13.5px; color: var(--zacht); }
body.s-restaurant-a .sgs { margin: 0; padding-top: 24px; border-top: 1px solid var(--lijn-c); font-size: 13px; }
body.s-restaurant-a .sgs a { text-decoration: underline; text-underline-offset: 3px; }

/* ── Smaller ──────────────────────────────────────────────────── */
@media (max-width: 1000px) {
  body.s-restaurant-a .makers, body.s-restaurant-a .twee, body.s-restaurant-a .huis, body.s-restaurant-a .res-wrap, body.s-restaurant-a .db,
  body.s-restaurant-a .drank, body.s-restaurant-a .contact-grid, body.s-restaurant-a .kort, body.s-restaurant-a .kolommen { grid-template-columns: minmax(0, 1fr); }
  body.s-restaurant-a .spiegel .db .beeld, body.s-restaurant-a .db.spiegel .beeld { order: 0; }
  body.s-restaurant-a .vier { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.s-restaurant-a .voet-kol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.s-restaurant-a .rijen a { grid-template-columns: 36px minmax(0, 1fr) 34px; }
  body.s-restaurant-a .r-kort, body.s-restaurant-a .r-prijs { grid-column: 2; }
  body.s-restaurant-a .rijen i { grid-column: 3; grid-row: 1; }
  body.s-restaurant-a .jaar-balk { flex-direction: column; border-bottom: 0; }
  body.s-restaurant-a .vak { border-left: 0; border-bottom: 1px solid var(--lijn-c); flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; padding: 16px 12px; }
  body.s-restaurant-a .vak .prod { flex-basis: 100%; }
  body.s-restaurant-a .nu-label { position: static; order: -1; }
  body.s-restaurant-a .jaar-as, body.s-restaurant-a .jaar-maanden { display: none; }
  body.s-restaurant-a .hero-nu { position: relative; right: auto; bottom: auto; margin: 0 clamp(20px, 5vw, 72px) 40px; }
  body.s-restaurant-a .thuis-hero { flex-direction: column; align-items: stretch; justify-content: flex-end; }
  body.s-restaurant-a .thuis-hero .hero-tekst { padding-bottom: 32px; }
}
@media (max-width: 640px) {
  body.s-restaurant-a { font-size: 16.5px; }
  body.s-restaurant-a .kop-in { padding: 18px 20px; gap: 12px; }
  body.s-restaurant-a .mm-knop { padding: 11px 12px; letter-spacing: .14em; }
  body.s-restaurant-a .logo-sub { font-size: 9px; }
  body.s-restaurant-a .notatie { flex-direction: column; gap: 0; }
  body.s-restaurant-a .mp { display: none; }
  body.s-restaurant-a .ing { display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 12px; padding: 8px 0; border-bottom: 1px dashed var(--lijn-c); }
  body.s-restaurant-a .ing:last-child { border-bottom: 0; }
  body.s-restaurant-a .ing small { border-top: 0; padding-top: 0; margin-top: 0; text-align: right; max-width: 20ch; }
  body.s-restaurant-a .ing .km { display: block; margin-left: 0; }
  body.s-restaurant-a .logo-woord { font-size: 28px; }
  body.s-restaurant-a .logo-sub { letter-spacing: .2em; }
  body.s-restaurant-a .hero h1 { font-size: clamp(46px, 13vw, 64px); }
  body.s-restaurant-a .hero .ph-cap { top: 90px; left: 20px; right: 20px; }
  body.s-restaurant-a .hero-tekst { padding-top: 170px; }
  body.s-restaurant-a .hero-nu { width: auto; }
  body.s-restaurant-a .gangen li, body.s-restaurant-a .tijdlijn li, body.s-restaurant-a .wijnlijst li, body.s-restaurant-a .wijnlijst.breed li { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  body.s-restaurant-a .gang { padding-top: 0; }
  body.s-restaurant-a .ing b, body.s-restaurant-a .mp { font-size: 30px; }
  body.s-restaurant-a .kaart-grid, body.s-restaurant-a .drie, body.s-restaurant-a .vier, body.s-restaurant-a .andere, body.s-restaurant-a .rij2 { grid-template-columns: minmax(0, 1fr); }
  body.s-restaurant-a .feiten { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  body.s-restaurant-a .voet-kol { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  body.s-restaurant-a .menu-prijs { gap: 20px 36px; }
  body.s-restaurant-a .kies li { flex-direction: column; gap: 6px; }
  body.s-restaurant-a .kies i { display: none; }
  body.s-restaurant-a .citaat { padding-left: 20px; }
  body.s-restaurant-a .toc { display: none; }
}