@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=DM+Mono:wght@400;500&display=swap");
/* Style layer: donker (zwart-goud). Savor-style dim full-bleed hero with a split
   Didone headline, then an Uber-Eats-style store body on one page grid
   (rail 262 + 16 + main 866 inside 1144), then a mosuke editorial band.
   Near-black charcoal, ivory type, brass only for hairlines, the rail marker,
   captions and outlines. Every rule scoped under [data-style="donker"]; tokens on
   :root so they beat the build's #theme-override (:root, lower specificity).
   Colors: palettes.css (goud default: ivory ~17:1, soft ~9.6:1, dim ~5.9:1, brass ~7:1 on the charcoal bg). */
:root[data-style="donker"]{
  /* colors only from palettes.css tokens */
  --ink:var(--pal-ink); --ink-soft:var(--pal-ink-soft); --ink-dim:color-mix(in srgb, var(--pal-ink) 58%, var(--pal-bg));
  --paper:var(--pal-bg); --paper-2:var(--pal-surface); --paper-3:var(--pal-block-2);
  --line:color-mix(in srgb, var(--pal-line) 10%, transparent); --line-2:color-mix(in srgb, var(--pal-line) 18%, transparent);
  --d-veil:color-mix(in srgb, var(--pal-line) 14%, transparent);
  --gold:var(--pal-accent); --gold-soft:color-mix(in srgb, var(--pal-accent) 14%, transparent);
  --d-shade:var(--pal-block);
  --brand-blue:var(--gold); --brand-blue-soft:var(--gold-soft);
  --brand-geel:var(--gold); --brand-geel-soft:var(--gold-soft);
  --didone:"Bodoni Moda","Fraunces",Georgia,serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
  --bar-h:56px; --gut:16px;
  --dim-food:brightness(.86) contrast(1.04);
  --feather:radial-gradient(ellipse 72% 72% at 50% 50%, black 55%, transparent 100%);
}
@media(min-width:800px){:root[data-style="donker"]{--bar-h:64px}}
[data-style="donker"] body{background:var(--paper);color:var(--ink)}
[data-style="donker"] :focus-visible{outline-color:var(--gold)}
[data-style="donker"] h1,[data-style="donker"] h2,[data-style="donker"] h3{color:var(--ink)}
[data-style="donker"] .wrap{max-width:1192px;padding-inline:24px}
@media(max-width:799px){[data-style="donker"] .wrap{padding-inline:var(--gut)}}

/* caption: mono, uppercase, tracked (captions + small links only) */
[data-style="donker"] .hero-kicker,
[data-style="donker"] .hero .hero-address,
[data-style="donker"] .board h4,
[data-style="donker"] .card h3{
  font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;
}

/* ---------- buttons ---------- */
[data-style="donker"] .btn{border-radius:4px;min-height:46px;padding:0 24px;font-weight:400;font-size:16px;letter-spacing:0;text-transform:none}
[data-style="donker"] .btn-primary{background:transparent;color:var(--ink);border-color:var(--gold)}
[data-style="donker"] .btn-primary:hover{background:var(--gold-soft);box-shadow:none}
[data-style="donker"] .btn-line,[data-style="donker"] .btn-geel{background:transparent;color:var(--ink-soft);border-color:var(--line-2)}
[data-style="donker"] .btn-line:hover,[data-style="donker"] .btn-geel:hover{border-color:var(--ink-soft);color:var(--ink)}

