:root{--night:#080412;--surface:#120b22;--surface-2:#1b1030;--line:#34214e;--violet:#9b42ff;--violet-2:#6c25ef;--orange:#ff8a00;--text:#fff;--muted:#b9aec9;--green:#2fda91;--red:#ff6b73;--shadow:0 24px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--text);font-family:"Tahoma","Arial",sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(1160px,calc(100% - 32px));margin-inline:auto}.page-glow{position:fixed;width:430px;height:430px;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:-1;opacity:.22}.page-glow--one{background:#7b28ff;top:-220px;right:-160px}.page-glow--two{background:#ff7500;bottom:-270px;left:-220px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-mark{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ab4cff,#5720e4);font-size:25px;font-weight:900;box-shadow:0 10px 24px rgba(123,40,255,.35)}.brand-mark span{color:var(--orange)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand b{font-size:22px}.brand small{font-size:10px;color:#cbbbe1;margin-top:4px}.topbar-actions{display:flex;gap:8px;align-items:center}.icon-button,.open-app{border:1px solid #412a5e;color:#fff;background:#151024;border-radius:15px;height:44px;padding:0 16px;font-weight:800}.icon-button{width:44px;padding:0;font-size:21px}.open-app{background:linear-gradient(135deg,var(--violet),var(--violet-2));border:0;box-shadow:0 10px 28px rgba(124,47,234,.3)}
.hero{height:410px;border-radius:34px;position:relative;overflow:hidden;background:linear-gradient(135deg,#2a1550,#10091e);box-shadow:var(--shadow);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background-image:var(--menu-cover);background-size:cover;background-position:center;z-index:-2;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,3,15,.18),rgba(7,3,15,.88) 74%),linear-gradient(0deg,rgba(7,3,15,.82),transparent 65%);z-index:-1}.hero-badge{position:absolute;top:22px;left:22px;border:1px solid rgba(255,255,255,.16);background:rgba(10,6,18,.72);backdrop-filter:blur(12px);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900;display:flex;align-items:center;gap:8px}.hero-badge span{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}.hero-badge.is-open{color:var(--green)}.hero-badge.is-closed{color:var(--red)}.hero-copy{position:absolute;right:44px;left:44px;bottom:46px;max-width:600px}.eyebrow{color:#d398ff;font-size:13px;font-weight:900;letter-spacing:.4px}.hero h1{font-size:clamp(36px,7vw,68px);line-height:1.1;margin:10px 0 12px;letter-spacing:-1px}.hero p{margin:0;color:#ddd1ea;font-size:17px;max-width:540px}
.merchant-panel{position:relative;margin:-22px 24px 0;background:linear-gradient(135deg,rgba(25,14,46,.98),rgba(12,8,24,.98));border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:0 18px 45px rgba(0,0,0,.28);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.merchant-main{display:flex;align-items:center;gap:14px;min-width:0}.merchant-logo{width:78px;height:78px;flex:0 0 78px;border-radius:23px;border:2px solid #8f45e6;padding:3px;background:#1c1130;display:grid;place-items:center;overflow:hidden}.merchant-logo img{width:100%;height:100%;border-radius:19px;object-fit:cover}.merchant-logo span{font-size:35px}.merchant-title{display:flex;align-items:center;gap:8px}.merchant-title h2{margin:0;font-size:24px}.merchant-main p{margin:5px 0 0;color:var(--muted);font-size:13px}.verified{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--violet);font-size:12px;font-weight:900}.facts{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:1px;background:var(--line);border-radius:18px;overflow:hidden}.facts div{background:#100a1d;min-height:86px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.facts span{color:var(--orange);font-size:17px}.facts b{font-size:12px;margin-top:3px;white-space:nowrap}.facts small{font-size:9px;color:var(--muted);margin-top:2px}
.menu-tools{margin-top:38px;position:sticky;top:0;z-index:10;padding:12px 0;background:linear-gradient(var(--night) 82%,transparent)}.search-box{height:62px;border:1px solid #3c2857;border-radius:20px;background:#120b22;display:flex;align-items:center;padding:0 18px;gap:10px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.search-box>span{font-size:28px;color:#c986ff}.search-box input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:16px}.search-box input::placeholder{color:#8f829f}.search-box button{border:0;background:transparent;color:#9f91af;font-size:25px;width:36px;opacity:0;pointer-events:none;transition:.2s}.search-box:focus-within button{opacity:1;pointer-events:auto}.category-tabs{display:flex;gap:9px;overflow-x:auto;padding:12px 1px 3px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{white-space:nowrap;color:#ddd3e9;background:#151023;border:1px solid #302242;border-radius:999px;padding:9px 15px;font-weight:800;font-size:13px;transition:.2s}.category-tabs button small{color:#a991c1;margin-right:4px}.category-tabs button.is-active{background:linear-gradient(135deg,#9b42ff,#6122e4);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(124,47,234,.28)}.category-tabs button.is-active small{color:#fff}
.menu-group{scroll-margin-top:125px;margin:26px 0 36px}.menu-group[hidden]{display:none}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-heading>div{display:flex;align-items:center;gap:9px}.section-heading span{width:5px;height:31px;border-radius:5px;background:linear-gradient(var(--orange),#ff4f56)}.section-heading h2{margin:0;font-size:25px}.section-heading small{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{display:grid;grid-template-columns:205px 1fr;min-height:210px;background:linear-gradient(145deg,#171027,#0f0a1b);border:1px solid #302241;border-radius:25px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);border-color:#6d3a9b;box-shadow:0 18px 45px rgba(0,0,0,.3)}.product-card[hidden]{display:none}.product-card.is-unavailable{opacity:.52;filter:saturate(.45)}.product-image{position:relative;min-height:210px;background:#211535;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image>span{height:100%;display:grid;place-items:center;font-size:58px}.product-image em,.product-image strong{position:absolute;right:10px;top:10px;padding:6px 9px;border-radius:999px;background:rgba(16,8,26,.84);color:#ffbc56;font-size:10px;font-style:normal;font-weight:900;backdrop-filter:blur(7px)}.product-image strong{inset:auto 10px 10px;background:rgba(38,32,45,.92);color:#eee;text-align:center}.product-body{display:flex;flex-direction:column;padding:18px}.product-body h3{font-size:19px;line-height:1.3;margin:0}.product-body>p{color:var(--muted);font-size:12px;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.option-preview{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 10px}.option-preview span{font-size:9px;color:#c6b4da;background:#211534;border-radius:8px;padding:4px 6px}.product-footer{display:flex;align-items:end;justify-content:space-between;gap:9px;margin-top:auto}.price{display:flex;flex-direction:column}.price b{font-size:19px;color:#c46dff}.price b small{font-size:10px}.price del{font-size:10px;color:#7f728f}.product-footer button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--violet),var(--violet-2));color:#fff;min-width:76px;height:42px;font-weight:900}.product-footer button:disabled{background:#393342;color:#8d8793;cursor:not-allowed}.empty-menu,.empty-search{text-align:center;border:1px dashed #4a3463;border-radius:25px;padding:50px 20px;background:#120b21}.empty-menu span,.empty-search span{font-size:48px}.empty-menu h2,.empty-search h2{margin:8px 0}.empty-menu p,.empty-search p{color:var(--muted);margin:0}
.together-card{margin:36px 0 24px;border:1px solid #6333a1;border-radius:28px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:radial-gradient(circle at 12% 50%,rgba(255,138,0,.14),transparent 28%),linear-gradient(135deg,#2a1057,#120b22);box-shadow:0 20px 55px rgba(31,6,69,.35)}.together-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:#321667;font-size:34px}.together-card span{color:#ffb144;font-size:11px;font-weight:900}.together-card h2{margin:3px 0;font-size:22px}.together-card p{margin:0;color:#c9bcd7;font-size:12px}.together-card button{border:0;border-radius:15px;background:#fff;color:#4d1d89;height:48px;padding:0 18px;font-weight:900}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2c1e3d;padding:28px 0 120px;margin-top:34px}footer p{color:#8e819e;font-size:12px}.sticky-order{position:fixed;right:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(50%);width:min(720px,calc(100% - 24px));z-index:30;background:rgba(14,8,25,.9);border:1px solid #4b2a70;border-radius:22px;padding:10px 11px 10px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 20px 55px rgba(0,0,0,.55);backdrop-filter:blur(18px)}.sticky-order>div{display:flex;flex-direction:column;min-width:0}.sticky-order b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-order small{color:#a89bb7;font-size:10px}.sticky-order button{height:50px;border:0;border-radius:16px;background:linear-gradient(120deg,#a53fff,#6d22ef 58%,#ff7b12);color:#fff;padding:0 22px;font-weight:900;white-space:nowrap}.sticky-order button span{margin-right:8px}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);z-index:50;background:#231632;border:1px solid #5e397f;border-radius:14px;padding:11px 17px;opacity:0;pointer-events:none;transition:.25s;color:#fff;font-size:12px;box-shadow:0 14px 35px rgba(0,0,0,.4)}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.merchant-panel{grid-template-columns:1fr;margin-inline:12px}.facts{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:180px 1fr}}
@media(max-width:620px){.shell{width:min(100% - 24px,1160px)}.topbar{height:70px}.brand-mark{width:40px;height:40px}.open-app--small{display:none}.hero{height:330px;border-radius:27px}.hero-copy{right:23px;left:23px;bottom:31px}.hero h1{font-size:40px}.hero p{font-size:13px}.hero-badge{top:14px;left:14px}.merchant-panel{margin:-15px 8px 0;padding:16px;border-radius:23px}.merchant-logo{width:62px;height:62px;flex-basis:62px;border-radius:18px}.merchant-title h2{font-size:19px}.facts{grid-template-columns:repeat(2,1fr)}.facts div{min-height:73px}.menu-tools{margin-top:24px}.search-box{height:56px}.section-heading h2{font-size:22px}.product-card{grid-template-columns:124px 1fr;min-height:178px;border-radius:20px}.product-image{min-height:178px}.product-body{padding:13px}.product-body h3{font-size:16px}.product-body>p{font-size:11px}.option-preview{display:none}.price b{font-size:16px}.product-footer button{height:38px;min-width:64px}.together-card{grid-template-columns:auto 1fr;padding:18px}.together-icon{width:55px;height:55px;border-radius:18px;font-size:27px}.together-card button{grid-column:1/-1;width:100%}.together-card h2{font-size:18px}footer{flex-direction:column;gap:13px;align-items:flex-start}.sticky-order>div{display:none}.sticky-order button{width:100%}}
@media(max-width:390px){.product-card{grid-template-columns:108px 1fr}.product-body{padding:11px}.product-body h3{font-size:15px}.product-footer button{min-width:58px;padding:0 10px}.price b{font-size:14px}.merchant-main p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
