/* Smash Burger (2.0), drawn by public/tpl/burger.js. Builds on shop-flagship.css (whose burger rules still apply);
   every rule here is scoped to .site-body[data-template="burger"].
   - Palette: charcoal #121110 / #1B1917, off-white #F4EFE6, the takeaway's colour as the flame (buttons, the + sticker),
     mustard #F2B705 as the second voice (prices on dark cards, the sticker, the last headline line). Contrast: off-white
     on charcoal 16:1, muted #B3AA9E on charcoal 8.3:1, mustard on charcoal 10:1, #121110 on mustard 10:1.
   - Type: Anton (one weight, 400) in capitals for display, Inter for everything you read.
   - Motion: the banner photo pushing in, the headline rising line by line once, grain, the band sliding with the scroll,
     card lifts and photo zooms. All of it off with reduced motion (shop-flagship.css stops every animation). */

/* ---------- tokens */
.site-body[data-template="burger"] {
  --bg: #121110; --card: #1b1917; --soft: #24211e; --line: #34302b; --ink: #f4efe6; --muted: #b3aa9e;
  --fs-deep: #0b0a09; --fs-on-deep: #f4efe6; --fs-on-deep-muted: rgba(244, 239, 230, .68);
  --sb-mustard: #f2b705; --sb-char: #121110; --sb-night: #0b0a09; --sb-paper: #f4efe6;
  --t-head: "Anton", Impact, "Arial Narrow", sans-serif; --t-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-hw: 400; --t-weight: 400; --t-case: uppercase; --t-track: .005em; --t-style: normal;
  --sb-price: var(--sb-mustard);
  font-family: var(--t-body);
}
.site-body[data-template="burger"]:is([data-theme="light"], [data-theme="warm"]) {
  --bg: #f4efe6; --card: #ffffff; --soft: #e9e2d6; --line: #d8cfc1; --ink: #141210; --muted: #5e574e; --fs-deep: #121110; --sb-price: #141210;
}
.site-body[data-template="burger"][data-theme="warm"] { --bg: #f1e8da; --soft: #e6dccb; }
.site-body[data-template="burger"] .shop.t-site :is(h1, h2, h3, .fs-word, .fs-foot-name, .fs-cat-name, .fs-info-big, .fs-postcode) { font-weight: 400; letter-spacing: .005em; }
.site-body[data-template="burger"] :focus-visible { outline-color: var(--sb-mustard); }

/* ---------- header: transparent over the banner, a black bar once the page scrolls (and on every other page) */
.site-body[data-template="burger"] .shop.t-site .sb-head { color: var(--sb-paper); }
.site-body[data-template="burger"] .shop.t-site .sb-head::before { background: rgba(11, 10, 9, .94); box-shadow: 0 1px 0 rgba(255, 255, 255, .07); backdrop-filter: saturate(1.2) blur(12px); -webkit-backdrop-filter: saturate(1.2) blur(12px); }
.site-body[data-template="burger"] .shop.t-site .sb-head.is-over:not(.is-scrolled)::before { background: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)); }
.site-body[data-template="burger"] .shop.t-site .sb-head-in { grid-template-columns: minmax(0, 1fr) auto; }
.site-body[data-template="burger"] .shop.t-site .sb-brand .fs-word { font-family: var(--t-head); font-size: clamp(1.15rem, 4.6vw, 1.55rem); text-transform: uppercase; letter-spacing: .02em; }
.site-body[data-template="burger"] .shop.t-site .sb-nav-a { text-transform: uppercase; letter-spacing: .16em; font-size: .76rem; font-weight: 700; opacity: .86; }
.site-body[data-template="burger"] .shop.t-site .sb-nav-a:hover, .site-body[data-template="burger"] .shop.t-site .sb-nav-a[aria-current="page"] { opacity: 1; }
.site-body[data-template="burger"] .shop.t-site .sb-nav-a::after { height: 2px; bottom: 6px; background: var(--brand); }
.site-body[data-template="burger"] .shop.t-site .sb-acts .fs-hbtn { color: var(--sb-paper); border-color: rgba(244, 239, 230, .24); }
.site-body[data-template="burger"] .shop.t-site .sb-basket { border-radius: 999px; background: var(--brand); color: var(--brand-ink); text-transform: uppercase; letter-spacing: .1em; font-size: .76rem; font-weight: 700; }
.site-body[data-template="burger"] .shop.t-site .sb-basket .fs-basket-count { background: var(--sb-mustard); color: var(--sb-char); font-weight: 700; }
.site-body[data-template="burger"] .shop.t-site .sb-basket:hover { transform: translateY(-1px); }
@media (min-width: 1024px) {
  .site-body[data-template="burger"] .shop.t-site .sb-head-in { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .site-body[data-template="burger"] .shop.t-site .sb-nav { justify-self: center; gap: var(--s5); }
  .site-body[data-template="burger"] .shop.t-site .sb-acts { justify-self: end; }
}
/* The phone's full-screen menu: black, the links in Anton with a flame marker */
.site-body[data-template="burger"] .fs-drawer { background: var(--sb-night); color: var(--sb-paper); }
.site-body[data-template="burger"] .fs-drawer :is(.fs-drawer-nav a, .fs-drawer-call, .fs-drawer-close) { color: var(--sb-paper); }
.site-body[data-template="burger"] .fs-drawer :is(.fs-drawer-top, .fs-drawer-nav a) { border-color: rgba(255, 255, 255, .1); }
.site-body[data-template="burger"] .fs-drawer .fs-drawer-nav a { font-size: clamp(2.6rem, 13vw, 3.6rem); text-transform: uppercase; }
.site-body[data-template="burger"] .fs-drawer .fs-drawer-nav a[aria-current="page"] { color: var(--sb-mustard); }
.site-body[data-template="burger"] .fs-drawer .fs-drawer-where { color: rgba(244, 239, 230, .7); }
.site-body[data-template="burger"] .fs-drawer .fs-drawer-close { background: rgba(255, 255, 255, .1); }

/* ---------- home banner: full-bleed photo, grain, vignette, the name stacked bottom-left */
.site-body[data-template="burger"] .shop.t-site .sb-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; background: var(--sb-night); color: var(--sb-paper); }
.site-body[data-template="burger"] .shop.t-site .sb-hero.has-photo { min-height: max(600px, min(100svh, 980px)); margin-top: calc(var(--fs-head-h) * -1); }
.site-body[data-template="burger"] .shop.t-site .sb-hero.has-photo.size-medium { min-height: max(500px, min(72svh, 720px)); }
.site-body[data-template="burger"] .shop.t-site .sb-hero.no-photo { background: radial-gradient(90% 70% at 88% 0%, color-mix(in srgb, var(--brand) 42%, transparent), transparent 62%), radial-gradient(60% 50% at 0% 100%, rgba(242, 183, 5, .14), transparent 70%), var(--sb-night); }
.site-body[data-template="burger"] .shop.t-site .sb-hero-media { position: absolute; inset: 0; z-index: -3; overflow: hidden; }
.site-body[data-template="burger"] .shop.t-site .sb-hero-media img { width: 100%; height: 100%; object-fit: cover; transform-origin: 55% 45%; }
.site-body[data-template="burger"] .shop.t-site .sb-hero-media::after { content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse 120% 90% at 50% 38%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .6) 100%),
    linear-gradient(180deg, rgba(8, 7, 6, .6) 0%, rgba(8, 7, 6, 0) 22%, rgba(8, 7, 6, .1) 48%, rgba(8, 7, 6, .92) 100%); }