/* ---------- top bar: transparent over the hero, solid + 1px rule once scrolled ---------- */
[data-style="donker"] header.top{z-index:40;background:transparent;backdrop-filter:none;border-bottom:0}
[data-style="donker"] header.top::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--paper);border-bottom:1px solid var(--line);
}
@supports (animation-timeline: scroll()){
  [data-style="donker"] header.top::before{opacity:0;animation:donker-bar linear both;animation-timeline:scroll(root);animation-range:40vh 70vh}
  @keyframes donker-bar{to{opacity:1}}
}
@media (prefers-reduced-motion: reduce){[data-style="donker"] header.top::before{animation:none;opacity:1}}
[data-style="donker"] header.top.nav-open::before{animation:none;opacity:1}
[data-style="donker"] .top .wrap{max-width:none;height:var(--bar-h);padding-inline:var(--gut);gap:8px}
[data-style="donker"] .brand{min-width:0;display:inline-flex;align-items:center;min-height:44px}
[data-style="donker"] .brand .mark{display:none}
[data-style="donker"] .brand .name{font-family:var(--didone);font-weight:400;font-size:22px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
/* phone number always visible, left of search */
[data-style="donker"] .top-actions{order:1;margin-left:auto;gap:0}
[data-style="donker"] .top-actions > :not(.btn-primary),[data-style="donker"] .top .tel-word{display:none}
[data-style="donker"] .top .btn-primary{background:none;border:0;box-shadow:none;padding:0 6px;min-height:44px;gap:7px;color:var(--ink);font-size:15px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
[data-style="donker"] .top .btn-primary svg{width:16px;height:16px;color:var(--gold)}
/* search: icon-only 44 hit area on mobile, 36px pill on desktop */
[data-style="donker"] .top-search{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;order:2;
  width:44px;height:44px;padding:0;background:none;border:0;border-radius:999px;color:var(--ink);cursor:pointer;font:inherit;
}
[data-style="donker"] .top-search svg{width:20px;height:20px;flex:none}
[data-style="donker"] .top-search-label{display:none}
[data-style="donker"] .hamburger{display:block;order:3;position:relative;width:44px;height:44px;margin-right:-8px;color:var(--ink)}
[data-style="donker"] .hamburger svg{display:none}
[data-style="donker"] .hamburger::before,[data-style="donker"] .hamburger::after{
  content:"";position:absolute;left:8px;width:28px;height:2px;background:currentColor;
}
[data-style="donker"] .hamburger::before{top:18px}
[data-style="donker"] .hamburger::after{top:24px}
[data-style="donker"] .top nav a{font-size:16px;font-weight:400;color:var(--ink-soft)}
[data-style="donker"] .top nav a:hover{color:var(--ink)}
@media(max-width:799px){
  [data-style="donker"] header.top.nav-open #topNav{
    display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;
    background:var(--paper);border-bottom:1px solid var(--line);padding:8px var(--gut) 16px;gap:0;
  }
  [data-style="donker"] header.top.nav-open #topNav a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--line);color:var(--ink)}
}
@media(min-width:800px){
  [data-style="donker"] .top .wrap{padding-inline:48px;gap:0}
  [data-style="donker"] .brand .name{font-size:28px}
  [data-style="donker"] .hamburger{display:none}
  [data-style="donker"] .top-search{
    order:1;flex:0 1 380px;justify-content:flex-start;width:auto;height:36px;margin:0 32px 0 auto;padding:0 16px;
    border:1px solid var(--line-2);background:color-mix(in srgb, var(--pal-bg) 35%, transparent);color:var(--ink-soft);
  }
  [data-style="donker"] .top-search:hover{border-color:var(--ink-soft);color:var(--ink)}
  [data-style="donker"] .top-search svg{width:16px;height:16px}
  [data-style="donker"] .top-search-label{display:inline;font-size:15px}
  [data-style="donker"] .top nav{order:2;display:flex;margin-left:0;gap:20px}
  @supports (animation-timeline: scroll()){
    [data-style="donker"] .top-search{flex-direction:row-reverse;justify-content:space-between;animation:donker-pill linear both;animation-timeline:scroll(root);animation-range:40vh 70vh}
    [data-style="donker"] .top-search-label{animation:donker-fade linear both;animation-timeline:scroll(root);animation-range:40vh 70vh}
    @keyframes donker-pill{from{border-color:transparent;background:transparent;color:var(--ink)}}
    @keyframes donker-fade{from{opacity:0}to{opacity:1}}
  }
  @media (prefers-reduced-motion: reduce){[data-style="donker"] .top-search,[data-style="donker"] .top-search-label{animation:none}}
}

/* ---------- one page grid: hero full-bleed, store body in rail/main columns ---------- */
[data-style="donker"] main{
  display:grid;align-items:start;
  grid-template-columns:[full-start] var(--gut) [rail-start main-start] minmax(0,1fr) [rail-end main-end] var(--gut) [full-end];
}
[data-style="donker"] .hero,[data-style="donker"] .hero .wrap,[data-style="donker"] .hero-media,
[data-style="donker"] #menukaart .wrap,[data-style="donker"] .menu-tools,[data-style="donker"] .menu-layout{display:contents}
[data-style="donker"] main > section:not(.hero){grid-column:full}
/* #menukaart stays a real box (hash target) on a subgrid over rows 3-8 (mobile) / 2-7 (desktop);
   the promo row from the hero slots into its row 5 / 4 */
[data-style="donker"] #menukaart{
  display:grid;grid-row:3/9;grid-template-columns:subgrid;grid-template-rows:subgrid;align-items:start;
  pointer-events:none;scroll-margin-top:var(--bar-h);
}
[data-style="donker"] #menukaart .wrap > *,[data-style="donker"] .menu-tools > *,[data-style="donker"] .menu-layout > *{pointer-events:auto}
/* mobile rows (main grid): 1 hero, 2 store header, 3 search, 4 chips, 5 promo, 6 featured, 7 heading, 8 menu */
[data-style="donker"] .hero-donker,[data-style="donker"] .hero-left{grid-column:full;grid-row:1}
[data-style="donker"] .hero-status-bar{grid-column:main;grid-row:2}
[data-style="donker"] .hero-right{grid-column:main;grid-row:5;position:relative;z-index:1}
[data-style="donker"] .menu-tools .search{grid-column:main;grid-row:1}
[data-style="donker"] .chips{grid-column:main;grid-row:2}
[data-style="donker"] .pop-wrap{grid-column:main;grid-row:4}
[data-style="donker"] #menukaart .wrap > .sec-head{grid-column:main;grid-row:5}
[data-style="donker"] .cat-nav{grid-column:full;grid-row:6}
[data-style="donker"] .menu-layout > div{grid-column:main;grid-row:6}
[data-style="donker"] .sfeer-pair{grid-row:9}
[data-style="donker"] #reviews{grid-row:10}
[data-style="donker"] #tijden{grid-row:11}
[data-style="donker"] .tool-stats,[data-style="donker"] .hero-scroll-hint,[data-style="donker"] .sfeer-nav{display:none}

/* ---------- hero (savor): full-bleed dim photo, split Didone headline ---------- */
[data-style="donker"] .hero-donker,[data-style="donker"] .hero-left{margin-top:calc(-1 * var(--bar-h))}
[data-style="donker"] .hero-warm,[data-style="donker"] .hero-fris,[data-style="donker"] .bulb-illustration,
[data-style="donker"] .hero-info,[data-style="donker"] .cc-nav,[data-style="donker"] .hero-left > .status-line,
[data-style="donker"] .hero .tagline{display:none}
[data-style="donker"] .hero-donker{display:block;height:100svh;min-height:560px;max-height:900px;position:relative;overflow:hidden;background:var(--paper)}
[data-style="donker"] .hero-donker img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:55% 45%;filter:saturate(.7) contrast(1.05)}
[data-style="donker"] .hero-donker::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:color-mix(in srgb, var(--pal-bg) 55%, transparent)}

[data-style="donker"] .hero-left{
  position:relative;z-index:2;height:100svh;min-height:560px;max-height:900px;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:calc(var(--bar-h) + 24px) var(--gut) calc(16px + 66px + env(safe-area-inset-bottom));
}
[data-style="donker"] .hero .hero-address{order:2}
[data-style="donker"] .hero .acts{order:3}
[data-style="donker"] .hero-kicker{display:block;color:var(--gold);margin-bottom:16px}
[data-style="donker"] .hero h1{
  font-family:var(--didone);font-weight:400;font-optical-sizing:auto;
  font-size:clamp(56px,13vw,190px);line-height:.9;letter-spacing:-.03em;margin:0;color:var(--ink);
  text-wrap:wrap;padding-left:20vw;text-indent:-20vw;
}
[data-style="donker"] .hero .hero-address{display:block;margin-top:20px;color:var(--ink-soft);max-width:44ch}
/* floating order card: thumb left, title + 160 button right */
[data-style="donker"] .hero .acts{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 46px;
  column-gap:12px;row-gap:4px;align-content:space-between;margin-top:20px;
  background:var(--ink);border-radius:8px;padding:12px;
}
[data-style="donker"] .hero .acts .btn-line{
  grid-column:1;grid-row:1;justify-content:flex-start;border:0;padding:0 2px;min-height:44px;color:var(--paper);font-size:16px;
}
[data-style="donker"] .hero .acts .btn-line:hover{color:color-mix(in srgb, var(--pal-bg) 80%, var(--pal-ink));text-decoration:underline;text-underline-offset:3px}
[data-style="donker"] .hero .acts .btn-primary{grid-column:1;grid-row:2;padding:0 8px;font-size:15px;white-space:nowrap;background:var(--paper);border-color:var(--paper);color:var(--ink)}
[data-style="donker"] .hero .acts .btn-primary{border-color:var(--gold)}
[data-style="donker"] .hero .acts .btn-primary:hover{background:color-mix(in srgb, var(--pal-bg) 88%, var(--pal-ink))}
[data-style="donker"] .hero .acts :focus-visible{outline-color:var(--paper)}

