/* Eight distinct templates, picked per menu in Studio and set as data-theme on <html>; the accent color is
   always supplied inline per page (the theme's own default, or the menu's override), never fixed here. */
:root{
 --menu-bg:#050505;--menu-fg:#fff;--menu-muted:#9b9b9b;--menu-line:#292929;--menu-card:#111113;
 --menu-heading-font:"Barlow Condensed",Impact,sans-serif;--menu-body-font:Inter,Arial,sans-serif;
 --menu-radius:14px;--menu-heading-transform:uppercase;--menu-heading-weight:800;--menu-accent:#eb0d23;
}
[data-theme="minimal"]{--menu-bg:#fafafa;--menu-fg:#111214;--menu-muted:#6b6b6b;--menu-line:#e4e4e4;--menu-card:#ffffff;--menu-heading-font:Inter,Arial,sans-serif;--menu-heading-transform:none;--menu-heading-weight:700;--menu-radius:10px}
[data-theme="gold"]{--menu-bg:#0d0905;--menu-fg:#f3e6c8;--menu-muted:#b8a475;--menu-line:#3a2d17;--menu-card:#171208;--menu-heading-font:"Playfair Display",Georgia,serif;--menu-heading-transform:none;--menu-heading-weight:700;--menu-radius:4px}
[data-theme="neon"]{--menu-bg:#07040f;--menu-fg:#f2eaff;--menu-muted:#9c90c4;--menu-line:#2a1f45;--menu-card:#120c22;--menu-heading-font:"Barlow Condensed",Impact,sans-serif;--menu-heading-transform:uppercase;--menu-heading-weight:900;--menu-radius:14px}
[data-theme="serif"]{--menu-bg:#f7f1e6;--menu-fg:#2c2015;--menu-muted:#8a7a5c;--menu-line:#ddd0b4;--menu-card:#fffaf0;--menu-heading-font:"Playfair Display",Georgia,serif;--menu-heading-transform:none;--menu-heading-weight:600;--menu-radius:6px}
[data-theme="bold"]{--menu-bg:#000;--menu-fg:#fff;--menu-muted:#cfcfcf;--menu-line:#fff;--menu-card:#0a0a0a;--menu-heading-font:"Barlow Condensed",Impact,sans-serif;--menu-heading-transform:uppercase;--menu-heading-weight:900;--menu-radius:0px}
[data-theme="pastel"]{--menu-bg:#fdf1f5;--menu-fg:#3a2b33;--menu-muted:#8a6f7a;--menu-line:#f3d7e3;--menu-card:#ffffff;--menu-heading-font:Inter,Arial,sans-serif;--menu-heading-transform:none;--menu-heading-weight:700;--menu-radius:20px}
[data-theme="mono"]{--menu-bg:#f4f4f4;--menu-fg:#111;--menu-muted:#555;--menu-line:#111;--menu-card:#fff;--menu-heading-font:"Space Mono",monospace;--menu-body-font:"Space Mono",monospace;--menu-heading-transform:uppercase;--menu-heading-weight:700;--menu-radius:0px}
*{box-sizing:border-box}
html{background:var(--menu-bg)}
body{margin:0;background:var(--menu-bg);color:var(--menu-fg);font-family:var(--menu-body-font);overflow-x:hidden;min-height:100vh}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2{font-family:var(--menu-heading-font);text-transform:var(--menu-heading-transform);font-weight:var(--menu-heading-weight);margin:0}
main{width:min(820px,100%);margin:0 auto;padding:30px 20px 24px}
.menu-business{border-bottom:1px solid var(--menu-line)}
.menu-banner{width:100%;height:clamp(120px,28vw,220px);object-fit:cover}
.menu-business-row{width:min(820px,100%);margin:0 auto;display:flex;align-items:center;gap:16px;padding:18px 20px}
.menu-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--menu-accent);background:var(--menu-card)}
.menu-business-info h1{font-size:clamp(22px,4vw,30px)}
.menu-business-meta{margin:4px 0 0;color:var(--menu-muted);font-size:13px}
.menu-business-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.menu-chip{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--menu-accent);border-radius:999px;font-size:12px;font-weight:600;color:var(--menu-fg)}
.menu-credit{text-align:center;padding:10px 20px 40px;color:var(--menu-muted);font-size:12px}
.menu-credit a{border-bottom:1px solid currentColor;padding-bottom:1px}
.menu-pdf iframe{width:100%;height:80vh;border:1px solid var(--menu-line);border-radius:var(--menu-radius);background:var(--menu-card);display:block}
.menu-pdf p{margin-top:14px;text-align:center;color:var(--menu-muted);font-size:13px}
.menu-pdf p a{color:var(--menu-accent);font-weight:700}
.menu-image img{width:100%;border-radius:var(--menu-radius);border:1px solid var(--menu-line);display:block}
.menu-simple h1{font-size:clamp(30px,6vw,44px);line-height:1;margin-bottom:18px}
.menu-nav{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--menu-bg) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--menu-line);margin:0 -20px 18px;padding:0 20px}
.menu-nav-track{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:12px 0}
.menu-nav-track::-webkit-scrollbar{display:none}
.menu-nav a{flex:none;font-size:13px;font-weight:600;color:var(--menu-muted);white-space:nowrap;padding-bottom:4px;border-bottom:2px solid transparent}
.menu-nav a.is-active{color:var(--menu-fg);border-bottom-color:var(--menu-accent)}
.menu-search{margin:0 0 20px}
.menu-search input{width:100%;padding:12px 16px;border-radius:999px;border:1px solid var(--menu-line);background:var(--menu-card);color:var(--menu-fg);font-family:var(--menu-body-font);font-size:14px}
.menu-search input::placeholder{color:var(--menu-muted)}
.menu-empty{color:var(--menu-muted);font-size:13px;margin:0 0 20px}
.menu-simple section{margin:0 0 34px;scroll-margin-top:70px}
.menu-simple h2{font-size:clamp(22px,4vw,28px);color:var(--menu-accent);margin:0 0 4px}
.menu-section-note{margin:0 0 12px;color:var(--menu-muted);font-size:12px}
.menu-simple ul{list-style:none;margin:0;padding:0}
.menu-simple li{position:relative;display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--menu-line)}
.menu-simple li:last-child{border-bottom:0}
.menu-item-photo{width:64px;height:64px;border-radius:calc(var(--menu-radius)*0.7);object-fit:cover;flex:none;background:var(--menu-card)}
.menu-item-body{flex:1;min-width:0}
.menu-item-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.menu-item-name{font-weight:600;font-size:15px}
.menu-item-price{font-family:var(--menu-heading-font);font-size:18px;white-space:nowrap;color:var(--menu-accent)}
.menu-item-body p{margin:4px 0 0;color:var(--menu-muted);font-size:12px;line-height:1.5}
.menu-item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.menu-tag{display:inline-block;padding:2px 8px;border:1px solid var(--menu-line);border-radius:999px;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--menu-muted)}
@media(max-width:420px){.menu-business-row{padding:14px}main{padding:22px 14px 24px}.menu-nav{margin:0 -14px 16px;padding:0 14px}.menu-item-photo{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}