@media (min-width: 900px) { .site-body[data-template="burger"] .shop.t-site .sb-hero-media::after { background: radial-gradient(ellipse 110% 90% at 60% 40%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .62) 100%), linear-gradient(90deg, rgba(8, 7, 6, .7) 0%, rgba(8, 7, 6, .2) 50%, rgba(8, 7, 6, 0) 75%), linear-gradient(180deg, rgba(8, 7, 6, .55) 0%, rgba(8, 7, 6, 0) 22%, rgba(8, 7, 6, .82) 100%); } }
.site-body[data-template="burger"] .shop.t-site .sb-hero-media .t-sample-tag { top: calc(var(--fs-head-h) + 12px); bottom: auto; }
/* Film grain: two offset dot fields that jitter, blended over the photo (no image files, nothing to load). */
.site-body[data-template="burger"] .shop.t-site .sb-grain { position: absolute; inset: -40px; z-index: -2; pointer-events: none; opacity: .55; mix-blend-mode: overlay;
  background-image: radial-gradient(rgba(255, 255, 255, .16) .5px, transparent .9px), radial-gradient(rgba(0, 0, 0, .35) .5px, transparent .9px); background-size: 3px 3px, 5px 5px; background-position: 0 0, 1px 2px; }
.site-body[data-template="burger"] .shop.t-site .sb-echo { position: absolute; z-index: -1; right: -.04em; top: calc(var(--fs-head-h) + 2vh); max-width: none; font-family: var(--t-head); font-size: clamp(7rem, 34vw, 28rem); line-height: .8;
  text-transform: uppercase; white-space: nowrap; color: transparent; -webkit-text-stroke: 1.5px rgba(244, 239, 230, .2); pointer-events: none; user-select: none; }