@media(min-width:800px){
  [data-style="donker"] .hero-donker,[data-style="donker"] .hero-left{height:100vh;min-height:640px;max-height:1080px}
  [data-style="donker"] .hero-left{display:block;padding:0}
  [data-style="donker"] .hero-kicker{position:absolute;left:11.2%;top:calc(30% - 64px);margin:0}
  [data-style="donker"] .hero h1{
    position:absolute;left:11.2%;right:48px;top:calc(30% - 34px);
    padding-left:34.4vw;text-indent:-34.4vw;
  }
  /* hairline connecting the two headline lines */
  [data-style="donker"] .hero-left::after{
    content:"";position:absolute;left:25%;top:51%;width:16%;height:12%;pointer-events:none;
    background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M1 0C1 58 38 99 100 99' fill='none' stroke='black' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M1 0C1 58 38 99 100 99' fill='none' stroke='black' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;
  }
  [data-style="donker"] .hero .hero-address{position:absolute;left:48px;bottom:72px;margin:0;max-width:none;white-space:nowrap}
  [data-style="donker"] .hero .acts{position:absolute;right:30px;bottom:32px;width:220px;height:105px;row-gap:0;margin:0}
  [data-style="donker"] .hero .acts .btn-line{min-height:28px}
  [data-style="donker"] .hero .acts .btn-primary{width:100%}
}

/* ---------- store header strip ---------- */
[data-style="donker"] .hero-status-bar{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 0 24px;border-bottom:1px solid var(--line);position:relative;z-index:3}
[data-style="donker"] .store-disc{
  display:grid;place-items:center;order:-2;width:72px;height:72px;margin:-36px 0 14px 10px;border-radius:50%;
  background:var(--ink);color:var(--paper);box-shadow:0 6px 20px color-mix(in srgb, var(--d-shade) 45%, transparent);
  font-family:var(--didone);font-size:34px;line-height:1;
}
[data-style="donker"] .hero-venue-name{order:-1;font-family:"Inter",sans-serif;font-weight:600;font-size:28px;line-height:1.15;letter-spacing:-.01em;color:var(--ink)}
[data-style="donker"] .hero-open{font-size:14px;line-height:19px;color:var(--ink-soft);font-weight:400}
[data-style="donker"] .hero-open .dot{width:6px;height:6px}

/* in-store search + info strip */
[data-style="donker"] .menu-tools .search{margin-top:20px;min-height:44px;background:var(--paper-3);border:1px solid var(--line);border-radius:999px;padding:0 16px}
[data-style="donker"] .search:focus-within{border-color:var(--gold)}
[data-style="donker"] .search svg{color:var(--ink-soft)}
[data-style="donker"] .search input{color:var(--ink);font-size:16px;min-height:34px}
[data-style="donker"] .search input::placeholder{color:var(--ink-dim)}
[data-style="donker"] .chips{gap:0;margin-top:12px;justify-self:start;flex-wrap:nowrap;background:var(--paper-3);border-radius:999px;padding:4px}
[data-style="donker"] .chip{background:transparent;border:0;color:var(--ink-soft);font-size:15px;font-weight:500;padding:0 16px;min-height:44px}
[data-style="donker"] .chip[aria-pressed="true"]{background:var(--d-veil);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold)}

/* promo row */
[data-style="donker"] .hero-right{padding:24px 0 0}
[data-style="donker"] .cc-grid{grid-template-columns:1fr;gap:16px}
[data-style="donker"] .cc-card:not(:has(img)),
[data-style="donker"] .cc-card:has(img) ~ .cc-card:has(img) ~ .cc-card:has(img){display:none}
[data-style="donker"] .cc-card{
  position:relative;display:flex;align-items:flex-start;height:120px;padding:16px calc(130px + 16px) 16px 16px;
  background:var(--paper-3);border:0;border-radius:10px;overflow:hidden;
}
[data-style="donker"] .cc-card:hover{box-shadow:none;transform:none}
[data-style="donker"] .cc-card h3{font-family:"Inter",sans-serif;font-weight:600;font-size:20px;line-height:24px;letter-spacing:-.01em;color:var(--ink)}
[data-style="donker"] .cc-card{flex-direction:column;gap:4px}
[data-style="donker"] .cc-sub{display:block;font-size:16px;line-height:22px;color:var(--ink-soft)}
[data-style="donker"] .cc-pill{
  display:inline-flex;align-items:center;margin-top:auto;height:28px;padding:0 10px;border-radius:999px;
  border:1px solid var(--gold);color:var(--ink);font-size:15px;font-weight:500;
}
[data-style="donker"] .cc-card:hover .cc-pill{background:var(--gold-soft)}
[data-style="donker"] .cc-media{position:absolute;top:0;right:0;bottom:0;width:130px;margin:0;aspect-ratio:auto;border-radius:0}
[data-style="donker"] .cc-media{background:var(--paper-3)}

/* section headings */
[data-style="donker"] section{background:transparent;padding:0}
[data-style="donker"] .sec-head{max-width:none;margin:0 0 16px!important;text-align:left}
[data-style="donker"] .sec-head h2,[data-style="donker"] .board h3{
  font-family:"Inter",sans-serif;font-weight:700;font-size:22px;line-height:28px;letter-spacing:-.01em;color:var(--ink);margin:0;
}
[data-style="donker"] #menukaart .wrap > .sec-head{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0!important}

