@import url('../hf-global-v19.css');
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif}body.restaurant-page{--brand:#d94a37;--brand2:#f5c35a;--ink:#17120f;--paper:#fff7e8;--surface:#fff;--muted:#6f655e;background:var(--paper);color:var(--ink);overflow-x:hidden}
.restaurant-nav{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,70px);position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper),transparent 7%);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--brand),transparent 74%)}.restaurant-nav a{text-decoration:none;color:var(--ink);font-weight:800}.restaurant-logo{font-family:Georgia,serif;font-size:24px}.restaurant-nav-links{display:flex;gap:18px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.restaurant-nav-links a:hover{color:var(--brand)}
.restaurant-hero{min-height:72vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:clamp(48px,8vw,110px) clamp(22px,7vw,110px);position:relative;overflow:hidden}.restaurant-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--hero-texture,none);opacity:.75}.brand-copy{position:relative;z-index:2;max-width:700px}.brand-sector{font:800 10px/1.5 ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--brand)}.brand-title{font-family:var(--brand-font,Georgia,serif);font-size:clamp(62px,10vw,135px);line-height:.78;letter-spacing:-.06em;margin:18px 0 22px;color:var(--ink)}.brand-slogan{font-size:clamp(17px,2.5vw,28px);font-weight:700;max-width:26ch;margin:0 0 20px}.brand-info{color:var(--muted);max-width:62ch;line-height:1.75}.hero-mascot{position:relative;z-index:2;min-height:380px;display:grid;place-items:center}.hero-mark{width:min(330px,75vw);aspect-ratio:1;border-radius:36% 64% 45% 55%/48% 42% 58% 52%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--brand2),#fff 35%),var(--brand) 62%,color-mix(in srgb,var(--brand),#000 24%));box-shadow:0 50px 100px color-mix(in srgb,var(--brand),transparent 70%);font-size:110px;transform:rotate(-6deg);border:10px solid color-mix(in srgb,var(--paper),#fff 50%)}
.order-game{padding:80px clamp(18px,5vw,70px) 100px;max-width:1500px;margin:auto}.order-game-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:28px}.order-kicker{font:800 10px/1.4 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--brand)}.order-game h2{font-family:var(--brand-font,Georgia,serif);font-size:clamp(36px,5vw,72px);letter-spacing:-.045em;margin:8px 0 0}.order-hint{max-width:430px;color:var(--muted);font-size:13px;text-align:right}
.restaurant-app{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:start}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.menu-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--brand),transparent 78%);border-radius:22px;padding:18px;position:relative;overflow:hidden;min-height:170px;transition:transform .25s,border-color .25s,box-shadow .25s}.menu-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand),transparent 35%);box-shadow:0 18px 45px rgba(0,0,0,.08)}.food-icon{font-size:42px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.12));margin-bottom:14px}.menu-card h3{font-size:18px;margin:0 0 6px}.menu-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 18px;max-width:36ch}.menu-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font:800 10px/1 ui-monospace,monospace;color:var(--brand)}.menu-actions{display:flex;align-items:center;gap:8px}.menu-actions button{width:30px;height:30px;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand),transparent 55%);background:transparent;color:var(--ink);font-size:17px;cursor:pointer}.menu-actions b{min-width:18px;text-align:center}
.order-side{position:sticky;top:90px;background:color-mix(in srgb,var(--surface),var(--brand) 2%);border:1px solid color-mix(in srgb,var(--brand),transparent 72%);border-radius:26px;padding:20px;box-shadow:0 20px 70px rgba(0,0,0,.08)}.order-side-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px dashed color-mix(in srgb,var(--brand),transparent 68%)}.order-side h3{font-family:var(--brand-font,Georgia,serif);font-size:24px;margin:0}.tray{min-height:180px;padding:14px 0;display:grid;gap:9px}.empty-tray{min-height:150px;border:1px dashed color-mix(in srgb,var(--brand),transparent 68%);border-radius:18px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px;padding:24px}.plate-card{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;background:var(--surface);border-radius:16px;padding:9px;border:1px solid rgba(0,0,0,.05)}.plate-visual{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#fff 0 49%,#e9e2d6 50% 61%,#fff 62%);display:grid;place-items:center;font-size:27px;box-shadow:0 8px 18px rgba(0,0,0,.08)}.plate-card b{font-size:12px}.plate-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.plate-price{font:800 10px/1 ui-monospace,monospace;color:var(--brand)}.bill{border-top:1px dashed color-mix(in srgb,var(--brand),transparent 55%);padding-top:14px;display:grid;gap:8px;font:700 11px/1.4 ui-monospace,monospace}.bill-row{display:flex;justify-content:space-between;gap:12px}.bill-row.total{font-size:14px;color:var(--brand);padding-top:9px;border-top:1px solid color-mix(in srgb,var(--brand),transparent 60%)}.place-order{width:100%;margin-top:15px;padding:14px;border:0;border-radius:14px;background:var(--brand);color:var(--order-text,#fff);font:900 11px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.place-order:disabled{opacity:.35;cursor:not-allowed}
.restaurant-story{padding:0 clamp(18px,5vw,70px) 90px;max-width:1280px;margin:auto}.story-card{background:var(--surface);border-radius:30px;padding:clamp(24px,5vw,52px);border:1px solid color-mix(in srgb,var(--brand),transparent 78%);display:grid;grid-template-columns:.55fr 1.45fr;gap:32px}.story-card h2{font-family:var(--brand-font,Georgia,serif);font-size:36px;margin:0}.story-card p{margin:0;color:var(--muted);line-height:1.8}
.kitchen-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(12px);z-index:10000;display:none;place-items:center;padding:20px}.kitchen-overlay.active{display:grid}.kitchen-card{width:min(760px,94vw);max-height:90vh;overflow:auto;background:var(--paper);color:var(--ink);border-radius:28px;padding:28px;border:3px solid var(--brand);box-shadow:0 40px 120px rgba(0,0,0,.5)}.kitchen-title{font-family:var(--brand-font,Georgia,serif);font-size:38px;margin:0 0 8px}.kitchen-sub{color:var(--muted);margin:0 0 20px}.served-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.served-dish{background:var(--surface);border-radius:20px;padding:16px;text-align:center;border:1px solid color-mix(in srgb,var(--brand),transparent 75%)}.served-plate{width:120px;height:120px;border-radius:50%;margin:0 auto 12px;background:radial-gradient(circle,#fff 0 47%,#eee5d6 48% 57%,#fff 58%);display:grid;place-items:center;font-size:52px;box-shadow:0 22px 38px rgba(0,0,0,.12)}.receipt{margin-top:20px;border-top:2px dashed color-mix(in srgb,var(--brand),transparent 60%);padding-top:16px;font:700 11px/1.6 ui-monospace,monospace}.receipt-line{display:flex;justify-content:space-between;gap:16px}.receipt-line.total{margin-top:8px;padding-top:8px;border-top:1px solid;color:var(--brand);font-size:15px}.kitchen-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.kitchen-actions button{border:1px solid var(--brand);background:transparent;color:var(--ink);padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:800}.kitchen-actions .primary{background:var(--brand);color:var(--order-text,#fff)}
.restaurant-footer{padding:44px 20px;text-align:center;border-top:1px solid color-mix(in srgb,var(--brand),transparent 78%);color:var(--muted);font-size:11px}
/* Brand identities */
body.brand-hijaka{--brand:#7f4bff;--brand2:#29e0ff;--ink:#effaff;--paper:#080913;--surface:#111324;--muted:#9da2c7;--brand-font:ui-monospace,monospace;--hero-texture:radial-gradient(circle at 80% 20%,rgba(41,224,255,.13),transparent 24rem),linear-gradient(rgba(127,75,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(41,224,255,.04) 1px,transparent 1px);--order-text:#fff}.brand-hijaka .hero-mark{border-radius:50%;box-shadow:0 0 0 14px #0c0e1b,0 0 80px rgba(127,75,255,.34)}
body.brand-guerreros{--brand:#d4382f;--brand2:#13a6a0;--ink:#2c1712;--paper:#f4e8d3;--surface:#fff8e9;--muted:#765e52;--brand-font:Impact,'Arial Black',sans-serif;--hero-texture:repeating-linear-gradient(135deg,rgba(212,56,47,.06) 0 12px,transparent 12px 24px);--order-text:#fff}.brand-guerreros .brand-title{text-transform:uppercase;letter-spacing:-.035em}.brand-guerreros .hero-mark{clip-path:polygon(50% 0,92% 17%,100% 62%,72% 100%,28% 100%,0 62%,8% 17%);border-radius:0}
body.brand-saigon{--brand:#b9332c;--brand2:#e4b759;--ink:#f5ead8;--paper:#102526;--surface:#173234;--muted:#a9beb6;--brand-font:Georgia,serif;--hero-texture:linear-gradient(90deg,transparent 48%,rgba(228,183,89,.07) 49% 51%,transparent 52%),radial-gradient(circle at 15% 80%,rgba(185,51,44,.15),transparent 25rem);--order-text:#fff}.brand-saigon .hero-mark{border-radius:8px;transform:rotate(2deg);box-shadow:14px 14px 0 #b9332c,26px 26px 0 rgba(228,183,89,.3)}
body.brand-goodeat{--brand:#e43d30;--brand2:#ffd34d;--ink:#271b15;--paper:#fff4d8;--surface:#fffdf4;--muted:#6f625a;--brand-font:'Arial Black',Arial,sans-serif;--hero-texture:radial-gradient(circle at 84% 18%,rgba(255,211,77,.34),transparent 25rem);--order-text:#fff}.brand-goodeat .brand-title{letter-spacing:-.075em}.brand-goodeat .hero-mark{border-radius:50% 50% 36% 36%}
body.brand-espositos{--brand:#b52923;--brand2:#2f7d4c;--ink:#2a211b;--paper:#f6efe2;--surface:#fffaf0;--muted:#74665b;--brand-font:Georgia,serif;--hero-texture:linear-gradient(90deg,rgba(181,41,35,.035) 50%,transparent 50%),linear-gradient(rgba(47,125,76,.03) 50%,transparent 50%);background-size:44px 44px;--order-text:#fff}.brand-espositos .hero-mark{border-radius:50%;outline:8px solid #f6efe2;box-shadow:0 0 0 12px #2f7d4c,0 30px 70px rgba(0,0,0,.17)}
body.brand-sweeton{--brand:#f14b9a;--brand2:#58d7e8;--ink:#502140;--paper:#fff0f8;--surface:#fffafd;--muted:#8e6680;--brand-font:'Arial Rounded MT Bold',system-ui,sans-serif;--hero-texture:radial-gradient(circle at 15% 20%,rgba(88,215,232,.17),transparent 20rem),radial-gradient(circle at 88% 75%,rgba(241,75,154,.13),transparent 24rem);--order-text:#fff}.brand-sweeton .brand-title{font-weight:900}.brand-sweeton .hero-mark{border-radius:48% 52% 47% 53%}
body.brand-houses{--brand:#a87342;--brand2:#e0b978;--ink:#efe2ce;--paper:#1a1410;--surface:#241c16;--muted:#aa9987;--brand-font:Georgia,serif;--hero-texture:linear-gradient(90deg,rgba(224,185,120,.025) 1px,transparent 1px),radial-gradient(circle at 85% 20%,rgba(168,115,66,.14),transparent 26rem);--order-text:#1a1410}.brand-houses .hero-mark{border-radius:50% 50% 38% 38%;box-shadow:0 30px 80px rgba(0,0,0,.45)}
@media(max-width:900px){.restaurant-hero{grid-template-columns:1fr;min-height:auto}.hero-mascot{min-height:270px}.restaurant-app{grid-template-columns:1fr}.order-side{position:relative;top:auto}.story-card{grid-template-columns:1fr}.order-game-head{grid-template-columns:1fr}.order-hint{text-align:left}.menu-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.restaurant-nav-links{display:none}.menu-grid{grid-template-columns:1fr}.brand-title{font-size:58px}.hero-mark{width:230px;font-size:80px}.order-game{padding-top:50px}.hf-audio-dock{display:none}}
/* v1.9 plated presentation polish */
.plate-visual,.served-plate{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 48%,#fffdf6 0 42%,#e7ddcf 43% 49%,#fff 50% 65%,#d9d0c4 66% 68%,#fbfaf5 69%);box-shadow:0 12px 25px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.9)}
.plate-visual:before,.served-plate:before{content:"";position:absolute;width:34%;height:12%;left:15%;bottom:19%;border-radius:50%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand),#7fbf69 25%),transparent);opacity:.45;filter:blur(.3px);z-index:-1;transform:rotate(-13deg)}
.plate-visual:after,.served-plate:after{content:"";position:absolute;width:9%;height:9%;right:22%;top:23%;border-radius:50%;background:var(--brand2);opacity:.42;box-shadow:13px 8px 0 color-mix(in srgb,var(--brand),#fff 35%),-11px 14px 0 color-mix(in srgb,var(--brand2),#fff 30%);z-index:-1}
.served-dish{transition:transform .25s,box-shadow .25s}.served-dish:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.1)}
.kitchen-card{background-image:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--brand),transparent 90%),transparent 20rem)}
/* v1.9 — stronger independent chain identities without changing menu data */
.brand-hijaka .restaurant-hero{background:radial-gradient(circle at 78% 48%,rgba(127,75,255,.28),transparent 22rem),linear-gradient(135deg,#070812,#0d1020 62%,#080914)}
.brand-hijaka .restaurant-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 22%,rgba(41,224,255,.24) 0 3px,transparent 4px),radial-gradient(circle at 24% 70%,rgba(127,75,255,.3) 0 5px,transparent 6px),radial-gradient(circle at 72% 18%,rgba(41,224,255,.18) 0 4px,transparent 5px);background-size:120px 120px,170px 170px,210px 210px;opacity:.65}.brand-hijaka .menu-card{box-shadow:inset 0 0 36px rgba(127,75,255,.035)}.brand-hijaka .menu-card:hover{box-shadow:0 0 0 1px rgba(41,224,255,.18),0 18px 50px rgba(65,34,144,.24)}
.brand-guerreros .restaurant-hero{background:linear-gradient(112deg,#d4382f 0 44%,#f4e8d3 44% 62%,#13a6a0 62%)}.brand-guerreros .brand-copy{background:#f7ead4;border:4px solid #2c1712;box-shadow:12px 12px 0 #2c1712;padding:28px;transform:rotate(-1deg)}.brand-guerreros .hero-mascot{background:transparent}.brand-guerreros .menu-card:nth-child(odd){transform:rotate(-.5deg)}.brand-guerreros .menu-card:nth-child(even){transform:rotate(.5deg)}.brand-guerreros .menu-card:hover{transform:translateY(-5px) rotate(0)}
.brand-saigon .restaurant-hero{background:linear-gradient(180deg,#071b1c,#102b2c 70%,#0a2021)}.brand-saigon .restaurant-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 22% 8%,rgba(228,183,89,.65) 0 14px,rgba(228,183,89,.15) 15px 32px,transparent 33px),radial-gradient(ellipse at 58% 5%,rgba(185,51,44,.6) 0 12px,rgba(185,51,44,.14) 13px 30px,transparent 31px),radial-gradient(ellipse at 84% 10%,rgba(228,183,89,.5) 0 10px,rgba(228,183,89,.11) 11px 27px,transparent 28px);opacity:.68}.brand-saigon .menu-card{border-radius:8px;border-color:rgba(228,183,89,.18)}.brand-saigon .order-side{border-radius:8px}
.brand-goodeat .restaurant-hero{background:linear-gradient(150deg,#ffd34d 0 42%,#fff4d8 42% 63%,#e43d30 63%)}.brand-goodeat .brand-copy{background:#fffdf4;border-radius:40px;padding:32px;box-shadow:0 24px 60px rgba(81,44,22,.15)}.brand-goodeat .menu-card{border-radius:34px}.brand-goodeat .menu-actions button{background:#ffd34d;border:0;color:#4c251d;font-weight:900}
.brand-espositos .restaurant-hero{background:repeating-linear-gradient(45deg,rgba(181,41,35,.055) 0 28px,transparent 28px 56px),linear-gradient(#f6efe2,#efe4d2)}.brand-espositos .restaurant-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(90deg,#2f7d4c 0 33.33%,#f6efe2 33.33% 66.66%,#b52923 66.66%)}.brand-espositos .menu-card{border-radius:4px;box-shadow:5px 5px 0 rgba(47,125,76,.08)}.brand-espositos .order-side{border-radius:4px}
.brand-sweeton .restaurant-hero{background:radial-gradient(circle at 12% 16%,#fff 0 7px,transparent 8px),radial-gradient(circle at 82% 34%,rgba(88,215,232,.4) 0 18px,transparent 19px),radial-gradient(circle at 64% 72%,rgba(241,75,154,.3) 0 24px,transparent 25px),linear-gradient(135deg,#ffeaf6,#eafcff)}.brand-sweeton .menu-card:nth-child(3n+1){border-radius:36px 22px 38px 20px}.brand-sweeton .menu-card:nth-child(3n+2){border-radius:20px 40px 22px 36px}.brand-sweeton .menu-actions button{border:0;background:#58d7e8;color:#3f2140}.brand-sweeton .order-side{border-radius:42px}
.brand-houses .restaurant-hero{background:repeating-linear-gradient(90deg,rgba(224,185,120,.025) 0 2px,transparent 2px 90px),linear-gradient(135deg,#17100c,#2b1d14)}.brand-houses .brand-copy{border-left:3px solid #a87342;padding-left:28px}.brand-houses .menu-card,.brand-houses .order-side{box-shadow:inset 0 0 0 1px rgba(224,185,120,.025),0 20px 45px rgba(0,0,0,.16)}.brand-houses .food-icon{filter:sepia(.12) drop-shadow(0 7px 8px rgba(0,0,0,.2))}