.site-body[data-template="burger"] .shop.t-site .sb-hero-in { position: relative; width: 100%; display: grid; gap: var(--s4); padding-top: calc(var(--fs-head-h) + var(--s6)); padding-bottom: var(--s5); }
.site-body[data-template="burger"] .shop.t-site .sb-hero.no-photo .sb-hero-in { padding-top: var(--s7); padding-bottom: var(--s6); }
.site-body[data-template="burger"] .shop.t-site .sb-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 var(--s2); font: 700 .76rem/1.3 var(--t-body); letter-spacing: .22em; text-transform: uppercase; color: var(--sb-mustard); }
.site-body[data-template="burger"] .shop.t-site .sb-kick-bar { flex: none; width: 36px; height: 2px; background: var(--brand); }
.site-body[data-template="burger"] .shop.t-site .sb-h1 { margin: 0; font-family: var(--t-head); font-weight: 400; text-transform: uppercase; letter-spacing: -.004em; line-height: .86; color: var(--sb-paper);
  font-size: min(clamp(3.8rem, 1rem + 14vw, 12.5rem), calc((100vw - 2 * var(--fs-gutter)) / (var(--sb-longest, 8) * .5))); text-shadow: 0 4px 40px rgba(0, 0, 0, .35); overflow-wrap: normal; }