/* featured row */
[data-style="donker"] .pop-wrap{margin-top:32px}
[data-style="donker"] .pop-wrap .sec-head{display:flex;align-items:center;justify-content:space-between}
[data-style="donker"] .pop-nav{display:none;gap:8px}
[data-style="donker"] .pop-arrow{
  display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;cursor:pointer;
  background:var(--line);border:0;color:var(--ink);
}
[data-style="donker"] .pop-arrow:hover{background:var(--line-2)}
[data-style="donker"] .pop-arrow svg{width:16px;height:16px}
[data-style="donker"] .pop-arrow.is-edge{opacity:.35;cursor:default}
[data-style="donker"] .pop-row{gap:12px;padding-bottom:4px;align-items:flex-start}
[data-style="donker"] .pop-card{flex:0 0 160px;display:flex;flex-direction:column}
[data-style="donker"] .pop-card .pc-media{display:block;position:relative;width:100%;aspect-ratio:5/4;border-radius:12px;background:var(--paper-3);margin:0}
[data-style="donker"] :is(.pop-card .pc-media,.row .thumb,.cc-media) img{filter:var(--dim-food)}
[data-style="donker"] .pop-card .pc-media::after{
  content:"";z-index:1;position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:50%;
  background:var(--ink);box-shadow:0 4px 12px color-mix(in srgb, var(--d-shade) 35%, transparent);
}
/* plus glyph drawn in the bg token via a mask (no hex in rules) */
[data-style="donker"] .pop-card .pc-media::before{
  content:"";position:absolute;z-index:2;right:18px;bottom:18px;width:16px;height:16px;
  background:var(--paper);pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;
}
:root[data-style="donker"]:not([data-order="on"]) .pop-card .pc-media::after,
:root[data-style="donker"]:not([data-order="on"]) .pop-card .pc-media::before{display:none}
[data-style="donker"] .pop-card .pc-name{font-weight:500;font-size:16px;line-height:1.3;color:var(--ink);margin-top:8px}
[data-style="donker"] .pop-card .pc-price{font-size:14px;color:var(--ink-soft)}

/* category nav: mobile sticky chip scroller shares the sections' grid area */
[data-style="donker"] .cat-nav{
  position:sticky;top:var(--bar-h);z-index:5;align-self:start;height:48px;
  background:var(--paper);border-bottom:1px solid var(--line);
  gap:8px;padding:2px var(--gut);margin:0;align-items:center;
}
[data-style="donker"] .menu-layout > div{padding-top:72px}
[data-style="donker"] .cat-nav-head{display:none}
[data-style="donker"] .cat-nav a{min-height:44px;padding:0 14px;border-radius:999px;font-size:15px;font-weight:400;color:var(--ink-soft)}
[data-style="donker"] .cat-nav a:hover{color:var(--ink)}
[data-style="donker"] .cat-nav a.active,
[data-style="donker"] .cat-nav:not(:has(a.active)) a:first-of-type{color:var(--ink);font-weight:500;background:var(--line)}

/* menu sections: heading, then 2-col item cards */
[data-style="donker"] .cat-section{margin:0 0 32px;scroll-margin-top:calc(var(--bar-h) + 64px)}
[data-style="donker"] .cat-section:last-child{margin-bottom:0}
[data-style="donker"] .board{background:none;border:0;border-radius:0;padding:0;color:var(--ink)}
[data-style="donker"] .board h3{margin-bottom:16px}
[data-style="donker"] .board .note{font-family:var(--didone);font-style:italic;font-size:18px;line-height:1.35;color:var(--ink-soft);margin:-6px 0 20px;max-width:60ch}
[data-style="donker"] .cols{display:block}
[data-style="donker"] .board .group > .note{grid-column:1/-1;margin:0}
[data-style="donker"] .board .group{display:grid;grid-template-columns:1fr;gap:0 24px;align-items:stretch;margin-bottom:32px}
[data-style="donker"] .row:has(.thumb){margin-bottom:12px}
[data-style="donker"] .board .group:last-child{margin-bottom:0}
[data-style="donker"] .board h4{grid-column:1/-1;color:var(--gold);border:0;padding:0;margin:0 0 -4px}
[data-style="donker"] .board .group:first-child > h4:first-child{margin-top:-4px}
@media(max-width:759px){
  [data-style="donker"] .board .group{gap:0}
  [data-style="donker"] .board .group > h4{margin-bottom:4px}
  [data-style="donker"] .board .group > .note{margin-bottom:8px}
}
@media(min-width:760px){[data-style="donker"] .board .group{grid-template-columns:1fr 1fr}[data-style="donker"] .board h4{margin-bottom:12px}[data-style="donker"] .row:has(.thumb){margin-bottom:24px}}

[data-style="donker"] .row{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  margin:0;padding:16px 64px 16px 16px;min-height:88px;
  background:var(--paper-2);border:1px solid var(--line);border-radius:10px;
  transition:border-color .18s ease;
}
[data-style="donker"] .row:hover{background:var(--paper-2);border-color:var(--line-2)}
[data-style="donker"] .row .n{flex:none;font-family:"Inter",sans-serif;font-size:16px;font-weight:500;line-height:24px;color:var(--ink)}
[data-style="donker"] .row .n small{
  display:block;
  margin-top:6px;font-style:normal;font-weight:400;font-size:15px;line-height:19px;color:var(--ink-dim);
}
[data-style="donker"] .row .l{display:none}
[data-style="donker"] .row .p{font-size:15px;font-weight:400;color:var(--ink-soft)}
[data-style="donker"] .row .p em{color:var(--ink-dim);font-size:13px}
[data-style="donker"] .row .plus{
  position:absolute;right:12px;bottom:12px;width:36px;height:36px;
  background:transparent;border:1px solid var(--line-2);
}
[data-style="donker"] .row .plus svg{color:var(--ink);width:16px;height:16px}
[data-style="donker"] .row:hover .plus{border-color:var(--gold)}
/* text-only items: compact hairline list (name left, price right) grouped AFTER the photo cards,
   so the 2-col grid never mixes 138px cards with flat rows */
