/* ============================================================
   BUN STREET theme: toasted bun, ketchup red, mustard, grill brown
   ============================================================ */
:root{
  --bg:#FBF1E3; --bg-tint:#F3DFC1; --bg-dark:#4B2713; --bg-footer:#3A1D0D;
  --hero-bg:#FBF1E3;
  --surface:#FFFDF9; --surface-2:#F3DFC1; --ticket-bg:#FFFDF9;
  --ink:#2B1609; --ink-soft:#7A5A43; --dark-ink:#FBF1E3; --dark-soft:rgba(251,241,227,.6);
  --line:rgba(75,39,19,.14); --line-strong:rgba(43,22,9,.22);
  --accent:#D2291C; --accent-2:#F4A51C; --eyebrow:#C27C00; --ok:#3F8F3A;
  --grad:linear-gradient(#D2291C,#D2291C);        /* flat colours: the "gradient" is one colour */
  --grad-dark:linear-gradient(#F4A51C,#F4A51C);
  --btn-radius:100px; --card-radius:20px; --em-style:normal;
  --btn-shadow:0 4px 0 #A81E14; --btn-shadow-hover:0 6px 0 #A81E14;
  --ink-btn-bg:#4B2713; --ink-btn-shadow:0 4px 0 #3A1D0D;
  --nav-bg:rgba(251,241,227,.92); --cart-bg:#D2291C; --cart-shadow:0 3px 0 #A81E14;
  --count-bg:#F4A51C; --count-ink:#2B1609; --qty-bg:#F4A51C; --qty-ink:#2B1609;
  --tab-active-bg:#4B2713; --tab-active-ink:#fff; --seg-on:#4B2713;
  --stub-bg:#D2291C; --stub-closed:#6B4A33;
  --save-bg:#F4A51C; --save-ink:#2B1609; --note-bg:rgba(244,165,28,.2);
  --focus:rgba(244,165,28,.22); --focus-border:#F4A51C;
  --band-bg:#F4A51C; --band-eyebrow:#4B2713;
  --prep-bg:#F4A51C; --prep-ink:#2B1609;
}
.btn--primary:active{ transform:translateY(3px); box-shadow:0 1px 0 #A81E14; }

/* hero: sesame seeds, mustard plate, wavy edge into the mustard band */
.phero__seeds{ position:absolute; inset:0; pointer-events:none; opacity:.55;
  background-image:radial-gradient(3px 6px at 50% 50%, #E8C48A 95%, transparent 100%), radial-gradient(3px 6px at 50% 50%, #E8C48A 95%, transparent 100%);
  background-size:46px 46px; background-position:0 0, 23px 23px;
  -webkit-mask-image:linear-gradient(100deg,transparent 40%,#000 90%); mask-image:linear-gradient(100deg,transparent 40%,#000 90%); }
.phero__wave{ position:absolute; left:0; right:0; bottom:-1px; height:46px; width:100%; color:#F4A51C; }
.phero__plate::before{ content:''; position:absolute; inset:-6%; border-radius:50%; background:#F4A51C; transform:translate(5%,4%); }
.brand svg{ width:38px; height:38px; }
@media (max-width:600px){ .brand svg{ width:30px; height:30px; } }

/* step cards with red number badges */
.step{ background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:1.6rem 1.5rem; }
.step__n{ width:46px; height:46px; border-radius:50%; background:#D2291C; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.3rem; }

.phero__seeds, .phero__wave{ display:block; }