/* 901 Food: dark glass, photo first. Gold #dcae4f on buttons only. */
/* 901 Food: yellow and charcoal, like their round logo */
html:root{color-scheme:dark;--bg:#121212!important;--surface:#1c1a17!important;--sunk:#1c1a17!important;--line:rgba(255,255,255,.12)!important;--ink:#f6f2ea!important;--soft:#cfc8bb!important;--faint:#a39c90!important;--head-bg:#151311!important;--head-ink:#f6f2ea!important;--head-soft:rgba(255,255,255,.1)!important;--head-faint:rgba(246,242,234,.7)!important;--add-bg:#dcae4f!important;--add-ink:#14110a!important;--btn-bg:#dcae4f!important;--btn-ink:#14110a!important;--brand:#dcae4f!important;--brand-ink:#14110a!important;--apricot:#dcae4f!important;--apricot-ink:#14110a!important;--apricot-tint:rgba(220,174,79,.14)!important}
body{background:#111!important}
.app{background:transparent!important;position:relative;isolation:isolate}
.g-body,.chips-bar{background:transparent!important;background-image:none!important}
/* Blurred photo behind everything; the page script swaps it per category */
.app::before,#cbg i{content:"";position:fixed;inset:-60px;z-index:-1;background:#111 url("/uploads/9e3d2fce8d641a3e.webp") center/cover no-repeat;filter:blur(40px) brightness(.38) saturate(1.35);pointer-events:none}
#cbg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#111;pointer-events:none}
#cbg i{inset:-60px;opacity:0;transition:opacity .9s ease}
#cbg i.on{opacity:1}
html.cbg .app::before{display:none}
.g-head{background:rgba(16,16,16,.45)!important;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.08)!important}
.chips-bar{border-bottom:0!important}
.chips :is(button,a),.chips a{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f6f2ea!important;font-weight:600;padding:9px 16px!important;backdrop-filter:blur(12px);transition:background .25s,color .25s,transform .15s}
.chips :is(button,a)[aria-pressed="true"],.chips a[aria-pressed="true"]{background:#dcae4f!important;color:#14110a!important;border-color:#dcae4f!important}
.chips :is(button,a):active,.chips a:active{transform:scale(.95)}
h2.mcat,.cat-title,.m-h1{font-family:var(--display);font-weight:800;letter-spacing:-.02em;color:#f6f2ea}
h2.mcat,.cat-title{font-size:26px!important}
.mgrid{gap:12px!important}
.mgrid .mcard{position:relative;border-radius:22px!important;aspect-ratio:3/4;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.35);transition:transform .2s ease}
.mgrid .mcard:active{transform:scale(.97)}
.mgrid .mcard .mcard-img{position:absolute;inset:0;aspect-ratio:auto!important}
.mgrid .mcard .mcard-img img{transition:transform .6s ease}
.mgrid .mcard .mcard-t,.mgrid .mcard .mcard-f{position:relative;z-index:1}
.mgrid .mcard .mcard-t{margin-top:auto;flex:0;padding:44px 12px 0!important;background:linear-gradient(transparent,rgba(10,10,10,.55))}
.mgrid .mcard .mcard-f{background:rgba(10,10,10,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-top:4px!important}
.mgrid .mcard .mcard-t b{font-family:var(--display);font-weight:700;font-size:15px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.mgrid .mcard .mcard-t>span{color:#e6e0d5!important}
.mcard.out .mcard-img img{opacity:.35}
.mcard-pr,.pr{font-family:var(--display);font-weight:700;color:#fff!important;white-space:nowrap!important}
.mhero .mcard-f:has(.qty){flex-wrap:wrap!important}
.mhero .mcard-f:has(.qty) .pr{flex-basis:100%}
.add{box-shadow:0 4px 14px rgba(220,174,79,.35);transition:transform .15s}
.add:active{transform:scale(.88)}
.mhero,.mnew-c,.special{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:22px!important}
.promo{border-radius:22px!important;background:rgba(220,174,79,.16)!important;border:1px solid rgba(220,174,79,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.promo *{color:#f6f2ea!important}
.wel{background:rgba(220,174,79,.16)!important;border:1px solid rgba(220,174,79,.4);color:#f6f2ea!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:22px!important}
.wel *{color:#f6f2ea}
.wel .wel-b{background:#dcae4f!important;color:#14110a!important}
/* Sheets stay solid enough to read; the drawer is glass. Never make --head-bg or --surface see-through: TableTap uses them as icon and text colours. */
.opt-c,.viewer-c,.sheet,.acc,.g-menu{background:rgba(24,22,19,.95)!important;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);color:#f6f2ea;border-color:rgba(255,255,255,.1)!important}
.opt,.line,.d-f input,.d-f textarea,.d-f select,.d-promo input{background:#24211d!important;color:#f6f2ea!important;border-color:rgba(255,255,255,.12)!important}
.g-dr{background:rgba(20,18,16,.55)!important;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border-right:1px solid rgba(255,255,255,.1)}
.opt-f,.sheet-f,.viewer-f{background:rgba(24,22,19,.98)!important}
.cartbar{background:#dcae4f!important;color:#14110a!important;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.primary{background:#dcae4f!important;color:#14110a!important}
.splash{background:#111!important}
@media (prefers-reduced-motion:reduce){#cbg i,.mgrid .mcard,.add,.chips :is(button,a),.chips a{transition:none!important}}
:root{color-scheme:light;--bg:#fbf6e9;--surface:#fff;--sunk:#f6efdd;--line:#eee3c8;--ink:#2b2927;--soft:#6b655b;--faint:#978f80;
--head-bg:#f5c346!important;--head-ink:#343230!important;--head-soft:rgba(52,50,48,.1)!important;--head-faint:rgba(52,50,48,.7)!important;
--btn-bg:#343230;--btn-ink:#f5c346;--add-bg:#343230;--add-ink:#f5c346}
body{background:#fbf6e9}
.g-head{border-bottom:5px solid #343230}
.g-logo{height:60px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
@media (min-width:760px){.g-logo{height:96px}}
.g-body{background:radial-gradient(rgba(245,195,70,.35) 1.5px,transparent 1.7px) 0 0/20px 20px,#fbf6e9}
.chips-bar{background:#fbf6e9}
.chips :is(button,a){border:1.5px solid #343230;background:#fff;color:#343230;font-weight:600}
.chips :is(button,a)[aria-pressed="true"]{background:#343230;color:#f5c346}
/* each section as a white card with a charcoal title band */
.cat-sec{background:#fff;border-radius:18px;padding:0 16px 6px;margin:18px 0 0;box-shadow:0 2px 0 #eadfc4,0 8px 22px rgba(52,50,48,.07);overflow:hidden}
.cat-title{margin:0 -16px 4px;padding:13px 16px;background:#343230;color:#f5c346;font-weight:800;font-size:18px;letter-spacing:.02em;text-align:center;border:0}
.cat-title::before,.cat-title::after{content:"•";color:#f5c346;opacity:.6;margin:0 10px}
.dish{padding:13px 0;border-bottom:1.5px dashed #eadfc4;gap:14px}
.dish:last-child{border-bottom:0}
.dish b{font-size:16px;font-weight:700;color:#2b2927}
.dish-t span{color:#978f80;font-size:13px;margin-top:1px}
.dish .pr{display:inline-block;background:#f5c346;color:#2b2927;font-weight:800;font-size:15px;padding:5px 12px;border-radius:999px;white-space:nowrap}
.dish .pr small,.dish .fx{color:#6b655b}
/* on a computer two columns of cards */
@media (min-width:1000px){.cat-sec{column-gap:40px;padding:0 24px 8px}.cat-title{margin:0 -24px 6px}.dish:nth-last-child(2):nth-child(even){border-bottom:0}}
/* address and phone */
.contact{background:#343230;border:0;border-radius:18px;padding:20px 16px;margin-top:22px}
.contact a{color:#f5c346}
.contact a[href^="tel:"]{background:#f5c346;color:#343230;font-weight:800;padding:11px 24px}
.powered{margin-top:18px}