[data-style="donker"] .board .group > h4,[data-style="donker"] .board .group > .note{order:-2}
[data-style="donker"] .row:has(.thumb){order:-1}
[data-style="donker"] .row:not(:has(.thumb)){
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline;
  min-height:56px;padding:15px 52px 15px 2px;
  background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;
}
[data-style="donker"] .row:not(:has(.thumb)) .p{grid-column:2;grid-row:1;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-style="donker"] .row:not(:has(.thumb)):hover{background:none;border-color:var(--line-2)}
[data-style="donker"] .row:not(:has(.thumb)) .plus{top:9px;bottom:auto;right:0}
[data-style="donker"] .row:has(.thumb){min-height:120px;padding-right:calc(112px + 20px)}
/* online ordering off: no + column on text-only rows */
html[data-style="donker"]:not([data-order="on"]) .row:not(:has(.thumb)){padding-right:2px}
[data-style="donker"] .row .thumb{position:absolute;top:4px;right:4px;width:112px;height:112px;border-radius:8px;background:var(--paper-3)}
[data-style="donker"] .row:has(.thumb) .p{margin-top:0}
[data-style="donker"] .row:has(.thumb) .n{display:contents}
[data-style="donker"] .row:has(.thumb) .n small{order:1;margin-top:0}
[data-style="donker"] .row:has(.thumb) .n .tag{order:2;margin:2px 0 0}
[data-style="donker"] .row:has(.thumb) .p-meta{display:inline;color:var(--ink-dim)}
[data-style="donker"] .row:has(.thumb) .p-meta::before{content:"\00B7";margin:0 6px}
[data-style="donker"] .row:has(.thumb) .plus{right:12px;bottom:12px;background:var(--ink);border-color:var(--ink);box-shadow:0 4px 12px color-mix(in srgb, var(--d-shade) 35%, transparent)}
[data-style="donker"] .row:has(.thumb) .plus svg{color:var(--paper)}
[data-style="donker"] .tag{
  display:inline-flex;align-items:center;height:22px;padding:0 6px;margin-left:8px;border-radius:4px;
  font-size:13px;font-weight:500;color:var(--ink-soft);background:none;border:1px solid var(--line-2);vertical-align:2px;
}
[data-style="donker"] .kids{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);padding:16px;margin-top:24px}
[data-style="donker"] .kids h4{font-family:"Inter",sans-serif;font-weight:500;font-size:17px;letter-spacing:0;text-transform:none;color:var(--ink)}
[data-style="donker"] .kids .price{font-weight:400;font-size:17px;color:var(--gold)}
[data-style="donker"] .no-results{color:var(--ink-soft);font-family:var(--didone);font-style:italic}

@media(min-width:800px){
  [data-style="donker"] .hero-venue-name{font-size:30px;line-height:36px;text-wrap:balance}
  [data-style="donker"] .cc-grid{grid-template-columns:1fr 1fr;gap:24px}
  [data-style="donker"] .cc-card{height:129px}
  [data-style="donker"] .cc-card h3{font-size:22px}
  [data-style="donker"] .sec-head h2,[data-style="donker"] .board h3{font-size:28px;line-height:34px}
  [data-style="donker"] .sec-head,[data-style="donker"] .board h3{margin-bottom:20px!important}
  [data-style="donker"] .pop-wrap .sec-head{margin-bottom:20px!important}
  [data-style="donker"] .cat-section{margin-bottom:32px}
  [data-style="donker"] .pop-nav{display:flex}
  [data-style="donker"] .pop-row{gap:23px}
  [data-style="donker"] .pop-card{flex-basis:199px}
  [data-style="donker"] .pop-card .pc-media{aspect-ratio:199/160}
  [data-style="donker"] .row .n{font-size:17px}
  [data-style="donker"] .row:has(.thumb){min-height:138px;padding-right:calc(139px + 16px)}
  [data-style="donker"] .row .thumb{top:0;right:0;bottom:0;width:139px;height:auto;border-radius:0}
}

/* ---------- desktop store grid: 262 rail + 16 + 866 main inside 1144 ---------- */
@media(min-width:1024px){
  [data-style="donker"] main{
    grid-template-columns:[full-start] minmax(24px,1fr) [rail-start] 262px [rail-end] 16px [main-start] minmax(0,866px) [main-end] minmax(24px,1fr) [full-end];
  }
  [data-style="donker"] .hero-status-bar{grid-column:rail;grid-row:2/4;align-self:start}
  [data-style="donker"] #menukaart{grid-row:2/8}
  [data-style="donker"] .menu-tools .search{grid-row:1;justify-self:end;width:340px;min-height:36px;height:36px;margin-top:56px}
  [data-style="donker"] .menu-tools .search input{min-height:30px}
  /* info strip frame: 58 tall, 1px border, radius 12 */
  [data-style="donker"] .menu-tools::before{
    content:"";grid-column:main;grid-row:2;height:58px;margin-top:24px;align-self:start;
    border:1px solid var(--line);border-radius:12px;box-sizing:border-box;
  }
  [data-style="donker"] .chips{grid-row:2;margin:31px 0 0 7px;position:relative}
  [data-style="donker"] .chips{margin-top:31px;padding:4px;height:44px;box-sizing:border-box;align-items:center}
  [data-style="donker"] .chip{min-height:36px;padding:0 16px;border-radius:999px}
  [data-style="donker"] .chip[aria-pressed="true"]{background:var(--paper-3);box-shadow:inset 0 0 0 1px var(--gold),0 2px 8px color-mix(in srgb, var(--d-shade) 40%, transparent)}
  /* CTA pill, 20 right of the control (control width ~ 2 chips) */
  [data-style="donker"] .strip-cta{
    display:inline-flex;align-items:center;gap:8px;grid-column:main;grid-row:2;justify-self:start;align-self:start;position:relative;
    margin:31px 0 0 calc(7px + var(--chips-w,226px) + 20px);height:44px;padding:0 16px;border-radius:999px;
    border:1px solid var(--line-2);color:var(--ink);font-size:16px;font-weight:500;text-decoration:none;
  }
  [data-style="donker"] .strip-cta:hover{border-color:var(--gold)}
  [data-style="donker"] .strip-cta svg{width:16px;height:16px;color:var(--gold)}
  [data-style="donker"] .tool-stats{
    display:flex;grid-column:main;grid-row:2;justify-self:end;align-self:start;margin:37px 12px 0 0;position:relative;
  }
  [data-style="donker"] .tool-stats > div{display:flex;flex-direction:column;justify-content:center;width:210px;min-height:32px;padding:6px 16px;font-size:13px;line-height:16px}
  [data-style="donker"] .tool-stats > div + div{border-left:1px solid var(--line)}
  [data-style="donker"] .tool-stats b{font-weight:500;color:var(--ink)}
  [data-style="donker"] .tool-stats b,[data-style="donker"] .tool-stats span{display:block;white-space:normal;overflow:visible;text-overflow:clip}
  [data-style="donker"] .tool-stats span{color:var(--ink-dim)}
  [data-style="donker"] .hero-right{grid-row:4}
  [data-style="donker"] .pop-wrap{grid-row:4}
  [data-style="donker"] #menukaart .wrap > .sec-head{grid-row:5}
  [data-style="donker"] .menu-layout > div{grid-row:6;padding-top:64px}
  [data-style="donker"] .cat-nav{
    grid-column:rail;grid-row:3/7;top:calc(var(--bar-h) + 16px);height:auto;margin-top:24px;
    flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;background:none;overflow:visible;
  }
  [data-style="donker"] .cat-nav-head{display:flex;flex-direction:column;gap:2px;padding:0 0 24px 10px}
  [data-style="donker"] .cat-nav-head b{font-size:16px;font-weight:500;color:var(--ink)}
  [data-style="donker"] .cat-nav-head .cnh-status{display:none}
  [data-style="donker"] .cat-nav-head .cnh-sub{font-size:12px;color:var(--ink-dim)}
  [data-style="donker"] .cat-nav a{
    min-height:46px;padding:0 0 0 23px;border-radius:0;border-left:3px solid transparent;font-size:16px;
  }
  [data-style="donker"] .cat-nav a.active,
  [data-style="donker"] .cat-nav:not(:has(a.active)) a:first-of-type{background:color-mix(in srgb, var(--pal-line) 7%, transparent);border-left-color:var(--gold)}
  [data-style="donker"] .cat-section{scroll-margin-top:calc(var(--bar-h) + 16px)}
}

