:root{--bg: #f4f8fa;--bg-tint: radial-gradient(1200px 600px at 100% -10%, rgba(0,162,199,.12), transparent 60%), radial-gradient(900px 500px at -10% 0%, rgba(0,162,199,.08), transparent 55%), radial-gradient(800px 600px at 50% 100%, rgba(0,125,153,.05), transparent 60%);--surface: rgba(255, 255, 255, .82);--surface-2: rgba(240, 245, 248, .75);--surface-3: rgba(230, 235, 240, .8);--border: rgba(226, 232, 240, .8);--border-strong: rgba(200, 212, 222, .85);--border-glass: rgba(255, 255, 255, .85);--glass-blur: blur(18px) saturate(180%);--glass-shadow: 0 8px 30px rgba(0, 162, 199, .08), inset 0 1px 0 rgba(255, 255, 255, .95);--text: #0e1b1a;--text-dim: #5c6b6a;--text-faint: #8b9897;--primary: #00A2C7;--primary-strong: #00829f;--primary-weak: #5dd0eb;--primary-soft: rgba(0,162,199,.12);--primary-soft-2: rgba(0,162,199,.06);--on-primary: #ffffff;--veg: #16a34a;--nonveg: #e0322b;--gold: #eab308;--danger: #e0322b;--shadow-sm: 0 1px 2px rgba(2,10,10,.06), 0 2px 8px rgba(2,10,10,.05);--shadow-md: 0 8px 24px rgba(2,10,10,.1);--shadow-lg: 0 20px 48px rgba(2,10,10,.16);--ring: 0 0 0 3px var(--primary-soft);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--header-h: 68px;--maxw: 1200px;--ease: cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark]{--bg: #091216;--bg-tint: radial-gradient(1200px 600px at 100% -10%, rgba(0,162,199,.16), transparent 60%), radial-gradient(900px 500px at -10% 0%, rgba(0,162,199,.1), transparent 55%), radial-gradient(800px 600px at 50% 100%, rgba(0,125,153,.08), transparent 60%);--surface: rgba(16, 30, 32, .82);--surface-2: rgba(22, 44, 46, .7);--surface-3: rgba(28, 54, 56, .75);--border: rgba(34, 66, 68, .65);--border-strong: rgba(44, 83, 85, .8);--border-glass: rgba(255, 255, 255, .1);--glass-blur: blur(18px) saturate(180%);--glass-shadow: 0 10px 36px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .12);--text: #e8f3f1;--text-dim: #9db3af;--text-faint: #6f8a85;--primary: #22c8ee;--primary-strong: #00A2C7;--primary-weak: #007691;--primary-soft: rgba(0,162,199,.18);--primary-soft-2: rgba(0,162,199,.08);--on-primary: #04211d;--veg: #34d399;--nonveg: #f87171;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 10px 28px rgba(0,0,0,.5);--shadow-lg: 0 24px 60px rgba(0,0,0,.6)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);background-image:var(--bg-tint);background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background-color .3s var(--ease),color .3s var(--ease)}h1,h2,h3,h4{font-family:Sora,Inter,sans-serif;margin:0;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}::selection{background:var(--primary-soft)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.scroll-x{overflow-x:auto;scrollbar-width:thin}.scroll-x::-webkit-scrollbar{height:6px}.scroll-x::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.header{position:sticky;top:0;z-index:40;height:var(--header-h);background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);display:flex;align-items:center}.header-inner{display:flex;align-items:center;gap:16px;width:100%}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:44px;height:44px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;font-family:Sora;font-weight:800;font-size:16.5px;color:var(--on-primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);box-shadow:0 4px 14px #00a2c759}.brand-name{font-weight:800;font-size:15.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.brand-open{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-dim);font-weight:600;margin-top:2px}.dot-live{width:7px;height:7px;border-radius:99px;background:var(--veg);box-shadow:0 0 0 3px color-mix(in srgb,var(--veg) 25%,transparent)}.header-spacer{flex:1}.searchbar{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-pill);padding:9px 16px;color:var(--text-dim);transition:all .2s var(--ease)}.searchbar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #00a2c72e,0 4px 16px #00a2c714;background:var(--surface)}.searchbar input{border:none;background:none;outline:none;color:var(--text);font-size:14px;width:100%}.searchbar input::placeholder{color:var(--text-faint)}.icon-btn{width:42px;height:42px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center;color:var(--text);background:var(--surface-2);border:1px solid var(--border);transition:transform .15s var(--ease),background .2s,border-color .2s}.icon-btn:hover{transform:translateY(-1px);border-color:var(--primary);color:var(--primary-strong)}.icon-btn:active{transform:translateY(0)}.cart-btn{position:relative;display:flex;align-items:center;gap:9px;padding:0 18px 0 15px;height:42px;border-radius:var(--r-pill);color:#fff;font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);box-shadow:0 4px 14px #00a2c752;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00a2c76b}.cart-btn:active{transform:translateY(0)}.cart-badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--nonveg);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface);box-shadow:0 2px 6px #e0322b66}.cart-total-inline{font-variant-numeric:tabular-nums}.hero{margin-top:22px}.hero-slide{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:300px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--shadow-md)}.hero-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#040a0ad1,#040a0a73 45%,#040a0a0d)}.hero-body{position:relative;z-index:2;padding:34px;max-width:560px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;border-radius:99px;background:#ffffff29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:14px}.hero-title{font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.02}.hero-sub{margin-top:12px;font-size:15.5px;opacity:.92;max-width:440px}.hero-cta{margin-top:20px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0e1b1a;font-weight:800;font-size:14.5px;padding:12px 22px;border-radius:var(--r-pill);box-shadow:var(--shadow-md);transition:transform .15s var(--ease)}.hero-cta:hover{transform:translateY(-2px)}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-price{margin-top:20px;display:inline-flex;align-items:center;font-weight:800;font-size:15px;color:#fff;padding:11px 16px;border-radius:var(--r-pill);background:#ffffff29;border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-dots{display:flex;gap:8px;position:absolute;z-index:3;right:22px;bottom:22px}.hero-dot{width:9px;height:9px;border-radius:99px;background:#ffffff73;transition:width .3s var(--ease),background .3s}.hero-dot.on{width:26px;background:#fff}.offers{display:flex;gap:14px;margin-top:20px}.offer-card{flex:1;min-width:240px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--primary-soft-2) 50%,var(--surface)) 100%);border:1px solid rgba(0,162,199,.16);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease,border-color .2s}.offer-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00a2c71a;border-color:#00a2c759}.offer-card:before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;background:var(--primary-soft);border-radius:99px;pointer-events:none}.offer-badge{width:46px;height:46px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;color:var(--on-primary);background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 3px 10px #00a2c747;font-weight:800;z-index:1}.offer-title{font-weight:800;font-size:16px}.offer-sub{font-size:12.5px;color:var(--text-dim);margin-top:1px}.offer-code{margin-left:auto;z-index:1;font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--primary-strong);border:1.5px dashed var(--primary);border-radius:8px;padding:5px 9px;background:var(--primary-soft-2);white-space:nowrap}.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title{font-size:24px;font-weight:800}.section-desc{color:var(--text-dim);font-size:13.5px;margin-top:4px}.catnav{position:sticky;top:var(--header-h);z-index:30;display:flex;gap:10px;padding:12px 0;margin-bottom:6px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 18px;border-radius:var(--r-pill);font-weight:700;font-size:13.5px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);transition:all .2s var(--ease)}.chip:hover{border-color:var(--primary);color:var(--text);transform:translateY(-1px)}.chip.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);box-shadow:0 4px 14px #00a2c752;transform:translateY(-1px)}.chip .emoji{font-size:15px}.cat-block{scroll-margin-top:calc(var(--header-h) + 70px);margin-top:26px}.cat-block-title{font-size:19px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:10px}.cat-block-title .emoji{font-size:22px}.cat-count{font-size:12.5px;color:var(--text-faint);font-weight:600}.menu-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:18px;overflow:hidden;box-shadow:var(--glass-shadow);position:relative;display:flex;flex-direction:column;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .25s var(--ease),border-color .22s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 42px -8px #00a2c738,var(--shadow-lg);border-color:#00a2c761}.card-media{position:relative;aspect-ratio:16 / 11;background:var(--surface-2);overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.4,0,.2,1)}.card:hover .card-media img{transform:scale(1.07)}.card-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:46px;background:radial-gradient(circle at 30% 20%,var(--primary-soft),var(--surface-2))}.card-tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:2}.tag{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:7px;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tag.best{background:#eab308f2;color:#3a2c00;box-shadow:0 2px 8px #eab30859}.tag.spicy{background:#e0322beb;box-shadow:0 2px 8px #e0322b59}.veg-badge{position:absolute;top:10px;right:10px;z-index:2;width:20px;height:20px;border-radius:5px;display:grid;place-items:center;background:#fff;border:2px solid var(--veg);box-shadow:0 2px 6px #0000001a}.veg-badge.non{border-color:var(--nonveg)}.veg-badge i{width:9px;height:9px;border-radius:99px;background:var(--veg)}.veg-badge.non i{background:var(--nonveg)}.card-body{padding:15px 16px 16px;display:flex;flex-direction:column;flex:1}.card-name{font-weight:800;font-size:15.5px;line-height:1.25}.card-desc{color:var(--text-dim);font-size:12.8px;line-height:1.5;margin-top:6px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.price{font-weight:800;font-size:17.5px;font-variant-numeric:tabular-nums}.price .mrp{font-size:12.5px;color:var(--text-faint);font-weight:600;text-decoration:line-through;margin-left:6px}.add-btn{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;padding:8px 18px;border-radius:var(--r-pill);color:var(--primary-strong);background:#00a2c71a;border:1.5px solid rgba(0,162,199,.28);transition:all .18s cubic-bezier(.4,0,.2,1)}.add-btn:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 14px #00a2c759}.add-btn:active{transform:translateY(0)}.stepper{display:inline-flex;align-items:center;gap:2px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 4px 12px #00a2c74d}.stepper button{width:34px;height:36px;display:grid;place-items:center;color:inherit}.stepper button:hover{opacity:.82}.stepper .q{min-width:22px;text-align:center;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#040e108c;opacity:0;visibility:hidden;transition:opacity .28s var(--ease),visibility .28s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.overlay.show{opacity:1;visibility:visible}.drawer{position:fixed;top:0;bottom:0;right:0;z-index:61;width:min(420px,92vw);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(26px) saturate(190%);-webkit-backdrop-filter:blur(26px) saturate(190%);border-left:1px solid var(--border-glass);transform:translate(100%);transition:transform .3s var(--ease);display:flex;flex-direction:column;box-shadow:-10px 0 40px #00a2c724,var(--shadow-lg)}.drawer.left{right:auto;left:0;border-left:none;border-right:1px solid var(--border-glass);transform:translate(-100%)}.drawer.show{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--border)}.drawer-head h3{font-size:18px;font-weight:800}.drawer-body{flex:1;overflow-y:auto;padding:8px 20px 20px}.drawer-foot{border-top:1px solid var(--border);padding:18px 20px calc(18px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 95%,transparent)}.side-branch{padding:4px 0 14px;border-bottom:1px solid var(--border)}.side-branch .addr{color:var(--text-dim);font-size:13px;margin-top:8px;line-height:1.5;display:flex;gap:8px}.side-link{display:flex;align-items:center;gap:14px;padding:15px 4px;font-weight:600;font-size:15px;border-bottom:1px solid var(--border)}.side-link .li{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-strong)}.side-link:hover{color:var(--primary-strong)}.side-link .chev{margin-left:auto;color:var(--text-faint)}.btn-primary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:14px;font-weight:800;font-size:15px;color:var(--on-primary);background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 4px 16px #00a2c752;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,filter .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00a2c773;filter:brightness(1.04)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.btn-ghost{width:100%;padding:13px;border-radius:12px;font-weight:700;color:var(--text-dim);border:1px solid var(--border);background:var(--surface-2)}.cart-line{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.cart-thumb{width:62px;height:62px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:var(--surface-2)}.cart-line-main{flex:1;min-width:0}.cart-line-name{font-weight:700;font-size:14px}.cart-line-price{color:var(--text-dim);font-size:12.5px;margin-top:2px}.cart-line-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.cart-remove{color:var(--text-faint);font-size:12px;font-weight:700}.cart-remove:hover{color:var(--danger)}.summary-row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--text-dim);margin-bottom:8px}.summary-row.grand{color:var(--text);font-weight:800;font-size:17px;margin:12px 0 4px}.empty{text-align:center;padding:50px 20px;color:var(--text-dim)}.empty .emoji{font-size:46px}.empty h4{font-size:17px;margin:12px 0 6px;color:var(--text)}.confirm{text-align:center;padding:20px 8px}.confirm .ok{width:68px;height:68px;border-radius:99px;margin:0 auto 16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--veg),#0f9d58);box-shadow:var(--shadow-md)}.auth-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#040e1099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .28s var(--ease),visibility .28s}.auth-scrim.show{opacity:1;visibility:visible}.auth-card{width:min(940px,100%);max-height:calc(100dvh - 40px);overflow:hidden;border-radius:26px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid var(--border-glass);box-shadow:0 24px 64px #00a2c733,var(--shadow-lg);display:grid;grid-template-columns:1.05fr 1fr;transform:translateY(12px) scale(.98);transition:transform .3s var(--ease)}.auth-scrim.show .auth-card{transform:none}.auth-aside{position:relative;overflow:hidden;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:linear-gradient(150deg,var(--primary-strong),#003e4d 90%)}.auth-aside img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:0}.auth-aside-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(150deg,#003e4da6,#002832e6)}.auth-aside-title{position:relative;z-index:2;font-size:30px;line-height:1.12;font-weight:800}.auth-aside-sub{margin-top:12px;font-size:14px;opacity:.9;line-height:1.6;max-width:320px}.auth-aside-meta{display:flex;gap:18px;margin-top:20px;font-size:13px;font-weight:700;opacity:.95}.auth-aside-meta span{display:inline-flex;align-items:center;gap:6px}.auth-main{position:relative;padding:44px 40px;overflow-y:auto}.auth-close{position:absolute;top:16px;right:16px}.auth-kicker{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-strong)}.auth-title{font-size:26px;font-weight:800;margin-top:8px}.auth-lead{color:var(--text-dim);font-size:13.8px;line-height:1.6;margin:8px 0 22px}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:12.5px;font-weight:700;color:var(--text-dim);margin-bottom:6px}.auth-input{display:flex;align-items:center;gap:10px;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;transition:border-color .2s var(--ease),box-shadow .2s}.auth-input:focus-within{border-color:var(--primary);box-shadow:var(--ring);color:var(--primary-strong)}.auth-input input{flex:1;border:none;background:none;outline:none;color:var(--text);font-size:14.5px}.auth-input input::placeholder{color:var(--text-faint)}.auth-eye{color:var(--text-faint);display:grid;place-items:center}.auth-eye:hover{color:var(--text)}.auth-error{color:var(--danger);font-size:12.8px;font-weight:600;margin-bottom:12px}.auth-link{color:var(--primary-strong);font-weight:700;font-size:13px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-faint);font-size:12px;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-alt{text-align:center;margin-top:18px;color:var(--text-dim);font-size:13.5px}.auth-alt button{color:var(--primary-strong);font-weight:800}@media (max-width: 760px){.auth-card{grid-template-columns:1fr;max-height:calc(100dvh - 24px)}.auth-aside{display:none}.auth-main{padding:40px 22px 28px}}.footer{margin-top:56px;border-top:1px solid var(--border);background:var(--surface)}.footer-inner{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:30px 0}.footer h4{font-size:15px;margin-bottom:10px}.footer p,.footer a{color:var(--text-dim);font-size:13.5px;line-height:1.9}.footer a:hover{color:var(--primary-strong)}.powered{text-align:center;padding:16px;border-top:1px solid var(--border);color:var(--text-faint);font-size:12.5px}.powered b{color:var(--primary-strong)}@media (max-width: 860px){.searchbar{display:none}.offers{flex-wrap:wrap}.offer-card{min-width:calc(50% - 7px)}.hero-slide{min-height:260px}.cart-label{display:none}.cart-btn{padding:0;width:42px;justify-content:center}}@media (max-width: 560px){.wrap{padding:0 14px}.offer-card{min-width:100%}.section-title{font-size:20px}.hero-body{padding:22px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(45%,1fr));gap:12px}.card-desc{-webkit-line-clamp:2;font-size:12px}.card-body{padding:11px 12px 12px}.brand-name{max-width:150px}}.mobile-cartbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px 12px 18px;border-radius:16px;color:var(--on-primary);background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:var(--shadow-lg)}.mobile-cartbar .m-count{font-weight:800}.mobile-cartbar .m-go{display:inline-flex;align-items:center;gap:6px;font-weight:800;background:#fff3;padding:9px 15px;border-radius:99px}@media (max-width: 640px){.mobile-cartbar.show{display:flex}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.crash-screen{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:40px 20px}.crash-emoji{font-size:52px}.crash-screen h1{font-size:24px;font-weight:800}.crash-screen p{color:var(--text-dim);max-width:380px}.crash-screen .hero-cta{background:var(--primary);color:#fff}.crash-detail{margin-top:18px;max-width:min(760px,92vw);max-height:240px;overflow:auto;text-align:start;font-size:12px;line-height:1.5;white-space:pre-wrap;padding:14px;border-radius:10px;background:var(--surface-2);color:var(--text-dim)}.drawer-head .drawer-back{margin-inline-end:2px;transform:rotate(180deg)}.checkout-lead{color:var(--text-dim);font-size:13.5px;line-height:1.6;margin:4px 0 18px}.auth-fine{color:var(--text-faint);font-size:12.2px;line-height:1.55;margin-top:12px;text-align:center}.auth-optional{color:var(--text-faint);font-weight:600}.auth-hint{font-size:12.5px;font-weight:600;line-height:1.5;margin-bottom:12px;padding:10px 12px;border-radius:10px;background:var(--primary-soft);color:var(--primary-strong)}.otp-input{letter-spacing:.5em;font-weight:800;font-size:17px!important}.otp-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.otp-actions .auth-link:disabled{color:var(--text-faint);cursor:default}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confirm-address{display:flex;align-items:flex-start;gap:7px;justify-content:center;margin-top:14px;font-size:13px;color:var(--text-dim);line-height:1.5;text-align:start}.confirm-note{margin-top:12px;font-size:12.5px;color:var(--text-faint);line-height:1.55}.spinner{width:42px;height:42px;border-radius:99px;margin:0 auto;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.pay-list{display:grid;gap:10px}.pay-option{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:13px 14px;border-radius:13px;border:1.5px solid var(--border);background:var(--surface);transition:border-color .18s var(--ease),background .18s var(--ease)}.pay-option:hover{border-color:var(--border-strong)}.pay-option.on{border-color:var(--primary);background:var(--primary-soft)}.pay-emoji{font-size:22px;line-height:1}.pay-text{flex:1;min-width:0;display:grid;gap:3px}.pay-label{font-weight:700;font-size:14px;color:var(--text)}.pay-hint{font-size:12.2px;color:var(--text-dim);line-height:1.45}.pay-tick{width:22px;height:22px;flex-shrink:0;border-radius:99px;display:grid;place-items:center;color:#fff;background:transparent;border:1.5px solid var(--border-strong)}.pay-option.on .pay-tick{background:var(--primary);border-color:var(--primary)}.pay-summary{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.confirm-pay{margin-top:8px;font-size:13px;font-weight:700;color:var(--primary-strong)}.captcha-container{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.captcha-badge{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border-radius:12px;background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 8px,rgba(0,162,199,.07) 8px,rgba(0,162,199,.07) 16px);border:1.5px dashed var(--primary);-webkit-user-select:none;user-select:none}.captcha-char{display:inline-block;font-size:17px;font-weight:800;font-family:ui-monospace,monospace;letter-spacing:3px}.captcha-char.c0{transform:rotate(-6deg) translateY(-1px);color:var(--primary-strong)}.captcha-char.c1{transform:rotate(7deg) translateY(2px);color:#d97706}.captcha-char.c2{transform:rotate(-5deg) translateY(-2px);color:#0284c7}.captcha-char.c3{transform:rotate(8deg) translateY(1px);color:#e11d48}.captcha-refresh{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);display:grid;place-items:center;cursor:pointer;transition:transform .25s var(--ease),color .2s;flex-shrink:0}.captcha-refresh:hover{color:var(--primary-strong);transform:rotate(60deg);border-color:var(--primary)}.captcha-input-box{flex:1;min-width:100px;padding:11px 12px}.random-otp-card{background:linear-gradient(135deg,#00a2c714,#00a2c724);border:1.5px solid rgba(0,162,199,.25);border-radius:16px;padding:14px 16px;margin-bottom:14px}.random-otp-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.random-otp-tag{font-size:12px;font-weight:800;color:var(--primary-strong);text-transform:uppercase;letter-spacing:.04em}.btn-autofill{display:inline-flex;align-items:center;gap:5px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:99px;border:none;cursor:pointer;box-shadow:0 2px 8px #00a2c740;transition:opacity .2s,transform .15s}.btn-autofill:hover{opacity:.9;transform:translateY(-1px)}.random-otp-number{display:flex;gap:7px;justify-content:center;margin:6px 0 8px}.otp-digit-pill{display:grid;place-items:center;width:36px;height:42px;background:var(--surface);border:2px solid var(--primary);border-radius:10px;font-size:19px;font-weight:900;color:var(--primary-strong);box-shadow:var(--shadow-sm);font-family:ui-monospace,monospace}.random-otp-note{font-size:12px;color:var(--text-dim);text-align:center;line-height:1.4}.order-id-badge{display:inline-flex;align-items:center;justify-content:center;margin:10px 0 6px;padding:6px 16px;border-radius:99px;background:var(--primary-soft);color:var(--primary-strong);font-weight:800;font-size:13.5px;border:1px solid rgba(0,162,199,.3)}