.site-body[data-template="burger"] .shop.t-site .sb-line { display: block; overflow: hidden; padding: .03em 0 .02em; margin-bottom: -.03em; }
.site-body[data-template="burger"] .shop.t-site .sb-line-in { display: block; }
.site-body[data-template="burger"] .shop.t-site .sb-line:last-child:not(:first-child) .sb-line-in { color: var(--sb-mustard); }
.site-body[data-template="burger"] .shop.t-site .sb-hero-name { margin: var(--s2) 0 0; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: .85rem; color: rgba(244, 239, 230, .85); }
.site-body[data-template="burger"] .shop.t-site .sb-hero-tag { margin: var(--s2) 0 0; max-width: 38ch; font-size: clamp(1.05rem, 1rem + .4vw, 1.25rem); line-height: 1.5; font-weight: 500; color: rgba(244, 239, 230, .88); }
/* The order controls: a quiet glass panel on a computer, stacked under the name on a phone */
.site-body[data-template="burger"] .shop.t-site .sb-order { display: grid; gap: 12px; align-content: end; }
.site-body[data-template="burger"] .shop.t-site .sb-status { padding: 0; background: none; color: var(--sb-paper); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.site-body[data-template="burger"] .shop.t-site .sb-status.ok .dot { background: #3ccf74; animation: sb-live 2.2s ease-out infinite; }
.site-body[data-template="burger"] .shop.t-site .sb-toggle { display: flex; width: 100%; border-radius: 999px; background: rgba(244, 239, 230, .12); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.site-body[data-template="burger"] .shop.t-site .sb-toggle button { flex: 1; border-radius: 999px; color: var(--sb-paper); text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; font-weight: 700; }
.site-body[data-template="burger"] .shop.t-site .sb-toggle button.on { background: var(--sb-paper); color: var(--sb-char); }
.site-body[data-template="burger"] .shop.t-site .sb-order .type-only { color: var(--sb-paper); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; font-size: .8rem; }
.site-body[data-template="burger"] .shop.t-site .sb-go { width: 100%; min-width: 0; min-height: 58px; justify-content: space-between; padding: 0 var(--s3); border-radius: 999px; font-weight: 700; letter-spacing: .12em; font-size: .86rem; box-shadow: 0 18px 40px -18px color-mix(in srgb, var(--brand) 85%, transparent); }
.site-body[data-template="burger"] .shop.t-site .sb-facts { color: rgba(244, 239, 230, .78); font-size: .88rem; }
.site-body[data-template="burger"] .shop.t-site .sb-facts .fact b, .site-body[data-template="burger"] .shop.t-site .sb-facts .fact.good { color: var(--sb-paper); }
.site-body[data-template="burger"] .shop.t-site .sb-facts .fact + .fact::before { color: rgba(244, 239, 230, .6); }
.site-body[data-template="burger"] .shop.t-site .sb-hero :focus-visible { outline-color: var(--sb-paper); }
@media (min-width: 1024px) {
  .site-body[data-template="burger"] .shop.t-site .sb-hero-in { grid-template-columns: minmax(0, 1fr) 360px; align-items: end; gap: var(--s6); padding-bottom: var(--s6); }
  .site-body[data-template="burger"] .shop.t-site .sb-h1 { font-size: min(12.5rem, calc((100vw - 2 * var(--fs-gutter) - 360px - var(--s6)) / (var(--sb-longest, 8) * .5))); }
  .site-body[data-template="burger"] .shop.t-site .sb-order { padding: var(--s3); border-radius: calc(var(--r) + 6px); background: rgba(18, 17, 16, .58); border: 1px solid rgba(244, 239, 230, .12); backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2); }
}

/* ---------- the band of facts: flame band in front, mustard band crossing behind */
.site-body[data-template="burger"] .shop.t-site .sb-mq { position: relative; overflow: hidden; padding: 34px 0; background: var(--bg); }
.site-body[data-template="burger"] .shop.t-site .sb-mq-band { width: calc(100% + 160px); margin-left: -80px; overflow: hidden; }
.site-body[data-template="burger"] .shop.t-site .sb-mq-band.is-front { position: relative; z-index: 1; background: var(--brand); color: var(--brand-ink); transform: rotate(-2deg); box-shadow: 0 18px 36px -20px rgba(0, 0, 0, .7); }
.site-body[data-template="burger"] .shop.t-site .sb-mq-band.is-back { position: absolute; left: 0; top: 50%; margin: 0 0 0 -80px; background: var(--sb-mustard); color: var(--sb-char); transform: translateY(-50%) rotate(2.4deg); }
.site-body[data-template="burger"] .shop.t-site .sb-mq-track { display: flex; width: max-content; will-change: transform; }
.site-body[data-template="burger"] .shop.t-site .sb-mq-run { display: flex; align-items: center; gap: 26px; padding: 15px 13px; white-space: nowrap; font-family: var(--t-head); text-transform: uppercase; letter-spacing: .02em; font-size: clamp(1.3rem, 1rem + 1.5vw, 2.2rem); line-height: 1; }
.site-body[data-template="burger"] .shop.t-site .is-back .sb-mq-run { padding: 11px 13px; font-size: clamp(1rem, .9rem + .8vw, 1.5rem); }
.site-body[data-template="burger"] .shop.t-site .sb-mq-run i { flex: none; width: .5em; height: .5em; background: currentColor; clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); }

/* ---------- section heads */
.site-body[data-template="burger"] .shop.t-site .fs-sec-head h2 { font-size: clamp(2.8rem, 1.2rem + 6vw, 6rem); line-height: .86; }
.site-body[data-template="burger"] .shop.t-site .fs-kicker { color: var(--sb-mustard); letter-spacing: .22em; font-weight: 700; }
.site-body[data-template="burger"]:is([data-theme="light"], [data-theme="warm"]) .shop.t-site .fs-kicker { color: var(--fs-accent); }

/* ---------- make it a meal: dark cards, a big round price sticker */
.site-body[data-template="burger"] .shop.t-site .sb-meal-grid { display: grid; gap: var(--s3); counter-reset: meal; }
@media (min-width: 760px) { .site-body[data-template="burger"] .shop.t-site .sb-meal-grid:not(.n1) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .site-body[data-template="burger"] .shop.t-site .sb-meal-grid.n1 { max-width: 640px; } }
@media (min-width: 1100px) { .site-body[data-template="burger"] .shop.t-site .sb-meal-grid.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.site-body[data-template="burger"] .shop.t-site .sb-meal-cell { display: flex; min-width: 0; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal { display: flex; flex-direction: column; width: 100%; overflow: hidden; border-radius: calc(var(--r) + 6px); border: 1px solid rgba(244, 239, 230, .08);
  background: linear-gradient(180deg, #201d1a 0%, #151311 100%); color: var(--sb-paper); counter-increment: meal; transition: transform .4s var(--fs-ease), box-shadow .4s ease, border-color .3s ease; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal::before { content: "0" counter(meal); position: absolute; z-index: 2; left: 18px; top: 12px; font-family: var(--t-head); font-size: 3rem; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px rgba(244, 239, 230, .85); pointer-events: none; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal:not(.soldout):hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--brand) 55%, transparent); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .8); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal .sb-media { aspect-ratio: 16 / 10; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal .sb-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 35%, rgba(21, 19, 17, .65) 100%); }
.site-body[data-template="burger"] .shop.t-site .sb-sticker { position: absolute; z-index: 3; top: 14px; right: 14px; display: grid; place-content: center; justify-items: center; gap: 2px; width: 112px; height: 112px; border-radius: 50%; background: var(--sb-mustard); color: var(--sb-char);
  transform: rotate(-9deg); box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .6), inset 0 0 0 4px var(--sb-mustard), inset 0 0 0 5.5px rgba(18, 17, 16, .35); transition: transform .5s var(--fs-ease); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-deal:hover .sb-sticker { transform: rotate(-2deg) scale(1.05); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card .sb-sticker .mi-price { position: static; display: block; padding: 0; background: none; color: inherit; box-shadow: none; transform: none; font-family: var(--t-head); font-weight: 400; font-size: 1.7rem; line-height: .95; text-align: center; }
.site-body[data-template="burger"] .shop.t-site .sb-sticker .mi-price small { display: block; font: 700 .58rem/1.2 var(--t-body); letter-spacing: .16em; text-transform: uppercase; }
.site-body[data-template="burger"] .shop.t-site .sb-sticker-meal { font: 700 .6rem/1.2 var(--t-body); letter-spacing: .1em; text-transform: uppercase; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal .sb-body { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: var(--s3) 88px var(--s3) var(--s3); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal .mi-name { font-family: var(--t-head); font-weight: 400; text-transform: uppercase; font-size: clamp(1.9rem, 1.5rem + 1.2vw, 2.5rem); line-height: .92; letter-spacing: .005em; color: var(--sb-paper); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal :is(.mi-desc, .mi-allergens, .mi-opts) { color: rgba(244, 239, 230, .72); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal .mi-add { right: var(--s3); bottom: var(--s3); width: 56px; height: 56px; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal.sb-words { padding-top: 140px; background: radial-gradient(80% 60% at 100% 0%, color-mix(in srgb, var(--brand) 35%, transparent), transparent 70%), linear-gradient(180deg, #201d1a, #151311); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-deal.sb-words::before { top: 22px; }

/* ---------- our picks: tall posters in a rail (sideways on a phone, three across on a computer) */
.site-body[data-template="burger"] .shop.t-site .sb-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 78%); gap: var(--s2); margin: 0 calc(var(--fs-gutter) * -1); padding: 0 var(--fs-gutter) var(--s1);
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--fs-gutter); scrollbar-width: none; }
.site-body[data-template="burger"] .shop.t-site .sb-rail::-webkit-scrollbar { display: none; }
.site-body[data-template="burger"] .shop.t-site .sb-rail-cell { display: flex; flex-direction: column; gap: 10px; min-width: 0; scroll-snap-align: start; }
.site-body[data-template="burger"] .shop.t-site .sb-rail-no { display: flex; align-items: center; gap: 10px; font-family: var(--t-head); font-size: 1rem; letter-spacing: .08em; color: var(--sb-mustard); }
.site-body[data-template="burger"] .shop.t-site .sb-rail-no::after { content: ""; flex: 1; height: 1px; background: var(--line); }
@media (min-width: 700px) { .site-body[data-template="burger"] .shop.t-site .sb-rail { grid-auto-columns: minmax(260px, 44%); } }
@media (min-width: 1100px) { .site-body[data-template="burger"] .shop.t-site .sb-rail { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; overflow: visible; gap: var(--s4) var(--s3); } }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster { display: block; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; isolation: isolate; border-radius: calc(var(--r) + 4px); background: var(--card); color: #fff; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster .sb-media { position: absolute; inset: 0; z-index: -1; aspect-ratio: auto; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster .sb-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .1) 50%, rgba(8, 7, 6, .9) 100%); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster .sb-body { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 8px; padding: var(--s3) 92px var(--s3) var(--s3); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster .mi-name { font-family: var(--t-head); font-weight: 400; text-transform: uppercase; font-size: clamp(1.9rem, 1.3rem + 1.8vw, 2.8rem); line-height: .9; color: #fff; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster .mi-desc { color: rgba(255, 255, 255, .8); -webkit-line-clamp: 2; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster .mi-price { position: absolute; z-index: 2; top: 16px; left: 16px; padding: 9px 13px 8px; border-radius: 4px; background: var(--sb-mustard); color: var(--sb-char);
  font-family: var(--t-head); font-weight: 400; font-size: 1.25rem; line-height: 1; transform: rotate(-4deg); box-shadow: 4px 4px 0 rgba(0, 0, 0, .45); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster .mi-add { right: var(--s3); bottom: var(--s3); width: 56px; height: 56px; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster.sb-words { display: flex; flex-direction: column; justify-content: flex-end; background: radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--brand) 40%, transparent), transparent 70%), var(--soft); color: var(--ink); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster.sb-words .mi-name { color: var(--ink); font-size: clamp(2.2rem, 1.6rem + 2vw, 3.2rem); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.k-poster.sb-words .mi-desc { color: var(--muted); }
.site-body[data-template="burger"] .shop.t-site .sb-sample { display: none; }

/* ---------- the menu teaser: a photo tile per section (the first one large on a computer) */
.site-body[data-template="burger"] .shop.t-site .sb-tiles { display: grid; gap: var(--s2); margin: 0; padding: 0; list-style: none; }
@media (min-width: 600px) { .site-body[data-template="burger"] .shop.t-site .sb-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
  .site-body[data-template="burger"] .shop.t-site .sb-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(250px, auto); gap: var(--s3); }
  .site-body[data-template="burger"] .shop.t-site .sb-tile.is-lead { grid-column: span 2; grid-row: span 2; }
  .site-body[data-template="burger"] .shop.t-site .sb-tiles.n2 .sb-tile, .site-body[data-template="burger"] .shop.t-site .sb-tiles.n1 .sb-tile { grid-column: span 2; }
}
.site-body[data-template="burger"] .shop.t-site .sb-tile { display: flex; min-width: 0; }
.site-body[data-template="burger"] .shop.t-site .sb-tile-a { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; width: 100%; min-height: 0; aspect-ratio: 16 / 10; padding: var(--s3); overflow: hidden;
  border-radius: calc(var(--r) + 4px); background: var(--card); color: #fff; text-decoration: none; }
@media (min-width: 1100px) { .site-body[data-template="burger"] .shop.t-site .sb-tile-a { aspect-ratio: auto; } .site-body[data-template="burger"] .shop.t-site .is-lead .sb-tile-a { padding: var(--s5); } }
.site-body[data-template="burger"] .shop.t-site .sb-tile-media { position: absolute; inset: 0; z-index: -1; }
.site-body[data-template="burger"] .shop.t-site .sb-tile-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--fs-ease), opacity .6s ease; }
.site-body[data-template="burger"] .shop.t-site .sb-tile-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 35%, rgba(8, 7, 6, .86) 100%); transition: opacity .4s ease; }
.site-body[data-template="burger"] .shop.t-site .sb-tile-a:hover .sb-tile-media img { transform: scale(1.07); }
.site-body[data-template="burger"] .shop.t-site .sb-tile-no { position: absolute; top: var(--s3); left: var(--s3); font-family: var(--t-head); font-size: 1.1rem; letter-spacing: .08em; color: var(--sb-mustard); }
.site-body[data-template="burger"] .shop.t-site .sb-tile-name { font-family: var(--t-head); text-transform: uppercase; font-size: clamp(2rem, 1.4rem + 2.2vw, 3.1rem); line-height: .9; overflow-wrap: anywhere; }
.site-body[data-template="burger"] .shop.t-site .is-lead .sb-tile-name { font-size: clamp(2.6rem, 1.4rem + 3.6vw, 5rem); }
.site-body[data-template="burger"] .shop.t-site .sb-tile-count { font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .82; }
.site-body[data-template="burger"] .shop.t-site .sb-tile-go { position: absolute; top: var(--s3); right: var(--s3); display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--brand); color: var(--brand-ink); transform: rotate(-45deg); transition: transform .45s var(--fs-ease); }
.site-body[data-template="burger"] .shop.t-site .sb-tile-go .fs-ico { width: 20px; height: 20px; fill: currentColor; }
.site-body[data-template="burger"] .shop.t-site .sb-tile-a:hover .sb-tile-go { transform: none; }
.site-body[data-template="burger"] .shop.t-site .sb-tile.no-photo .sb-tile-a { background: var(--soft); color: var(--ink); border: 1px solid var(--line); }
.site-body[data-template="burger"] .shop.t-site .sb-tile-a:focus-visible { outline: 3px solid var(--sb-mustard); outline-offset: 3px; }

/* ---------- story and promo, in this template's voice */
.site-body[data-template="burger"] .shop.t-site .fs-story-body { border-radius: calc(var(--r) + 6px); }
.site-body[data-template="burger"] .shop.t-site .fs-promo h2 { font-size: clamp(2.8rem, 1.4rem + 5vw, 5.6rem); line-height: .88; }
.site-body[data-template="burger"] .shop.t-site .fs-info-cell > .fs-ico { color: var(--sb-mustard); }

/* ---------- the menu page */
.site-body[data-template="burger"] .shop.t-site .sb-pagehead { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(70% 120% at 100% 0%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 60%), var(--bg); border-bottom-color: var(--line); }
.site-body[data-template="burger"] .shop.t-site .sb-pagehead::after { content: attr(data-echo); position: absolute; z-index: -1; right: -.03em; bottom: -.16em; font-family: var(--t-head); font-size: clamp(8rem, 30vw, 24rem); line-height: 1; text-transform: uppercase;
  color: transparent; -webkit-text-stroke: 1.5px color-mix(in srgb, var(--ink) 16%, transparent); pointer-events: none; }
.site-body[data-template="burger"] .shop.t-site .sb-pagehead .fs-toggle button.on { background: var(--sb-mustard); color: var(--sb-char); }
.site-body[data-template="burger"] .shop.t-site .sb-pagehead .fs-status { text-transform: uppercase; letter-spacing: .1em; font-size: .76rem; font-weight: 700; }
.site-body[data-template="burger"] .shop.t-site .sb-menunav .cat-tabs a { letter-spacing: .1em; font-size: .76rem; font-weight: 700; }
.site-body[data-template="burger"] .shop.t-site .sb-menunav .cat-tabs a.active { color: var(--brand-ink); }
.site-body[data-template="burger"] .shop.t-site .sb-cathead { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: var(--s2); margin-bottom: var(--s3); padding-bottom: var(--s2); border-bottom: 1px solid var(--line); }
.site-body[data-template="burger"] .shop.t-site .sb-cat-no { font-family: var(--t-head); font-size: clamp(1.4rem, 1rem + 1.4vw, 2.2rem); line-height: 1; color: transparent; -webkit-text-stroke: 1.2px var(--sb-mustard); padding-bottom: .1em; }
.site-body[data-template="burger"]:is([data-theme="light"], [data-theme="warm"]) .shop.t-site .sb-cat-no { -webkit-text-stroke-color: var(--ink); }
.site-body[data-template="burger"] .shop.t-site .cat .sb-cathead h2 { font-size: clamp(2.6rem, 1.4rem + 4.6vw, 4.6rem); line-height: .86; }

/* ---------- dish cards (menu): big photo cards, 1 / 2 / 3 across */
.site-body[data-template="burger"] .shop.t-site :is(.items, .popular-track) { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s2); }
@media (min-width: 560px) { .site-body[data-template="burger"] .shop.t-site :is(.items, .popular-track) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3) var(--s2); } }
@media (min-width: 1200px) { .site-body[data-template="burger"] .shop.t-site :is(.items, .popular-track) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card { color: var(--ink); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card:is(.k-menu, .k-row, .k-feature) { display: flex; flex-direction: column; overflow: hidden; border-radius: calc(var(--r) + 4px); border: 1px solid var(--line); background: var(--card);
  transition: transform .4s var(--fs-ease), border-color .3s ease, box-shadow .4s ease; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card:is(.k-menu, .k-row, .k-feature):not(.soldout):hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--brand) 50%, var(--line)); box-shadow: 0 26px 48px -28px rgba(0, 0, 0, .75); }
.site-body[data-template="burger"] .shop.t-site .sb-media { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 10; background: var(--soft); }
@media (min-width: 560px) { .site-body[data-template="burger"] .shop.t-site .sb-card:is(.k-menu, .k-row) .sb-media { aspect-ratio: 4 / 3; } }
.site-body[data-template="burger"] .shop.t-site .sb-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--fs-ease), opacity .6s ease; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card:not(.soldout):hover .sb-media img { transform: scale(1.06); }
.site-body[data-template="burger"] .shop.t-site .sb-card .sb-body { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 0; padding: 16px 18px 20px; }
.site-body[data-template="burger"] .shop.t-site .sb-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card .mi-name { font-family: var(--t-head); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; font-size: clamp(1.35rem, 1.2rem + .5vw, 1.6rem); line-height: 1; color: inherit; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card .sb-top .mi-price { position: static; flex: none; padding: 2px 0 0; border-radius: 0; background: none; color: var(--sb-price); box-shadow: none; transform: none; font-weight: 700; font-size: 1rem; line-height: 1.2; white-space: nowrap; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card .mi-desc { -webkit-line-clamp: 2; font-size: .9rem; }
/* The round + sticker on the photo's corner */
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card .mi-add { right: 14px; bottom: 14px; width: 50px; height: 50px; border-radius: 50%; background: var(--brand); color: var(--brand-ink); font-size: 1.6rem; font-weight: 400; line-height: 1;
  box-shadow: 0 8px 20px -6px rgba(0, 0, 0, .55), 0 0 0 4px rgba(18, 17, 16, .28); transition: transform .35s var(--fs-ease), background-color .2s ease; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card:not(.soldout):hover .mi-add:not(.has) { transform: rotate(90deg) scale(1.06); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card .mi-add.has { background: var(--sb-mustard); color: var(--sb-char); font-size: 1.05rem; font-weight: 700; }
.site-body[data-template="burger"] .shop.t-site .sb-meal { display: inline-flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; padding: 6px 10px; border-radius: 999px; border: 1.5px dashed color-mix(in srgb, var(--sb-mustard) 70%, transparent);
  font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.site-body[data-template="burger"] .shop.t-site .sb-meal b { overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
.site-body[data-template="burger"] .shop.t-site .sb-meal span { color: var(--sb-price); }
.site-body[data-template="burger"]:is([data-theme="light"], [data-theme="warm"]) .shop.t-site .sb-meal { border-color: var(--ink); }
/* A dish with no photo (or the builder's words-only layout): a bold row across the width, never an empty photo box */
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-words:is(.k-menu, .k-row) { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) 50px; align-items: center; gap: var(--s2); padding: 4px var(--s2) 4px 0; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-words .sb-body { padding: 16px 0 16px 18px; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-words:is(.k-menu, .k-row) .mi-add { position: static; width: 46px; height: 46px; box-shadow: none; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-words:is(.k-menu, .k-row) .mi-name { font-size: clamp(1.4rem, 1.2rem + .8vw, 1.8rem); }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.sb-words .mi-desc { -webkit-line-clamp: 3; }
/* Sold out: quiet, no + */
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.soldout .mi-price { background: none; color: var(--muted); font: 700 .72rem/1.2 var(--t-body); letter-spacing: .14em; text-transform: uppercase; box-shadow: none; transform: none; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.soldout .mi-add { display: none; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card.soldout .sb-media img { filter: grayscale(1); opacity: .5; }
.site-body[data-template="burger"] .shop.t-site .fs-dish.sb-card:focus-visible { outline: 3px solid var(--sb-mustard); outline-offset: 3px; border-radius: calc(var(--r) + 4px); }

/* ---------- footer: the name set across the whole width */
.site-body[data-template="burger"] .shop.t-site .sb-foot { position: relative; overflow: hidden; background: var(--sb-night); color: var(--sb-paper); padding-top: var(--s7); }
.site-body[data-template="burger"] .shop.t-site .sb-foot-top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--s3); padding-bottom: var(--s5); border-bottom: 1px solid rgba(255, 255, 255, .12); }
.site-body[data-template="burger"] .shop.t-site .sb-foot-kicker { margin: 0; font-family: var(--t-head); text-transform: uppercase; font-size: clamp(2.6rem, 1.6rem + 4vw, 5rem); line-height: .9; color: var(--sb-mustard); }
.site-body[data-template="burger"] .shop.t-site .sb-foot-tag { margin: var(--s1) 0 0; max-width: 40ch; color: var(--fs-on-deep-muted); }
.site-body[data-template="burger"] .shop.t-site .sb-foot .fs-cta { border-radius: 999px; padding: 0 var(--s4); font-weight: 700; letter-spacing: .12em; }
.site-body[data-template="burger"] .shop.t-site .sb-foot-word { margin: var(--s3) 0 var(--s2); overflow: hidden; white-space: nowrap; font-family: var(--t-head); text-transform: uppercase; line-height: .8; letter-spacing: -.005em;
  font-size: min(19rem, calc((min(100vw, var(--fs-max)) - 2 * var(--fs-gutter)) / (var(--sb-len, 8) * .5))); color: var(--sb-paper);
  background: linear-gradient(180deg, var(--sb-paper) 35%, color-mix(in srgb, var(--brand) 85%, var(--sb-paper)) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.site-body[data-template="burger"] .shop.t-site .sb-foot .fs-foot-base { border-top-color: rgba(255, 255, 255, .12); }

/* ---------- the dish sheet, basket and checkout: Anton has one weight, so no faux bold */
.site-body[data-template="burger"] .sheet-panel :is(.sheet-head h2, .item-body h2, .basket-head h2), .site-body[data-template="burger"] :is(.basket-panel, .basket-sheet) .basket-head h2,
.site-body[data-template="burger"] .checkout-sheet .co-card h3, .site-body[data-template="burger"] .status-page :is(.status-hero .big, .card h3) { font-family: var(--t-head); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; }
.site-body[data-template="burger"] .item-price { border-radius: 999px; padding: 6px 14px; }
.site-body[data-template="burger"] .opt-group legend b { font-weight: 700; letter-spacing: .08em; }
.site-body[data-template="burger"] .opt-group.is-meal { border-color: var(--sb-mustard); background: color-mix(in srgb, var(--sb-mustard) 8%, var(--card)); }
.site-body[data-template="burger"] .fs-bar-go { border-radius: 999px; letter-spacing: .1em; font-weight: 700; }
.site-body[data-template="burger"] .fly-dot { background: var(--sb-mustard); box-shadow: 0 0 0 3px rgba(18, 17, 16, .6), 0 6px 16px rgba(0, 0, 0, .35); }

/* ---------- motion (none of it with reduced motion) */
@media (prefers-reduced-motion: no-preference) {
  .site-body[data-template="burger"] .shop.t-site .sb-push { animation: sb-push 26s cubic-bezier(.2, .6, .2, 1) both; }
  .site-body[data-template="burger"] .shop.t-site .sb-grain { animation: sb-grain .9s steps(3) infinite; }
  .site-body[data-template="burger"]:not(.fs-painted) .shop.t-site .sb-line-in { animation: sb-rise 1s cubic-bezier(.2, .8, .1, 1) both; animation-delay: calc(var(--i, 0) * 110ms + 180ms); }
  .site-body[data-template="burger"]:not(.fs-painted) .shop.t-site :is(.sb-kicker, .sb-hero-name, .sb-hero-tag, .sb-order) { animation: fs-rise .9s var(--fs-ease) both; animation-delay: .55s; }
  .site-body[data-template="burger"]:not(.fs-painted) .shop.t-site .sb-order { animation-delay: .7s; }
  .site-body[data-template="burger"]:not(.fs-painted) .shop.t-site .sb-echo { animation: sb-echo 1.8s cubic-bezier(.2, .7, .2, 1) both; }
}
@keyframes sb-push { from { transform: scale(1.16); } to { transform: scale(1.03); } }
@keyframes sb-grain { 0% { transform: translate(0, 0); } 33% { transform: translate(-7px, 4px); } 66% { transform: translate(5px, -6px); } 100% { transform: translate(0, 0); } }
@keyframes sb-rise { from { transform: translateY(108%); } to { transform: none; } }
@keyframes sb-echo { from { opacity: 0; transform: translateX(8%); } to { opacity: 1; transform: none; } }
@keyframes sb-live { 0% { box-shadow: 0 0 0 0 rgba(60, 207, 116, .55); } 100% { box-shadow: 0 0 0 9px rgba(60, 207, 116, 0); } }