/* ---------- editorial band (mosuke): serif title, offset photo pair, quote ---------- */
/* removed: duplicates the hours card + reviews right below (owner ask) */
[data-style="donker"] .sfeer-pair{display:none}
[data-style="donker"] .sfeer-pair .wrap{max-width:none;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-inline:var(--gut)}
[data-style="donker"] .sfeer-title{
  display:block;margin:0 auto 28px;max-width:16ch;text-align:center;text-wrap:balance;
  font-family:var(--didone);font-weight:400;font-size:44px;line-height:1;letter-spacing:-.02em;color:var(--ink);
}
[data-style="donker"] .sfeer-body{display:block;margin:0 auto 32px;max-width:654px;text-align:center;font-size:16px;line-height:22px;color:var(--ink-soft)}
[data-style="donker"] .sfeer-pair figure{position:relative;margin:0;aspect-ratio:7/5;border-radius:12px;overflow:hidden}
[data-style="donker"] .sfeer-pair figure::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 14px 8px var(--paper);pointer-events:none}
[data-style="donker"] .sfeer-pair img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.7) contrast(1.05)}
[data-style="donker"] .sfeer-quote{display:block;margin:36px 0 0;max-width:424px}
[data-style="donker"] .sfeer-quote p{margin:0;font-family:var(--didone);font-style:italic;font-size:18px;line-height:24px;color:var(--ink-soft)}
[data-style="donker"] .sfeer-quote cite{display:block;margin-top:12px;font-family:var(--mono);font-style:normal;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}
[data-style="donker"] .sfeer-card{
  display:flex;align-items:center;gap:12px;margin-top:24px;justify-self:end;width:271px;max-width:100%;height:68px;padding:4px 16px 4px 4px;
  border-radius:10px;background:color-mix(in srgb, var(--pal-line) 12%, transparent);color:var(--ink);text-decoration:none;
}
[data-style="donker"] .sfeer-card img{width:60px;height:60px;border-radius:6px;object-fit:cover;filter:var(--dim-food)}
[data-style="donker"] .sfeer-card span{font-family:var(--mono);font-size:12px;letter-spacing:.02em;text-transform:uppercase;text-decoration:underline 1px;text-underline-offset:4px;text-decoration-color:var(--gold)}
[data-style="donker"] .sfeer-card:hover span{color:var(--gold)}
@media(min-width:800px){
  [data-style="donker"] .sfeer-card{grid-column:1/-1;margin-top:120px}
  [data-style="donker"] .sfeer-pair{margin-top:96px;padding:96px 0 120px}
  [data-style="donker"] .sfeer-pair .wrap{grid-template-columns:minmax(0,1fr) 311px 311px;column-gap:22px;row-gap:0;padding:0 68px 0 48px}
  [data-style="donker"] .sfeer-title,[data-style="donker"] .sfeer-body,[data-style="donker"] .sfeer-quote{grid-column:1/-1}
  [data-style="donker"] .sfeer-title{font-size:80px;max-width:13ch;margin-bottom:38px}
  [data-style="donker"] .sfeer-body{margin-bottom:0}
  [data-style="donker"] .sfeer-pair figure{height:222px;aspect-ratio:auto;margin-top:120px}
  [data-style="donker"] .sfeer-pair__a{grid-column:2}
  [data-style="donker"] .sfeer-pair__b{grid-column:3}
  [data-style="donker"] .sfeer-quote{margin:120px 0 0 122px}
  [data-style="donker"] .sfeer-quote p{font-size:22px;line-height:25px}
  /* data without story/review: close the gaps the missing body and quote would fill */
  [data-style="donker"] .sfeer-pair .wrap:not(:has(.sfeer-body)) figure{margin-top:56px}
  /* no quote in the data: the card takes the quote's slot bottom-left, on the image row's baseline */
  [data-style="donker"] .sfeer-pair .wrap:not(:has(.sfeer-quote)) .sfeer-title{grid-row:1}
  [data-style="donker"] .sfeer-pair .wrap:not(:has(.sfeer-quote)) .sfeer-body{grid-row:2}
  [data-style="donker"] .sfeer-pair .wrap:not(:has(.sfeer-quote)) :is(figure,.sfeer-card){grid-row:3}
  [data-style="donker"] .sfeer-pair .wrap:not(:has(.sfeer-quote)) .sfeer-card{grid-column:1;align-self:end;justify-self:start;margin:0 0 0 122px}
  /* quote fills the empty left column on the photo row (bottom-aligned), card sits under the photos */
  [data-style="donker"] .sfeer-pair .wrap:has(.sfeer-quote) .sfeer-quote{grid-column:1;grid-row:2;align-self:end;margin:0 48px 0 0;justify-self:end;text-align:right}
  [data-style="donker"] .sfeer-pair .wrap:has(.sfeer-quote) .sfeer-card{grid-column:2/4;grid-row:3;margin-top:24px;justify-self:end}
}

/* ---------- reviews ---------- */
[data-style="donker"] #reviews{padding:72px 0;background:var(--paper);border-top:1px solid var(--line)}
[data-style="donker"] .review-grid{gap:40px}
[data-style="donker"] .review-card{background:none;border:0;border-radius:0;padding:0}
[data-style="donker"] .review-card p{font-family:var(--didone);font-style:italic;font-size:22px;line-height:1.15;color:var(--ink-soft)}
[data-style="donker"] .review-card cite{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--ink-dim)}

/* ---------- hours / contact ---------- */
[data-style="donker"] #tijden{padding:72px 0;border-top:1px solid var(--line)}
@media(min-width:800px){[data-style="donker"] #tijden{padding:96px 0}}
[data-style="donker"] #tijden .sec-head + p{font-family:var(--didone);font-style:italic;font-size:20px;line-height:1.35;color:var(--ink-soft)!important;max-width:42ch;margin-bottom:24px!important}
[data-style="donker"] .hours-grid{gap:48px}
[data-style="donker"] .tijden{border-top-color:var(--line)}
[data-style="donker"] .tijden li{border-bottom-color:var(--line);color:var(--ink-dim);padding:14px 2px;font-size:15px}
[data-style="donker"] .tijden li span,[data-style="donker"] .tijden b{color:var(--ink-soft);font-weight:400}
[data-style="donker"] .tijden li.now{background:none;border-radius:0;margin:0;padding:14px 2px;font-weight:400;color:var(--ink);justify-content:flex-start;gap:6px}
[data-style="donker"] .tijden li.now span,[data-style="donker"] .tijden li.now b{color:var(--ink)}
[data-style="donker"] .tijden li.now b{margin-left:auto}
[data-style="donker"] .card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:32px 0 0}
@media(min-width:760px){[data-style="donker"] .card{border-top:0;border-left:1px solid var(--line);padding:0 0 0 48px}}
[data-style="donker"] .card h3{color:var(--gold);margin-bottom:20px}
[data-style="donker"] .card p{color:var(--ink-soft)}
[data-style="donker"] .tel{font-family:"Inter",sans-serif;font-weight:600;font-variant-numeric:tabular-nums;font-size:clamp(30px,8vw,42px);letter-spacing:-.01em;color:var(--ink)}
[data-style="donker"] .tel:hover{color:var(--gold)}
[data-style="donker"] .map{background:var(--paper-2);border-color:var(--line);border-radius:12px}
[data-style="donker"] .map .pin{background:var(--gold)}
[data-style="donker"] .map span{background:var(--paper);color:var(--ink-soft);border-color:var(--line);border-radius:999px}

/* ---------- footer / sticky cta / sheets ---------- */
[data-style="donker"] footer{background:var(--paper);color:var(--ink-dim);border-top:1px solid var(--line);padding:48px 0 56px}
[data-style="donker"] footer b{font-family:var(--didone);font-weight:400;font-size:28px;color:var(--ink)}
[data-style="donker"] .sticky-cta{background:var(--paper);border-top-color:var(--line);padding-inline:var(--gut)}
[data-style="donker"] .sticky-cta .btn{padding:0 12px}
/* demo knob (demo.css) sits above the sticky CTA; lift the hero card clear of it */
@media(max-width:799px){[data-style="donker"] body:has(.demo-knob) .hero-left{padding-bottom:calc(16px + 66px + 56px + env(safe-area-inset-bottom))}}
[data-style="donker"] dialog#dish-sheet,[data-style="donker"] dialog#hours-sheet{background:var(--paper-2);color:var(--ink);box-shadow:0 -20px 60px -20px var(--d-shade)}
[data-style="donker"] dialog#dish-sheet{border-radius:16px 16px 0 0}
[data-style="donker"] dialog#hours-sheet{border-radius:12px}
[data-style="donker"] dialog#dish-sheet::backdrop,[data-style="donker"] dialog#hours-sheet::backdrop{background:color-mix(in srgb, var(--d-shade) 70%, transparent)}
[data-style="donker"] .sheet-grabber{background:var(--line-2)}
[data-style="donker"] .sheet-media{background:var(--paper);border-radius:12px}
[data-style="donker"] .sheet-media img{filter:saturate(.8) brightness(.9)}
[data-style="donker"] .sheet-body h3{font-family:var(--didone);font-weight:400;font-size:34px;letter-spacing:-.02em;color:var(--ink)}
[data-style="donker"] .sheet-price{color:var(--gold);font-weight:400}
[data-style="donker"] .sheet-desc{font-family:var(--didone);color:var(--ink-soft)}
[data-style="donker"] .sheet-close{background:transparent;border-color:var(--line-2);width:44px;height:44px}
[data-style="donker"] .sheet-close svg{color:var(--ink)}
/* hero card: the tel link reads as a link, not a title */
[data-style="donker"] .hero .acts .btn-line{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb, var(--paper) 45%, transparent)}

/* ---------- ordering (Uber Eats pattern): quiet sheet, pill stepper right, one bold checkout ---------- */
[data-style="donker"] .cart-dock{background:color-mix(in srgb, var(--paper) 92%, transparent);border-top-color:var(--line)}
[data-style="donker"] .cart-bar{background:var(--ink);color:var(--paper);min-height:56px;font-weight:500;font-size:16px}
[data-style="donker"] .cart-bar-count{background:var(--paper);color:var(--ink);font-size:14px}
[data-style="donker"] .cart-bar-label{text-align:center}
@media(min-width:800px){[data-style="donker"] .cart-dock{background:none;border:0}}
[data-style="donker"] dialog#cart-sheet{background:var(--paper-2);color:var(--ink);box-shadow:0 -20px 60px -20px var(--d-shade)}
[data-style="donker"] dialog#cart-sheet::backdrop{background:color-mix(in srgb, var(--d-shade) 70%, transparent)}
@media(min-width:1024px){[data-style="donker"] dialog#cart-sheet{border-left:1px solid var(--line)}}
[data-style="donker"] .cart-head{padding:14px 16px 10px 20px;border-bottom:0}
[data-style="donker"] .cart-head h3{font-family:var(--didone);font-weight:400;font-size:30px;line-height:1.1;letter-spacing:-.02em}
[data-style="donker"] .cart-back{width:44px;height:44px;background:transparent;border-color:var(--line-2);color:var(--ink)}
[data-style="donker"] .cart-scroll{padding:0 20px 16px}
[data-style="donker"] .cart-pickup{font-family:var(--mono);font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0;padding:0 0 16px;border-bottom:1px solid var(--line)}
[data-style="donker"] .cart-pickup span{display:block;font-weight:400;color:var(--gold);margin-bottom:2px}
[data-style="donker"] .cart-line{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main step" "price step";gap:4px 16px;padding:18px 0;border-bottom-color:var(--line)}
[data-style="donker"] .cl-main{grid-area:main}
[data-style="donker"] .cl-name{font-weight:500;font-size:16px;line-height:1.3}
[data-style="donker"] .cl-meta{font-size:13px;color:var(--ink-dim)}
[data-style="donker"] .cl-price{grid-area:price;justify-self:start;font-weight:400;font-size:15px;color:var(--ink-soft)}
[data-style="donker"] .stepper{border:0;background:var(--paper-3);gap:0;padding:0}
[data-style="donker"] .cart-line .stepper{grid-area:step;grid-column:auto;justify-self:end;align-self:center}
[data-style="donker"] .step-btn,[data-style="donker"] .stepper-sm .step-btn{width:44px;height:44px;background:transparent;color:var(--ink)}
[data-style="donker"] .step-btn:hover{background:var(--d-veil)}
[data-style="donker"] .step-qty{min-width:18px;font-weight:500}
[data-style="donker"] .cart-empty{font-family:var(--didone);font-style:italic;font-size:20px;color:var(--ink-soft);padding:48px 0}
[data-style="donker"] .cart-foot{background:var(--paper-2);border-top-color:var(--line);padding-inline:20px;gap:12px}
[data-style="donker"] .cart-sum{font-weight:500;font-size:17px}
[data-style="donker"] .cart-sum b{font-weight:600}
/* one strong action per step (checkout / add to order), the rest is text */
[data-style="donker"] .cart-cta.btn-primary,[data-style="donker"] .add-row .add-btn{background:var(--ink);border-color:var(--ink);color:var(--paper);min-height:56px;border-radius:999px;font-weight:500}
[data-style="donker"] .cart-cta.btn-primary:hover,[data-style="donker"] .add-row .add-btn:hover{background:var(--ink-soft);border-color:var(--ink-soft)}
[data-style="donker"] .add-row .add-btn{flex:1;min-width:0;padding:0 16px}
[data-style="donker"] .cart-cta.btn-line{min-height:44px;border:0;color:var(--ink-soft);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}
[data-style="donker"] .cart-cta.btn-line:hover{color:var(--ink);text-decoration-color:var(--gold)}
[data-style="donker"] .co-summary,[data-style="donker"] .done-facts{border-color:var(--line);background:var(--paper)}
[data-style="donker"] .cart-done h3{font-family:var(--didone);font-weight:400;font-size:30px}
[data-style="donker"] .field-label{font-weight:500}
[data-style="donker"] .field-input{background:var(--paper);border-color:var(--line-2);border-radius:8px}
[data-style="donker"] .field-input:focus{border-color:var(--gold);outline:none}
[data-style="donker"] #dish-sheet .sheet-close{background:color-mix(in srgb, var(--paper) 82%, transparent);border-color:var(--line-2)}
[data-style="donker"] .cart-slot textarea{margin:0 0 8px}
[data-style="donker"] #dish-sheet .sheet-close{z-index:2;color:var(--ink)}
[data-style="donker"] .cart-view[data-view="checkout"] .cart-pickup{margin-bottom:18px}

/* ---------- round b2r3: Uber Eats store bar + cart, section rhythm, dark map ---------- */
/* top cart: order mode only; badge only with items. Desktop replaces the floating dock (no content overlap) */
:root[data-style="donker"][data-order="on"] .top-cart{display:grid;order:4;margin-left:8px;border:0;background:transparent;color:var(--ink)}
[data-style="donker"] .top-cart:hover{background:var(--line)}
[data-style="donker"] .top-cart-count{top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px;font-weight:600;background:var(--ink);color:var(--paper)}
:root[data-style="donker"]:not(.has-cart) .top-cart-count{display:none}
@media(max-width:799px){
  /* mobile: the bottom cart bar is the cart entry; keep the bar to search + menu */
  :root[data-style="donker"][data-order="on"] .top-cart{display:none}
}
@media(min-width:800px){
  :root[data-style="donker"] .cart-dock{display:none}
  :root[data-style="donker"][data-order="on"] .top-cart{margin-left:24px;margin-right:-8px}
  /* hero variant: brand + text links only; the store search pill appears with the solid bar */
  [data-style="donker"] .top-search{flex:1 1 auto;min-width:0;max-width:905px;margin:0 32px 0 clamp(24px,10vw,156px);flex-direction:row;justify-content:flex-start;gap:10px}
  [data-style="donker"] .top-search-label{flex:1;text-align:left}
  @supports (animation-timeline: scroll()){
    [data-style="donker"] .top-search{flex-direction:row;animation:donker-show linear both;animation-timeline:scroll(root);animation-range:40vh 70vh}
    [data-style="donker"] .top-search-label{animation:none}
    @keyframes donker-show{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}
  }
}
/* dark map tile: invert the light embed into the charcoal page */
[data-style="donker"] .map iframe{filter:invert(.92) hue-rotate(180deg) saturate(.35) brightness(.9) contrast(.92)}
/* section rhythm: featured row to the first menu heading 32 on desktop (rail holds the nav) */
@media(min-width:1024px){[data-style="donker"] .menu-layout > div{padding-top:8px}}
@media (prefers-reduced-motion: reduce){[data-style="donker"] .top-search{animation:none}}
/* narrow phones: number only, slightly smaller wordmark, so brand + number + search + menu fit */
@media(max-width:419px){[data-style="donker"] .top .btn-primary svg{display:none}[data-style="donker"] .top .btn-primary{font-size:13px;padding:0 4px 0 10px}[data-style="donker"] .brand .name{font-size:18px}}