:root{--bg:#eef0ea; --surface:#ffffff; --sunk:#f5f6f2; --line:#dcdfd6;
  --ink:#1d2320; --soft:#5d665f; --faint:#8b938c;
  --apricot:#ee9b3b; --apricot-ink:#3a2206; --apricot-tint:#fdf0dd;
  --plum:#5b2a45; --plum-tint:#f3e7ee;
  --new:#c2562b; --cook:#b98410; --done:#2f7d4f; --off:#b3483c;
  
  --head-bg:#5b2a45; --head-ink:#fff; --head-soft:rgba(255,255,255,.14); --head-faint:rgba(255,255,255,.7);
  --btn-bg:var(--apricot); --btn-ink:var(--apricot-ink);
  --brand:#5b2a45; --brand-ink:#fff;
  --display:"Unbounded","Noto Sans Armenian",system-ui,sans-serif;
  --body:"Noto Sans","Noto Sans Armenian",system-ui,sans-serif;
  color-scheme:light;}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]){color-scheme:dark;
  --bg:#131614; --surface:#1c201d; --sunk:#171a18; --line:#2c322e;
  --ink:#eceee8; --soft:#aab2ab; --faint:#7d857e;
  --apricot:#f2a84f; --apricot-ink:#2a1804; --apricot-tint:#35281a;
  --plum:#d9a6c2; --plum-tint:#2d2028;
  --new:#ec8a62; --cook:#e0b34a; --done:#6cc08f; --off:#e2837a;}
}
:root[data-theme="dark"]{color-scheme:dark;
  --bg:#131614; --surface:#1c201d; --sunk:#171a18; --line:#2c322e;
  --ink:#eceee8; --soft:#aab2ab; --faint:#7d857e;
  --apricot:#f2a84f; --apricot-ink:#2a1804; --apricot-tint:#35281a;
  --plum:#d9a6c2; --plum-tint:#2d2028;
  --new:#ec8a62; --cook:#e0b34a; --done:#6cc08f; --off:#e2837a;}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.55}
:focus-visible{outline:2px solid var(--apricot);outline-offset:2px}
.pr{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.primary{border:0;background:var(--btn-bg);color:var(--btn-ink);font-weight:700;padding:14px;border-radius:14px}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--soft)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--off)}
.live.on i{background:var(--done)}
.app{max-width:560px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--surface);overflow:hidden}
html:has(.app),html:has(.app) body{overscroll-behavior:none}
.app>*{min-width:0}
.g-head{padding:calc(env(safe-area-inset-top,0px) + 18px) 18px 12px;background:var(--head-bg);color:var(--head-ink)}
.g-logo{display:block;height:54px;width:auto;max-width:min(230px,52vw,100%);object-fit:contain;object-position:left center}
.g-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.g-status{flex:1;min-width:0;display:flex;justify-content:center;color:var(--head-ink)}
.g-status[hidden]{display:none}
.gs-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 12px 6px 10px;border-radius:999px;background:color-mix(in srgb,var(--head-ink) 13%,transparent);border:1px solid color-mix(in srgb,var(--head-ink) 22%,transparent);white-space:nowrap;overflow:hidden}
.g-status.plain .gs-pill{padding:6px 12px}
.gs-t{display:grid;line-height:1.15;min-width:0}
.gs-t b{font-size:13px;font-weight:700}
.gs-t small{font-size:11px;font-weight:500;opacity:.85}
.gs-dot{flex:none;position:relative;width:9px;height:9px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px color-mix(in srgb,var(--head-ink) 30%,transparent)}
.g-status.on .gs-dot{background:#30c46c}
.g-status.busy .gs-dot{background:#f5a524}
.g-status.on .gs-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #30c46c;animation:gs-breathe 2s ease-out infinite}
@keyframes gs-breathe{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){
.g-status.on .gs-dot::after{animation:none;display:none}
}
@media (min-width:760px){
.g-status{display:none}
}
.g-name{font-family:var(--display);font-size:22px;font-weight:700;cursor:pointer}
.g-id{min-width:0;margin-right:auto}
.g-lang{display:flex;background:var(--head-soft);border-radius:20px;padding:2px}
.g-tools{display:flex;align-items:center;gap:6px;flex:none;align-self:center}
.g-dd{position:relative}
.g-dd[hidden]{display:none}
.g-lang .g-dd-t{display:flex;align-items:center;gap:4px;opacity:1;padding:6px 10px;cursor:pointer}
.g-dd-t i{font-style:normal;font-size:9px;opacity:.7}
.g-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:150px;display:grid;gap:2px;padding:4px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.g-menu[hidden]{display:none}
.g-menu button,.g-menu a{display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink);text-align:left;padding:9px 12px;border-radius:10px;cursor:pointer}
.g-menu button b{min-width:14px;text-align:center}
.g-menu button[aria-checked="true"],.g-menu a[aria-checked="true"]{background:var(--sunk)}
.g-menu button[aria-checked="true"]::after,.g-menu a[aria-checked="true"]::after{content:"✓";margin-left:auto;font-weight:700}
.g-lang button{border:0;background:none;color:var(--head-ink);font-size:12px;font-weight:700;padding:6px 9px;border-radius:20px;opacity:.75}
.g-lang button[aria-pressed="true"]{background:var(--head-ink);color:var(--head-bg);opacity:1}
.g-call.resting{opacity:.6}
.g-call.pending{visibility:hidden}
.g-down{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:var(--btn-bg);color:var(--btn-ink);font-size:13px;font-weight:600;text-align:center}
.g-down[hidden]{display:none}
.g-down::before{content:"";flex:none;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:g-spin .8s linear infinite}
@keyframes g-spin{to{transform:rotate(360deg)}}
.chips-bar{display:flex;align-items:center;gap:6px;padding:12px 0 12px 16px;border-bottom:1px solid var(--line);flex:none}
.chip-find{flex:none;width:38px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--btn-bg);border-radius:20px;display:grid;place-items:center;padding:0;cursor:pointer;transition:transform .15s}
.chip-find:active{transform:scale(.92)}
.chip-find .mag,.g-sfield .mag{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.chips{display:flex;gap:6px;overflow-x:auto;padding-right:16px;scrollbar-width:none;flex:1;min-width:0}
.g-findbox{display:none;flex:1;min-width:0;align-items:center;gap:8px;padding-right:16px}
.chips-bar.searching .chips,.chips-bar.searching .chip-find{display:none}
.chips-bar.searching .g-findbox{display:flex;animation:g-sopen .25s ease-out}
@keyframes g-sopen{from{opacity:0;transform:translateX(-10px)}}
.g-sfield{flex:1;min-width:0;position:relative;display:flex;align-items:center}
.g-sfield .mag{position:absolute;left:13px;color:var(--soft);pointer-events:none}
.g-search{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:20px;padding:8px 14px 8px 38px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}
.g-search:focus{outline:none;border-color:var(--btn-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--btn-bg) 22%,transparent)}
.g-search::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.g-find-x{flex:none;width:34px;height:34px;border:0;border-radius:50%;background:var(--sunk);color:var(--ink);display:grid;place-items:center;padding:0;cursor:pointer}
.g-find-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.srch-sug{padding:14px 2px 6px;animation:g-sopen .25s ease-out}
.srch-sug p{margin:6px 2px 8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--soft)}
.sug-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.sug{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:600;border-radius:999px;padding:7px 13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.sug i{font-style:normal;display:inline-flex}
.sug .tg-i{width:15px;height:15px;color:var(--btn-bg)}
.sug:active{transform:scale(.96)}
.srch-none{display:flex;flex-direction:column;align-items:center;gap:12px;padding:44px 16px 24px;text-align:center;color:var(--soft)}
.srch-none b{font-size:16px;color:var(--ink)}
.srch-none-i{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--btn-bg);color:var(--btn-ink);transform:rotate(-6deg)}
.srch-none-i svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.chips button,.chips a{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:7px 13px;font-size:13px;font-weight:500;white-space:nowrap}
.chips button[aria-pressed="true"],.chips a[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.chips a,.g-menu a{color:inherit;text-decoration:none}
.m-h1{font-family:var(--display);font-size:15px;font-weight:600;color:var(--soft);margin:14px 2px 0}
.m-all{text-align:center;margin:22px 0}
.m-all a{color:var(--ink);font-weight:600}
.g-body{flex:1;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:14px 16px calc(28px + env(safe-area-inset-bottom,0px))}
.has-cart .g-body{padding-bottom:110px}
.notice{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:12px 14px;margin-bottom:10px;font-weight:600;font-size:14px}
.special{--sp:var(--btn-bg,var(--apricot));background:color-mix(in srgb,var(--sp) 12%,color-mix(in srgb,var(--surface) 72%,#fff));border:1.5px solid color-mix(in srgb,var(--sp) 35%,transparent);border-radius:18px;padding:12px 14px;margin-bottom:6px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.special small{display:block;font-weight:700;color:color-mix(in srgb,var(--sp) 75%,var(--ink));font-size:12px;letter-spacing:.2px}
.special b{display:block;font-size:16px}
.special .dish-t>span{display:block;color:var(--soft);font-size:13px}
.special .dish-t{flex:1;min-width:0}
.special .pr{color:var(--ink);font-weight:700}
.special:has(>.thumb){display:grid;grid-template-columns:auto 1fr;align-items:start}
.special:has(>.thumb) .dish-r{grid-column:2;justify-self:end}
.cat-title{font-family:var(--display);font-size:14px;font-weight:500;color:var(--soft);margin:18px 0 4px}
.dish{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.dish b{display:block;font-weight:600;overflow-wrap:anywhere}
.dish span{display:block;color:var(--soft);font-size:13px;overflow-wrap:anywhere}
.dish-r{display:flex;align-items:center;gap:10px;flex:none}
.dish-t{flex:1;min-width:0}
.thumb{flex:none;width:72px;height:72px;padding:0;border:0;border-radius:14px;overflow:hidden;background:var(--sunk)}
.thumb.big{width:88px;height:88px;align-self:center}
.dish[data-view],.special[data-view]{cursor:pointer}
.thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dish.out .thumb img{filter:grayscale(1);opacity:.6}
.viewer{position:absolute;inset:0;z-index:4;background:rgba(10,12,11,.55);display:flex;align-items:flex-end}
.viewer-c{position:relative;width:100%;background:var(--surface);border-radius:24px 24px 0 0;overflow:hidden;max-height:92%;display:flex;flex-direction:column}
.viewer-img{position:relative;overflow:hidden;background:#111;flex:none}
.viewer-img .bg{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(24px) brightness(.7);transform:scale(1.1)}
.viewer-img .fg{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;max-height:min(560px,58vh);object-fit:contain}
.viewer-img.plain .bg{display:none}
.x.viewer-x{position:absolute;z-index:2;top:12px;right:12px;width:36px;height:36px;padding:0;border-radius:50%;background:rgba(255,255,255,.92);color:#1d2320;box-shadow:0 2px 8px rgba(0,0,0,.25);font-weight:700;font-size:16px}
.viewer-b{padding:16px 18px calc(env(safe-area-inset-bottom,0px) + 20px);display:grid;gap:4px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.viewer-b b{font-family:var(--display);font-weight:500;font-size:19px}
.viewer-b span{color:var(--soft)}
.viewer-f{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:18px}
.viewer-f .pr{color:var(--ink)}
.viewer-add{width:100%;margin-top:14px;font-size:16px;position:sticky;bottom:0;box-shadow:0 -12px 12px 4px var(--surface)}
.dish.out b,.dish.out .pr{color:var(--faint)}
.badge{display:inline-block;margin-top:4px;font-size:11px;font-weight:700;font-style:normal;color:var(--off);background:color-mix(in srgb,var(--off) 12%,transparent);padding:2px 8px;border-radius:10px}
.add{width:36px;height:36px;border-radius:50%;border:0;background:var(--add-bg,var(--ink));color:var(--add-ink,var(--surface));font-size:20px;line-height:1;display:grid;place-items:center}
.add svg,.qty button svg{display:block}
.qty button{display:grid;place-items:center;padding:0}
.qty{display:flex;align-items:center;gap:6px;background:var(--sunk);border-radius:20px;padding:3px}
.qty button{width:30px;height:30px;border-radius:50%;border:0;background:var(--surface);font-weight:700}
.qty b{min-width:16px;text-align:center;font-variant-numeric:tabular-nums}
.empty{color:var(--soft);text-align:center;padding:40px 10px}
.cartbar{position:absolute;z-index:2;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);border:0;background:var(--btn-bg);color:var(--btn-ink);font-weight:700;padding:15px 16px;border-radius:16px;display:flex;justify-content:space-between;box-shadow:0 -12px 14px 8px var(--surface)}
.sheet{position:absolute;z-index:3;inset:0;background:var(--surface);display:flex;flex-direction:column}
.sheet-h{display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px 12px;border-bottom:1px solid var(--line)}
.sheet-h h3{margin:0;font-family:var(--display);font-size:18px;font-weight:500}
.x{border:0;background:var(--sunk);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700}
.sheet-b{flex:1;overflow-y:auto;padding:6px 18px 18px}
.line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.note{width:100%;margin-top:14px;border:1px solid var(--line);background:var(--sunk);border-radius:12px;padding:10px 12px;resize:none}
.sheet-f{padding:14px 18px calc(env(safe-area-inset-bottom,0px) + 18px);border-top:1px solid var(--line);display:grid;gap:10px}
.sum{display:flex;justify-content:space-between;font-weight:700;font-size:17px}
.bill{display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:11px 14px;margin-bottom:10px;font-size:14px;font-weight:600}
.bill b{font-size:16px}
.bill-r{display:flex;justify-content:space-between;align-items:center;gap:10px}
.bill-more{justify-self:start;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bill-till{font-size:11.5px;color:var(--faint);margin-top:4px}
.bill-lines{list-style:none;margin:0;padding:8px 0 2px;border-top:1px dashed var(--line);display:grid;gap:6px;font-size:13px;font-weight:500}
.bill-lines li{display:flex;justify-content:space-between;gap:12px}
.bill-lines li span:last-child{flex:none;font-variant-numeric:tabular-nums}
.bill-lines small{color:var(--faint)}
.bill-btn{border:0;border-radius:12px;padding:11px;background:var(--brand);color:var(--brand-ink);font-weight:700}
.bill-asked{font-size:13px;font-weight:600;color:var(--done)}
.pay-c{padding:20px 18px calc(env(safe-area-inset-bottom,0px) + 20px);display:grid;gap:14px;text-align:center}
.pay-c b{font-family:var(--display);font-weight:500;font-size:18px}
.pay-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pay-c .x{justify-self:center}
.pay-c .pay-online{width:100%}
.pay-opts[hidden],.pay-tip[hidden],.pay-online[hidden]{display:none}
.pay-tip{display:grid;gap:12px}
.tip-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tip-opts button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 4px;font:inherit;font-weight:600;display:grid;gap:2px;cursor:pointer}
.tip-opts button small{font-size:11px;font-weight:500;color:var(--soft)}
.tip-opts button[aria-pressed="true"]{border-color:var(--btn-bg,#1c1b19);box-shadow:0 0 0 1px var(--btn-bg,#1c1b19)}
.bill-paid{font-size:14px;font-weight:700;color:var(--done)}
.opt-c{max-height:88%}
.opt-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 8px}
.opt-h b{font-family:var(--display);font-weight:500;font-size:19px}
.opt-b{overflow:auto;padding:0 18px 6px;display:grid;gap:14px}
.opt-g{border:0;margin:0;padding:0;display:grid;gap:6px}
.opt-g legend{padding:0 0 6px;font-weight:700;font-size:14px;color:var(--soft)}
.opt{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1.5px solid var(--line);border-radius:14px;font-size:15px;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s}
.opt:has(input:checked){border-color:var(--btn-bg,var(--ink));background:color-mix(in srgb,var(--btn-bg,var(--ink)) 9%,var(--surface));font-weight:600}
.opt span{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.opt small{color:var(--soft);font-weight:600;margin-left:auto;white-space:nowrap}
.opt input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:0;border:2px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:50%;background:var(--surface);display:grid;place-items:center;transition:border .15s,background .15s}
.opt input[type=radio]:checked{border:7px solid var(--btn-bg,var(--ink))}
.opt input[type=checkbox]{border-radius:7px}
.opt input[type=checkbox]:checked{border-color:var(--btn-bg,var(--ink));background:var(--btn-bg,var(--ink))}
.opt input[type=checkbox]:checked::after{content:"";width:5px;height:10px;border:solid var(--btn-ink,#fff);border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.opt input:focus-visible{outline:2px solid var(--btn-bg,var(--ink));outline-offset:2px}
.opt.off{opacity:.45}
.opt-g legend small{font-weight:500;margin-left:4px}
.opt-f{padding:12px 18px calc(env(safe-area-inset-bottom,0px) + 18px);border-top:1px solid var(--line)}
.opt-f .primary{width:100%}
.line-o{font-size:13px;color:var(--soft)}
.gift-line .line-o{color:var(--done,#2f7d4f);font-weight:600}
.line-img{flex:none;width:52px;height:52px;border-radius:12px;object-fit:cover;background:var(--sunk)}
.line-t{flex:1;min-width:0}
.closed{background:var(--sunk);border-radius:18px;padding:18px 16px;margin-bottom:12px;display:grid;gap:8px;text-align:center}
.closed b{font-family:var(--display);font-weight:500;font-size:17px;color:var(--done)}
.closed p{margin:0 0 6px;color:var(--soft);font-size:14px}
.closed.locked b{color:var(--ink)}
.pin-row{display:flex;gap:8px;justify-content:center}
.pin-row input{width:120px;text-align:center;font-size:24px;letter-spacing:8px;font-variant-numeric:tabular-nums;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:8px}
.pin-row .primary{padding:10px 18px}
.pin-err{color:var(--off)!important;font-weight:600;margin:4px 0 0!important}
.bill-pin{font-size:13px;font-weight:600;opacity:.85}
.status{margin-bottom:10px;border-radius:16px;padding:12px 14px;background:var(--sunk);display:grid;gap:5px;border-left:4px solid var(--line)}
.status.s-new{border-left-color:var(--new)}
.status.s-new .st-f>span{color:var(--new)}
.status.s-preparing{border-left-color:var(--cook)}
.status.s-preparing .st-f>span{color:var(--cook)}
.status.s-served{border-left-color:var(--done)}
.status.s-served .st-f>span{color:var(--done)}
.status.s-cancelled{background:none;border:1px dashed var(--line);opacity:.65}
.status.s-cancelled b,.status.s-cancelled .st-f>span{color:var(--soft)}
.status.s-cancelled li{text-decoration:line-through}
.status b{font-size:14px}
.status ul{margin:0;padding:0;list-style:none;font-size:13px;color:var(--soft)}
.steps{display:flex;gap:4px}
.steps i{flex:1;height:5px;border-radius:3px;background:var(--line);transition:background .3s}
.steps i.on{background:var(--done)}
.status span{font-size:13px;font-weight:600}
.st-f{display:flex;justify-content:space-between;align-items:center;gap:10px}
.st-cancel{flex:none;color:var(--off)}
.status li.rm{color:var(--faint)}
.toast{--c:var(--btn-bg,#5b2a45);position:fixed;z-index:90;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 12px);max-width:480px;margin:0 auto;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--c) 10%,var(--surface));color:var(--ink);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.16);font-size:14.5px;font-weight:600;line-height:1.4;opacity:0;transform:translateY(-14px);transition:opacity .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.toast.in{opacity:1;transform:none}
.toast::before{content:"!";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c);color:var(--btn-ink,#fff);font-size:13px;font-weight:800}
.toast[data-kind="ok"]::before{content:"✓"}
.toast[data-kind="info"]{--c:var(--soft,#5d665f);background:var(--surface);color:var(--ink);border-color:var(--line)}
.toast[data-kind="info"]::before{content:"i";font-family:Georgia,serif;font-style:italic}
@media (prefers-reduced-motion:reduce){
.toast{transition:none}
}
.staff{--sp:16px;max-width:none;margin:0;padding:calc(env(safe-area-inset-top,0px) + 20px) var(--sp) 48px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.staff>*{min-width:0}
.s-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.s-top h1{font-family:var(--display);font-size:clamp(20px,3vw,26px);margin:0}
.s-top .r{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}
.link{border:0;background:none;color:var(--soft);font-size:13px;text-decoration:underline;padding:0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}
.card h2{font-family:var(--display);font-size:17px;font-weight:500;margin:0 0 4px}
.login{max-width:380px;margin:12vh auto 0;display:grid;gap:12px}
.login input{border:1px solid var(--line);background:var(--sunk);border-radius:12px;padding:12px}
.err{color:var(--off);font-size:13px;margin:0}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.col{background:var(--sunk);border-radius:18px;padding:12px;display:grid;gap:10px;align-content:start;min-height:260px}
.col[data-s="new"]{--c:var(--new)}
.col[data-s="preparing"]{--c:var(--cook)}
.col[data-s="served"]{--c:var(--done)}
@keyframes flash{from{box-shadow:0 0 0 4px color-mix(in srgb,var(--new) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}
.back{border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:13px;background:none;color:var(--soft)}
.call-what{font-weight:700;font-size:15px;color:var(--c)}
.tbl{display:grid;gap:10px;padding:16px}
.tbl ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:14px}
.tbl li{display:flex;justify-content:space-between;gap:8px}
.tbl li em{font-style:normal;color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.mode{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;font-size:14px;color:var(--soft)}
.mode b{color:var(--ink)}
.mode input{margin-top:3px}
.field{display:grid;gap:6px;margin-bottom:12px}
.field label{font-size:13px;color:var(--soft)}
.field select{border:1px solid var(--line);background:var(--sunk);border-radius:10px;padding:10px 12px;width:100%}
.url{font-size:12px;color:var(--faint);word-break:break-all;margin-bottom:12px}
.ghost{display:inline-block;border:1px solid var(--line);background:var(--sunk);border-radius:10px;padding:8px 14px;font-weight:700;font-size:13px;color:var(--ink);text-decoration:none;margin:0 6px 6px 0}
table{width:100%;border-collapse:collapse;min-width:480px}
th{text-align:left;font-size:12px;color:var(--faint);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--line)}
td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
td .nm{font-weight:600}
@media (max-width:980px){
.board{grid-template-columns:minmax(0,1fr)}
.col{min-height:0}
}
@media print{
body{background:#fff}
.staff>*:not(#p-menu),#p-menu .card:not(.qr-card),.qr-card .field,.qr-card .url,.qr-card .ghost,.qr-card .hint,.qr-card h2{display:none!important}
}
.menu-only .g-name{font-size:26px}
.mcat{font-family:var(--display);font-size:19px;font-weight:500;margin:26px 2px 12px;display:flex;align-items:center;gap:12px}
.mcat::after{content:"";flex:1;height:1px;background:var(--line)}
.ctiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -16px 4px;overflow:hidden}
.ctile{display:block;aspect-ratio:1;border:0;padding:0;background:#111;cursor:pointer}
.ctile img{display:block;width:100%;height:100%;object-fit:cover}
.mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mcard,.mhero{font:inherit;color:inherit;text-align:left;border:0;padding:0;background:var(--sunk);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}
.mcard-img{display:block;aspect-ratio:1;background:var(--line)}
.mcard-img img,.mhero-img img{display:block;width:100%;height:100%;object-fit:cover}
.mcard-t{padding:10px 12px 4px;flex:1}
.mcard-t,.mnew-t,.mhero-t,.sv-t{min-width:0;overflow-wrap:anywhere}
.mcard-t b{display:block;font-weight:600;line-height:1.3}
.mcard-t>span{display:block;color:var(--soft);font-size:12.5px;line-height:1.4;margin-top:3px}
.mcard-f{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 8px;padding:6px 10px 10px 12px;min-height:46px}
.mcard-f .pr{flex:1;min-width:0;white-space:normal}
.mcard-f{flex-wrap:nowrap}
.mcard .mcard-f .pr{flex:0 1 auto;min-width:auto;margin-right:auto;white-space:normal}
.mcard{container-type:inline-size}
@container (max-width:150px){
.mcard .mcard-f:has(.qty){flex-wrap:wrap}
}
.mcard .mcard-f .qty{gap:0;padding:2px;margin-right:-4px}
.mcard .mcard-f .qty button{width:26px;height:26px}
.mcard .mcard-f .qty{min-height:38px}
.mcard-f .add,.mcard-f .qty{flex:none}
.mcard-pr{font-size:15px;color:var(--ink)}
.mcard-f .qty{margin-left:auto}
.mcard .add{width:38px;height:38px;flex:none}
.mcard.out .mcard-img img{filter:grayscale(1);opacity:.55}
.mcard.out b,.mcard.out .mcard-pr{color:var(--faint)}
.mhero{width:100%;background:var(--apricot-tint);margin-top:4px;flex-direction:row;align-items:stretch}
.mheros{display:grid;gap:12px;margin-top:4px}
.mheros-h{display:none}
html.acc-embed .app,html.acc-embed .g-side{display:none!important}
html.acc-embed,html.acc-embed body{background:transparent!important}
html.acc-embed .acc{transition:none;transform:none}
.wel{position:relative;display:flex;align-items:center;gap:12px;margin:4px 0 12px;padding:14px 44px 14px 16px;border-radius:18px;background:linear-gradient(135deg,var(--btn-bg),color-mix(in srgb,var(--btn-bg) 70%,var(--head-bg)));color:var(--btn-ink);box-shadow:0 10px 24px -14px color-mix(in srgb,var(--btn-bg) 80%,#000);overflow:hidden}
.wel::after{content:"";position:absolute;right:-30px;top:-40px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.14);pointer-events:none}
.wel-t{flex:1;min-width:0;display:grid;gap:2px}
.wel-t b{font-family:var(--display);font-size:16.5px;line-height:1.25}
.wel-t span{font-size:13px;line-height:1.35;opacity:.9}
.wel-b{flex:none;position:relative;z-index:1;border:0;border-radius:999px;padding:10px 16px;background:var(--btn-ink);color:var(--btn-bg);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.wel-x{position:absolute;top:6px;right:6px;z-index:1;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.7;font-size:14px;cursor:pointer}
.wel-on{padding:12px 16px}
.wel-on .wel-t b{font-size:15px}
.d-auto-promo{margin:0 0 8px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--done) 12%,var(--surface));color:var(--done);font-weight:700;font-size:13.5px}
.acc-wel{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.16);font-weight:600;font-size:14px;line-height:1.4}
.mst{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;margin:2px -16px 6px;padding:6px 16px 8px}
.mst::-webkit-scrollbar{display:none}
.mst-c{flex:none;display:grid;justify-items:center;align-content:start;gap:6px;width:78px;border:0;background:none;padding:0;font:inherit;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mst-ring{width:70px;height:70px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,var(--btn-bg),var(--head-bg),var(--btn-bg));transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.mst-c:active .mst-ring{transform:scale(.92)}
@media (hover:hover){
.mst-c:hover .mst-ring{transform:scale(1.06)}
}
.mst-pic{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:3px solid var(--surface);background:var(--sunk) center/cover;color:var(--btn-bg);font-size:22px}
.mst-c b{font-size:12px;font-weight:600;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (min-width:760px){
.mst{display:none}
}
.stv{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:grid;place-items:center;opacity:0;transition:opacity .25s;touch-action:none;overscroll-behavior:contain}
.stv.in{opacity:1}
.stv[hidden]{display:none}
.stv-card{position:relative;width:min(100vw,calc(100dvh*9/16));height:min(100dvh,calc(100vw*16/9));max-height:100dvh;background:#111;overflow:hidden;border-radius:18px;color:#fff}
.stv-ph{position:absolute;inset:0;transition:background .35s}
.stv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;animation:stz 5.5s linear both;will-change:opacity,transform;backface-visibility:hidden}
.stv-img.on{opacity:1}
.stv-txt.in>*{animation:stt .35s ease both}
@keyframes stt{from{opacity:0;transform:translateY(8px)}}
@keyframes stz{from{transform:scale(1.08)}}
.stv-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 22%,transparent 50%,rgba(0,0,0,.8) 100%);pointer-events:none}
.stv-bars{position:absolute;left:10px;right:10px;top:calc(10px + env(safe-area-inset-top,0px));z-index:3;display:flex;gap:4px}
.stv-bars span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.stv-bars i{display:block;height:100%;background:#fff}
.stv-top{position:absolute;left:14px;right:8px;top:calc(22px + env(safe-area-inset-top,0px));z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:15px}
.stv-x{border:0;background:none;color:#fff;font-size:22px;width:44px;height:44px;cursor:pointer}
.stv-tap{position:absolute;top:calc(70px + env(safe-area-inset-top,0px));bottom:150px;z-index:2;width:50%;border:0;background:none;cursor:pointer}
.stv-tap.l{left:0}
.stv-tap.r{right:0}
.stv-tap,.stv-x,.stv-card{-webkit-tap-highlight-color:transparent}
.stv-tap:focus,.stv-tap:active{outline:none;background:none}
.stv-txt{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px));display:grid;gap:8px}
.stv-txt h3{margin:0;font:700 clamp(24px,6.5vw,32px)/1.1 var(--display);letter-spacing:-.01em}
.stv-txt p{margin:0;opacity:.9;font-size:15.5px;line-height:1.45}
.stv-pr{font-weight:800;font-size:19px}
.stv-go{justify-self:start;margin-top:6px;border:0;border-radius:999px;padding:13px 22px;background:var(--btn-bg);color:var(--btn-ink);font:inherit;font-weight:700;font-size:15.5px;cursor:pointer}
@media (max-width:760px){
.stv-card{width:100%;height:100%;max-height:none;border-radius:0}
}
@media (prefers-reduced-motion:reduce){
.stv-img{animation:none}
}
.mnew{margin:22px -16px 4px}
.mnew-h{font-family:var(--display);font-size:19px;font-weight:600;margin:0 16px 10px}
.mnew-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:4px 16px 12px;scrollbar-width:none}
.mnew-row::-webkit-scrollbar{display:none}
.mnew-c{flex:0 0 min(78%,320px);scroll-snap-align:start;font:inherit;color:inherit;text-align:left;border:0;padding:0;background:var(--sunk);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 8px 22px -14px rgba(0,0,0,.35)}
.mnew-c:only-child{flex-basis:100%}
.mnew-img{position:relative;display:block;aspect-ratio:4/3;background:var(--line);overflow:hidden}
.mnew-img img{display:block;width:100%;height:100%;object-fit:cover}
.mnew-rib{position:absolute;top:12px;left:12px;font-style:normal;font-weight:800;font-size:12.5px;letter-spacing:.02em;padding:4px 12px;border-radius:999px;background:var(--btn-bg);color:var(--btn-ink);box-shadow:0 3px 10px rgba(0,0,0,.2);overflow:hidden}
.mnew-rib::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%) no-repeat;background-size:250% 100%;background-position:160% 0;animation:mnew-glint 4s ease-in-out 1s infinite}
@keyframes mnew-glint{0%,55%{background-position:160% 0}80%,100%{background-position:-60% 0}}
.mnew-t{padding:12px 14px;display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.mnew-t b{font-weight:600;font-size:16px;line-height:1.3}
.mnew-t>span:not(.mcard-f){color:var(--soft);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mnew-t .mcard-f{padding:6px 0 0;margin-top:auto;min-height:0}
.mnew-t .mcard-f .pr{font-weight:600}
@media (min-width:760px){
.mnew{margin:26px 0 6px}
.mnew-h{margin:0 2px 12px}
.mnew-row{padding:4px 2px 14px;scroll-padding:0 2px}
.mnew-c{flex-basis:300px}
.mnew-c:only-child{flex-basis:min(100%,520px)}
}
@media (prefers-reduced-motion:reduce){
.mnew-rib::after{animation:none}
}
.mheros .mhero{margin-top:0}
.mhero-img{display:block;flex:none;width:44%;aspect-ratio:1;overflow:hidden;align-self:center}
.mhero-t{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}
.mhero-t small{font-weight:700;color:var(--apricot);font-size:12px}
.mhero-t .pr small.fx,.special .pr small.fx{display:inline-block;align-self:auto;margin:0 0 0 6px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;font-size:12px;font-weight:500;letter-spacing:normal;text-transform:none;color:var(--faint);white-space:nowrap}
.mhero-t b{font-family:var(--display);font-weight:500;font-size:18px;line-height:1.25}
.mhero-t span{color:var(--soft);font-size:14px}
.mhero-t .pr{color:var(--ink);font-size:17px;margin-top:4px}
.mhero-t .mcard-f{padding:0;margin-top:4px;min-height:0}
.mhero-t .mcard-f .pr{margin-top:0}
.bill-svc{font-size:13px;font-weight:500;opacity:.85}
.bill-due{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:8px}
.svc-note{margin:-4px 0 0;font-size:13px;color:var(--soft)}
.ic{border:1px solid var(--line);background:none;border-radius:8px;width:30px;height:30px;font-size:14px;color:var(--ink);margin-left:3px}
.ic:disabled{opacity:.3}
.back.danger{color:var(--off);border-color:color-mix(in srgb,var(--off) 40%,transparent)}
.staff>*{min-width:0}
.s-lang{display:inline-flex;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:2px}
.s-lang button{border:0;background:none;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;color:var(--soft)}
.s-lang button[aria-pressed="true"]{background:var(--ink);color:var(--surface)}
.login .s-lang{justify-self:center;margin-top:4px}
.ghost.saved{background:color-mix(in srgb,var(--done) 16%,transparent);border-color:var(--done);color:var(--done)}
.design{display:block}
.sw{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);padding:0;cursor:pointer;position:relative}
.sw.on{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--ink)}
.pr .fx{display:inline-block;margin-left:6px;font-size:12px;font-weight:500;color:var(--faint);white-space:nowrap}
.cartbar .fx{color:inherit;opacity:.75}
.fx-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;color:var(--soft);
  
  position:sticky;top:-14px;z-index:1;background:var(--bg);margin:-14px -16px 6px;padding:14px 16px 8px}
.fx-bar .g-sub{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:0}
.g-table{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}
.g-call{border:1px solid var(--line);border-radius:14px;padding:6px 11px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.bars{display:flex;align-items:flex-end;gap:2px;height:150px;margin-top:10px}
.bar{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center}
.bar i{display:block;width:100%;max-width:36px;background:var(--plum);border-radius:4px 4px 0 0}
.bar:hover i{opacity:.8}
.bar small{height:16px;font-size:10px;color:var(--faint);white-space:nowrap;margin-top:4px}
.rate{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--sunk);border-radius:14px;padding:10px 12px;margin-bottom:12px;font-size:14px;font-weight:600}
.rate-b{display:flex;flex:none}
.rate-b button{border:0;background:none;width:30px;height:40px;font-size:26px;line-height:1;padding:0;color:var(--line)}
.rate-b:hover button,.rate-b:active button{color:#f5b301}
.rate-b button:hover~button,.rate-b button:active~button{color:var(--line)}
.contact{display:flex;flex-direction:column;align-items:center;gap:8px;margin:26px 0 0;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);grid-column:1/-1}
.contact a{color:var(--ink);font-weight:600;text-decoration:none;text-align:center;overflow-wrap:anywhere}
.contact a[href^="tel:"]{padding:9px 18px;border-radius:999px;background:var(--btn-bg);color:var(--btn-ink)}
.c-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.contact .c-wa,.contact .c-ig{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--sunk);color:var(--ink)}
.powered{display:block;width:fit-content;margin:28px auto 0;font-size:12px;color:var(--faint);text-decoration:none}
.review{display:block;text-align:center;margin:12px 0 4px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;text-decoration:none}
.menu-only .review{margin:24px 0 8px}
.splash{position:absolute;top:0;left:0;right:0;height:100vh;height:100lvh;z-index:50;display:grid;place-items:center;padding:24px;padding-bottom:calc(24px + 100lvh - 100dvh);transition:opacity .4s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.splash.out{opacity:0;transform:translateY(-14px);pointer-events:none}
.splash-in{display:grid;justify-items:center;gap:22px;animation:splash-in .55s cubic-bezier(.2,.8,.2,1) both}
.splash img{display:block;max-width:min(66vw,300px);max-height:36vh;object-fit:contain}
.splash b{font-family:var(--display);font-weight:700;font-size:34px;line-height:1.15;text-align:center}
.splash-bar{display:block;width:64px;height:3px;border-radius:3px;background:currentColor;opacity:.35;overflow:hidden;position:relative}
.splash-bar::after{content:"";position:absolute;inset:0;width:40%;border-radius:3px;background:currentColor;animation:splash-bar 1s ease-in-out infinite}
@keyframes splash-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes splash-bar{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){
.splash-in,.splash-bar::after{animation:none}
.splash{transition:none}
}
@media (max-width:600px){
.card h2{overflow-wrap:anywhere}
table{min-width:0}
}
.ico{height:1.15em;width:auto;vertical-align:-.2em;margin:0 .1em}
.after-bill{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:var(--apricot-tint);color:var(--ink);font-size:13px;line-height:1.4}
@media (min-width:760px){
.app{max-width:1200px}
.mgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.g-body:has(.cat-sec){padding-left:max(16px,calc((100% - 760px) / 2));padding-right:max(16px,calc((100% - 760px) / 2))}
.viewer{align-items:center;justify-content:center;padding:24px}
.viewer-c{max-width:560px;border-radius:24px}
.sheet{left:auto;width:min(480px,100%);border-left:1px solid var(--line);box-shadow:-12px 0 40px rgba(0,0,0,.12)}
.cartbar{left:auto;right:24px;width:420px}
.mhero{max-width:760px}
.mhero-img{width:300px}
.mheros{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}
.mheros .mhero{max-width:none;margin-top:0}
.mheros .mhero-img{width:min(340px,44%)}
.mheros:has(.mhero:nth-child(3)){grid-template-columns:repeat(3,1fr)}
.mheros:has(.mhero:nth-child(3)) .mhero{flex-direction:column}
.mheros:has(.mhero:nth-child(3)) .mhero-img{width:auto;align-self:stretch}
.mhero-t{padding:20px 28px}
.mhero-t b{font-size:24px}
.dish b{font-size:16.5px}
.dish span{font-size:14px}
.dish .pr{font-size:15px}
}
@media (min-width:760px){
html:has(.app) body{background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--head-bg) 30%,var(--bg)),var(--bg) 70%) fixed}
.app{box-shadow:0 0 0 1px var(--line),0 24px 70px rgba(0,0,0,.16)}
html.has-wall body{background:#141414}
html.has-wall body::before{content:"";position:fixed;inset:-60px;z-index:-1;background:var(--wall) center/cover no-repeat;filter:blur(16px) brightness(.55) saturate(1.1)}
}
@media (min-width:760px){
.app .g-head{padding-top:calc(env(safe-area-inset-top,0px) + 22px);padding-bottom:18px;padding-left:28px;padding-right:28px}
.app .g-head .g-logo{height:clamp(50px,7cqw,84px);width:auto;max-width:min(360px,32cqw)}
.app .g-head .g-name{font-size:clamp(24px,2.8cqw,32px)}
.g-id{flex:1;display:flex;align-items:center;min-width:0}
.app .g-row{position:relative}
.app .g-row .g-id::after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.app .g-row{container-type:inline-size}
@container (max-width:1060px){
.app .g-row .g-id::after{position:static;transform:none}
}
.g-id::after{content:"MENU";flex:1;min-width:0;text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(17px,2.5cqw,28px);letter-spacing:.4em;padding-left:.4em;color:var(--head-ink);white-space:nowrap;overflow:hidden}
.app .g-lang .g-dd-t{font-size:14px;padding:9px 14px}
}
@media (min-width:1000px){
.g-body:has(.cat-sec){padding-left:max(24px,calc((100% - 1080px) / 2));padding-right:max(24px,calc((100% - 1080px) / 2))}
.cat-sec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;align-items:stretch}
.cat-sec>.cat-title{grid-column:1/-1}
}
.staff .s-top{position:sticky;top:0;z-index:25;margin:calc(-1 * (env(safe-area-inset-top,0px) + 20px)) calc(-1 * var(--sp)) 0;padding:calc(env(safe-area-inset-top,0px) + 12px) var(--sp) 12px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-wrap:nowrap}
.s-id{display:flex;align-items:center;gap:12px;min-width:0}
.s-id h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.s-top .r{flex-wrap:nowrap;flex:none}
.s-more{position:relative}
.s-more>summary{list-style:none;cursor:pointer;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:16px;user-select:none}
.s-more>summary::-webkit-details-marker{display:none}
.s-more-menu{display:flex;align-items:center;gap:14px}
@media (min-width:900px){
.s-more>summary{display:none}
.staff{--sp:28px;grid-template-columns:230px minmax(0,1fr);column-gap:28px;align-items:start}
.staff>.s-top{grid-column:1/-1}
.staff>*:not(.s-top):not(.tabs){grid-column:2}
.staff{row-gap:0}
.staff>*:not(.s-top){margin-top:18px}
}
@media (max-width:899px){
.s-more-menu{position:absolute;right:0;top:42px;z-index:40;flex-direction:column;align-items:stretch;gap:10px;min-width:190px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.18)}
.s-more-menu .link{text-align:left;padding:4px 2px}
.s-more-menu .s-lang{align-self:flex-start}
.staff{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.staff .s-top h1{font-size:18px}
.staff .live i{width:10px;height:10px}
}
.s-name{display:grid;min-width:0;line-height:1.15}
.s-by{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--soft);text-decoration:none;margin-top:3px;width:fit-content}
.s-by img{border-radius:4px}
.s-by:hover{color:var(--accent,var(--ink))}
.s-logo{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;overflow:hidden;padding:5px;border:1px solid var(--line)}
.s-logo[hidden]{display:none}
.s-logo img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:899px){
.s-logo{width:38px;height:38px;border-radius:10px}
.s-by{font-size:11px;margin-top:2px}
}
.mcard-img,.thumb,.mhero-img{background:linear-gradient(135deg,var(--sunk),var(--line))}
.d-info{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:9px 10px;margin-bottom:10px;display:grid;gap:7px;font-size:13.5px;color:var(--soft);line-height:1.45}
.d-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:0;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink);font:inherit;font-size:13px;font-weight:600;white-space:nowrap}
.d-tag.off{color:#c0392b;background:color-mix(in srgb,#c0392b 13%,transparent)}
.d-more{display:grid;gap:5px;padding:2px 4px 2px}
.d-more[hidden]{display:none}
.d-info>.d-closed{font-size:13px;padding:0 4px}
.d-info b{color:var(--ink);font-weight:700}
.d-hours{font-size:13px}
.d-closed{color:var(--off);font-weight:600}
.d-note{color:var(--ink);font-weight:500}
.d-form{display:grid;gap:12px;padding-top:14px}
.d-form[hidden],.d-sums[hidden]{display:none}
.d-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--sunk);border-radius:14px;padding:4px}
.d-seg button{border:0;background:none;border-radius:11px;padding:10px 6px;font:inherit;font-weight:700;color:var(--soft);cursor:pointer}
.d-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}
@media (max-width:370px){
.d-seg button{font-size:13.5px;padding:10px 4px;white-space:nowrap;letter-spacing:-.1px}
}
.d-one{font-weight:700;font-size:15px}
.d-f{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--soft)}
.d-f input,.d-f select,.d-f textarea{width:100%;border:1px solid var(--line);background:var(--sunk);color:var(--ink);border-radius:12px;padding:11px 12px;font:inherit;font-size:16px;font-weight:500;resize:none}
.d-f input:focus,.d-f select:focus,.d-f textarea:focus{outline:2px solid var(--btn-bg,#5b2a45);outline-offset:-1px}
.d-pays{display:flex;flex-wrap:wrap;gap:6px}
.d-pays button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:9px 12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.d-pays button[aria-pressed="true"]{border-color:var(--btn-bg,#1c1b19);box-shadow:0 0 0 1px var(--btn-bg,#1c1b19)}
.d-hint{margin:0;font-size:13px;color:var(--soft)}
.d-warn{margin:0;font-size:13px;font-weight:600;color:var(--off)}
.d-sums{display:grid;gap:6px}
.d-track .d-tot{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:600}
.d-track .d-tot small{font-weight:500;color:var(--soft)}
.d-track .st-f{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.d-btns{display:flex;gap:6px;flex-wrap:wrap}
.d-btns a.x{text-decoration:none;color:inherit}
.d-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.d-acts>button{flex:1 1 130px;min-height:42px;margin:0;padding:9px 14px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.2;width:auto}
.d-acts>.primary{flex-basis:100%}
.d-acts>.x{border:1.5px solid var(--line);background:var(--surface,#fff);color:var(--ink)}
@media (min-width:600px){
.d-acts>button,.d-acts>.primary{flex:0 0 auto}
}
.d-eta{font-size:14px;font-weight:700;color:var(--done)}
.d-courier{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:600}
.d-courier a.x{text-decoration:none;color:inherit}
.promos{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin:0 -16px 12px;padding:2px 16px;scrollbar-width:none}
.promos::-webkit-scrollbar{display:none}
.promo{flex:0 0 84%;scroll-snap-align:start;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:16px;padding:12px 14px;min-height:76px;font:inherit;cursor:pointer;
  background:linear-gradient(135deg,var(--btn-bg,#5b2a45),color-mix(in srgb,var(--btn-bg,#5b2a45) 72%,#000));color:var(--btn-ink,#fff);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--btn-bg,#5b2a45) 70%,transparent)}
.promo:disabled{cursor:default;opacity:1}
.promos.one .promo{flex-basis:100%}
.promo img{width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:rgba(255,255,255,.15)}
.promo-t{flex:1;min-width:0;display:grid;gap:3px}
.promo-t b{font-family:var(--display);font-size:16px;font-weight:600;line-height:1.2}
.promo-t span{font-size:13px;line-height:1.35;opacity:.9}
.promo i{font-style:normal;font-size:24px;line-height:1;opacity:.8;flex:none}
@media (min-width:760px){
.promo{flex-basis:calc(50% - 5px)}
.promos.one .promo{flex-basis:100%}
}
.promo{position:relative}
.promo-badge{position:absolute;top:8px;right:10px;font-style:normal;font-size:12px;font-weight:700;line-height:1;padding:4px 8px;border-radius:99px;background:var(--btn-ink,#fff);color:var(--btn-bg,#5b2a45)}
.promo-badge~.promo-t{padding-right:48px}
.promo.look-photo{min-height:128px;align-items:flex-end;overflow:hidden;isolation:isolate}
.promo.look-photo img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:-2}
.promo.look-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.05) 70%)}
.promo.look-photo .promo-t,.promo.look-photo i{color:#fff}
.promo.look-compact{min-height:0;padding:10px 14px}
.promo.look-compact .promo-t{display:flex;align-items:baseline;gap:8px}
.promo.look-compact .promo-t b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}
.promo{min-width:0}
.promo.look-compact .promo-t span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.promo.look-compact .promo-t{min-width:0}
.opt-chips,.mcard-t>.opt-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.opt-chips i{font-style:normal;font-size:12px;font-weight:600;line-height:1.3;color:var(--soft);border:1px solid var(--line);border-radius:999px;padding:2px 8px;max-width:100%;display:inline-flex;flex-wrap:wrap;column-gap:4px}
.opt-chips i b{font-weight:700;white-space:nowrap;color:var(--ink)}
.mcard .opt-chips,.mhero .opt-chips,.dish .opt-chips{display:grid;gap:3px;margin-top:7px}
.mcard .opt-chips i,.mhero .opt-chips i,.dish .opt-chips i{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:baseline;gap:8px;border:0;border-radius:8px;padding:4px 8px;background:color-mix(in srgb,var(--ink) 5%,transparent);font-size:12.5px}
.mcard .opt-chips i span,.mhero .opt-chips i span,.dish .opt-chips i span{display:block;flex:1;min-width:0;margin:0;font:inherit;color:inherit;overflow-wrap:anywhere}
.mcard .opt-chips i b,.mhero .opt-chips i b,.dish .opt-chips i b{flex:none}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--ink) 48%,transparent);opacity:1}
.line-rm{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--soft);display:grid;place-items:center;padding:0;cursor:pointer}
.line-rm:hover,.line-rm:focus-visible{background:var(--sunk);color:var(--off,#b3483c)}
.line-rm svg{display:block}
.d-later{margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--cook,#b98410) 16%,var(--surface));border:1.5px solid color-mix(in srgb,var(--cook,#b98410) 45%,transparent);color:var(--ink);font-weight:600;font-size:14px;line-height:1.4}
.d-sums-b{margin-top:12px}
.d-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.d-parts{font-size:13px;color:var(--soft);min-width:0}
.d-row .pr{font-size:18px;white-space:nowrap}
@supports (-webkit-touch-callout:none){
input,select,textarea{font-size:16px!important}
}
.d-pushrow{margin-top:10px}
.d-push{font-size:13.5px;padding:8px 12px}
.d-push-on{font-size:13px;color:var(--soft);font-weight:600}
.d-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.d-two .d-f{min-width:0}
.g-bw{flex:none;margin-right:2px}
.g-burger{width:38px;height:38px;padding:0;display:grid;place-items:center}
.g-drawer{position:fixed;inset:0;z-index:60;touch-action:none}
html.no-scroll,html.no-scroll body,html.no-scroll .g-body{overflow:hidden}
.g-dr-back{position:absolute;inset:0;background:rgba(10,8,8,.35);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.g-dr{position:absolute;top:0;left:0;bottom:0;width:min(330px,86vw);background:var(--head-bg);color:var(--head-ink);border-radius:0 26px 26px 0;padding:calc(env(safe-area-inset-top,0px) + 18px) 16px calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;flex-direction:column;gap:2px;transform:translateX(-104%);transition:transform .32s cubic-bezier(.2,.8,.2,1);box-shadow:12px 0 40px rgba(0,0,0,.25);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.g-drawer.in .g-dr-back{opacity:1}
.g-drawer.in .g-dr{transform:none}
.g-dr-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 16px;margin-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--head-ink) 18%,transparent)}
.g-dr-h img{height:46px;width:auto;max-width:170px;object-fit:contain}
.g-dr-h b{font-size:19px;font-family:var(--display,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-dr-x{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--head-ink) 28%,transparent);background:color-mix(in srgb,var(--head-ink) 12%,transparent);color:inherit;display:grid;place-items:center;padding:0;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s}
.g-dr-x:hover{background:color-mix(in srgb,var(--head-ink) 20%,transparent);transform:rotate(90deg)}
.g-dr-x:active{transform:scale(.9)}
.g-dr a{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:14px;text-decoration:none;color:inherit;font-weight:600;font-size:16px;opacity:0;transform:translateX(-14px);transition:opacity .3s,transform .3s,background .15s;transition-delay:calc(.06s + var(--i,0)*.045s)}
.g-drawer.in .g-dr a{opacity:1;transform:none}
.g-dr a:hover,.g-dr a:active{background:color-mix(in srgb,var(--head-ink) 12%,transparent)}
.g-dr a span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--head-ink) 14%,transparent);font-size:18px;flex:none}
.dfx-box{margin:0 0 12px;padding:6px 0 4px;--dfx-b:var(--dfx-bg,var(--head-ink));--dfx-k:var(--dfx-ink,var(--head-bg))}
.dfx-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;text-align:center}
.dfx{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.dfx-i{width:52px;height:52px;margin-bottom:6px;border-radius:16px;background:var(--dfx-b);color:var(--dfx-k);display:grid;place-items:center;border:2.5px solid var(--dfx-line,color-mix(in srgb,var(--dfx-b) 45%,#000));box-shadow:3px 3px 0 var(--dfx-line,color-mix(in srgb,var(--dfx-b) 45%,#000));transform:rotate(-3deg)}
.dfx:nth-child(2) .dfx-i{transform:rotate(3deg)}
.dfx-i svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dfx b{font-size:15px;font-weight:800;line-height:1.2;white-space:nowrap}
.dfx small{font-size:12px;line-height:1.2;opacity:.8}
.dfx.off b{opacity:.55;text-decoration:line-through}
@media(max-width:360px){
.dfx b{font-size:13px}
.dfx-i{width:46px;height:46px}
}
.dfx-note{margin:12px 6px 0;font-size:12px;line-height:1.4;opacity:.75;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.g-card .dfx-box{margin:2px 0 6px;padding:4px 0;--dfx-b:var(--dfx-bg,var(--btn-bg));--dfx-k:var(--dfx-ink,var(--btn-ink))}
.g-card .dfx-row{grid-template-columns:1fr;gap:10px;text-align:left}
.g-card .dfx{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:0;align-items:center}
.g-card .dfx-i{grid-row:span 2;width:36px;height:36px;margin:0;border-radius:11px;border-width:2px;box-shadow:2px 2px 0 var(--dfx-line,color-mix(in srgb,var(--dfx-b) 45%,#000))}
.g-card .dfx-i svg{width:19px;height:19px}
.g-card .dfx b{font-size:13.5px;white-space:normal}
.g-card .dfx small{font-size:11.5px}
.g-card .dfx-note{font-size:11.5px;margin:10px 2px 0;text-align:left}
.d-info.d-now{padding:10px 14px}
.g-dr-f{margin-top:auto;padding:16px 6px 0;border-top:1px solid color-mix(in srgb,var(--head-ink) 18%,transparent);font-size:13.5px;opacity:.85;display:grid;gap:4px}
@media (prefers-reduced-motion:reduce){
.g-dr,.g-dr-back,.g-dr a{transition:none}
}
.g-side{display:none}
@media (min-width:1240px){
body.has-sides .app{max-width:min(1200px,calc(100vw - 480px))}
body.has-sides .g-bw{display:none!important}
body.has-sides .g-side{display:block;position:fixed;top:28px;width:min(260px,calc((100vw - min(1200px,100vw - 480px))/2 - 36px));z-index:1}
.g-side-l{left:calc((100vw - min(1200px,100vw - 480px))/4 - min(130px,(100vw - min(1200px,100vw - 480px))/4 - 22px))}
.g-side-r{right:calc((100vw - min(1200px,100vw - 480px))/4 - min(130px,(100vw - min(1200px,100vw - 480px))/4 - 22px))}
.g-side:empty{display:none!important}
.g-card{background:var(--surface);color:var(--ink);border-radius:22px;padding:20px 16px 16px;box-shadow:0 0 0 1px var(--line),0 18px 50px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:6px}
.g-side-logo{width:72px;height:72px;object-fit:contain;border-radius:18px;background:var(--head-bg);padding:8px;align-self:center;margin-bottom:4px}
.g-side-n{font-family:var(--display,inherit);font-size:19px;text-align:center;line-height:1.2}
.g-side-st{text-align:center;font-size:13px;font-weight:600;color:var(--soft);margin-bottom:6px}
.g-side-st.on::before,.g-side-st.off::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#3fb26b;vertical-align:1px}
.g-side-st.off::before{background:#b9bdb9}
.g-side-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);padding:0 6px}
.g-side-a{margin:2px 6px;font-size:14px;line-height:1.4}
.g-sls{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.g-sl{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:14px;text-decoration:none;color:inherit;font-weight:600;font-size:14.5px;line-height:1.25;transition:background .15s}
.g-sl:hover{background:var(--sunk)}
.g-sl small{display:block;font-weight:500;font-size:13px;color:var(--soft);white-space:nowrap}
.g-si{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--head-bg) 14%,var(--surface));font-size:17px}
}
.g-dr a span svg,.g-si svg{display:block;margin:auto}
.g-dr{--dfx-b:var(--dfx-bg,var(--head-ink));--dfx-k:var(--dfx-ink,var(--head-bg))}
.g-card{--dfx-b:var(--dfx-bg,var(--btn-bg));--dfx-k:var(--dfx-ink,var(--btn-ink))}
.g-dr a span,.g-si{background:var(--dfx-b);color:var(--dfx-k);border:2px solid var(--dfx-line,color-mix(in srgb,var(--dfx-b) 45%,#000));box-shadow:2px 2px 0 var(--dfx-line,color-mix(in srgb,var(--dfx-b) 45%,#000));transform:rotate(-3deg)}
.g-dr a:nth-child(even) span,.g-sl:nth-child(even) .g-si{transform:rotate(3deg)}
.lk-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.g-si .lk-i{width:18px;height:18px}
.contact .c-wa svg,.contact .c-ig svg{width:18px;height:18px;flex:none}
.d-mapc{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 14px;font:inherit;font-weight:600;font-size:13px;cursor:pointer}
.d-map{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:var(--surface);opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s cubic-bezier(.2,.8,.2,1);touch-action:none}
.d-map.in{opacity:1;transform:none}
.d-map-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px;border-bottom:1px solid var(--line)}
.d-map-h b{font-size:17px}
.d-map-x{width:38px;height:38px;border-radius:50%;border:0;background:var(--sunk,#f1f1f1);color:var(--ink);font-size:16px;cursor:pointer}
.d-map-m{position:relative;flex:1;min-height:0;background:#e9e5dc}
#d-map-c{position:absolute;inset:0}
.d-pin{position:absolute;left:50%;top:50%;z-index:500;transform:translate(-50%,-100%);pointer-events:none;transition:transform .18s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
.d-pin svg{display:block}
.d-pin-dot{position:absolute;left:50%;top:50%;z-index:499;width:10px;height:4px;margin:-2px 0 0 -5px;border-radius:50%;background:rgba(0,0,0,.35);pointer-events:none;transition:transform .18s ease}
.d-map.moving .d-pin{transform:translate(-50%,calc(-100% - 12px))}
.d-map.moving .d-pin-dot{transform:scale(1.6)}
.d-me{position:absolute;right:14px;bottom:14px;z-index:500;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#1a73e8;box-shadow:0 2px 10px rgba(0,0,0,.25);display:grid;place-items:center;cursor:pointer}
.d-map.finding .d-me{animation:d-me 1s ease-in-out infinite}
@keyframes d-me{50%{opacity:.45}}
.d-map-f{padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 14px);border-top:1px solid var(--line);display:grid;gap:12px;background:var(--surface)}
.d-map-a{margin:0;min-height:44px;display:flex;align-items:center;color:var(--soft);font-size:15px;line-height:1.35}
.d-map-a.ok{color:var(--ink);font-weight:700}
.d-map-a.ok::before{content:"📍";margin-right:8px}
.d-map-ok{width:100%;min-height:50px}
@media (prefers-reduced-motion:reduce){
.d-map,.d-pin,.d-pin-dot{transition:none}
.d-map.finding .d-me{animation:none}
}
#sh-lines[hidden],.note[hidden]{display:none}
#sh-lines.compact .line{padding:7px 0;gap:8px}
#sh-lines.compact .line-img{width:38px;height:38px;border-radius:9px}
#sh-lines.compact .line-t b{font-size:14px}
#sh-lines.compact .line-t .pr{font-size:13px}
#sh-lines.compact .qty button{width:26px;height:26px}
.d-recap{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--sunk);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.d-recap-p{display:flex;flex:none}
.d-recap-p img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--sunk);background:var(--surface);margin-left:-8px}
.d-recap-p img:first-child{margin-left:0}
.d-recap-p i{display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;margin-left:-8px;border-radius:15px;border:2px solid var(--sunk);background:var(--surface);font-style:normal;font-size:12px;font-weight:700}
.d-recap-t{flex:1;min-width:0;font-weight:700;font-size:15px}
.d-recap-c{flex:none;font-size:13px;font-weight:700;color:var(--soft);text-decoration:underline}
.d-who{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;font-size:15px;line-height:1.45}
.d-who>div{flex:1;min-width:0;overflow-wrap:anywhere}
.d-who span{color:var(--soft);font-size:14px}
.d-f.bad>span{color:#c0392b}
.d-f.bad input,.d-f.bad select,.d-f.bad textarea{border-color:#c0392b;outline-color:#c0392b!important;box-shadow:0 0 0 3px rgba(192,57,43,.14);animation:d-bad .35s}
@keyframes d-bad{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){
.d-f.bad input,.d-f.bad select,.d-f.bad textarea{animation:none}
}
.acc{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:var(--surface);opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.acc.in{opacity:1;transform:none}
.acc-b{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px calc(env(safe-area-inset-bottom,0px) + 24px);display:grid;gap:14px;align-content:start;max-width:560px;width:100%;margin:0 auto;box-sizing:border-box}
.acc-b h4{margin:10px 0 0;font-size:16px}
.acc-small{margin:0;font-size:13px;line-height:1.45;color:var(--soft)}
.acc-small a{color:inherit}
.acc-f{display:grid;gap:12px}
.acc-f .primary{min-height:50px}
.acc-code{letter-spacing:8px;font-size:24px!important;font-weight:700!important;text-align:center}
.acc-row{display:flex;flex-wrap:wrap;gap:10px}
.acc-del{border:0;background:none;color:#c0392b;font:inherit;font-weight:600;font-size:13px;cursor:pointer;padding:7px 4px}
.d-acc{width:100%;margin-top:10px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;background:none;color:var(--ink);font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-align:center}
.acc-msg{position:absolute;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);max-width:528px;margin:0 auto;background:var(--ink);color:var(--surface);font-size:14px;font-weight:600;padding:12px 14px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:2}
.acc-msg.ok{background:#1f8a4c;color:#fff}
.acc-msg[hidden]{display:none}
.acc-link{justify-self:start;border:0;background:none;color:var(--soft);font:inherit;font-size:14px;font-weight:600;text-decoration:underline;padding:2px 0;cursor:pointer}
.acc-alt{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--soft)}
.acc-err{--c:var(--btn-bg,#5b2a45);margin:0;display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--c) 9%,var(--surface));color:var(--ink);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);font-size:14.5px;font-weight:600;line-height:1.4}
.acc-err::before{content:"!";flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c);color:var(--btn-ink,#fff);font-size:13px;font-weight:800}
.acc-err.ok::before{content:"✓"}
.acc-err[hidden]{display:none}
.acc .d-f.bad>span{color:color-mix(in srgb,var(--btn-bg,#5b2a45) 82%,var(--ink))}
.acc .d-f.bad input,.acc .d-f.bad textarea{outline-color:var(--btn-bg,#5b2a45)!important;animation:none;border-color:var(--btn-bg,#5b2a45);box-shadow:0 0 0 3px color-mix(in srgb,var(--btn-bg,#5b2a45) 18%,transparent)}
.acc-hi{position:fixed;z-index:70;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 12px);max-width:520px;margin:0 auto;display:flex;gap:10px;align-items:flex-start;padding:13px 12px 13px 16px;border-radius:16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
.acc-hi.in{opacity:1;transform:none}
.acc-hi p{margin:0;flex:1;font-size:14.5px;line-height:1.45}
.acc-hi button{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:var(--sunk);color:var(--ink);cursor:pointer}
@media (prefers-reduced-motion:reduce){
.acc-hi{transition:none}
}
.acc-offer{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:var(--surface)}
.acc-offer input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--btn-bg,#5b2a45)}
.acc-offer span{display:grid;gap:2px;font-size:14.5px}
.acc-offer small{font-size:12.5px;color:var(--soft);font-weight:500}
.d-offer{margin-top:4px}
.toast[hidden]{display:none}
.pop{--c:var(--btn-bg,#5b2a45);position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:24px;background:rgba(18,20,19,.45);opacity:0;transition:opacity .22s}
.pop[hidden]{display:none}
.pop.in{opacity:1}
.pop-c{width:min(340px,100%);background:var(--surface);color:var(--ink);border-radius:24px;padding:28px 22px 20px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);transform:scale(.9) translateY(10px);transition:transform .3s cubic-bezier(.2,1.3,.4,1)}
.pop.in .pop-c{transform:none}
.pop-i{width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,var(--surface));display:grid;place-items:center}
.pop-i svg{width:52px;height:52px;fill:none;stroke:var(--c);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.pop-i circle{stroke-dasharray:151;stroke-dashoffset:151;stroke-width:3;opacity:.85}
.pop.in .pop-i circle{animation:pop-draw .5s ease-out forwards}
.pop-ok,.pop-err{stroke-dasharray:40;stroke-dashoffset:40}
.pop[data-kind="ok"] .pop-err,.pop[data-kind="err"] .pop-ok{display:none}
.pop.in .pop-ok,.pop.in .pop-err{animation:pop-draw .35s .3s ease-out forwards}
.pop[data-kind="err"].in .pop-i{animation:pop-shake .4s .45s}
@keyframes pop-draw{to{stroke-dashoffset:0}}
@keyframes pop-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.pop-t{margin:0 0 20px;font-size:16.5px;font-weight:600;line-height:1.45}
.pop-b{width:100%;min-height:48px}
@media (prefers-reduced-motion:reduce){
.pop,.pop-c{transition:none}
.pop-i circle,.pop-ok,.pop-err{stroke-dashoffset:0;animation:none!important}
}
.pop[data-kind="ok"]{--c:#1f9d55}
.toast[data-kind="ok"]{--c:#1f9d55}
.acc-err.ok{--c:#1f9d55}
.acc .acc-b{padding-top:0}
@keyframes acc-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.primary.sm{padding:8px 14px;font-size:13.5px;border-radius:10px}
.acc-empty{display:grid;justify-items:center;gap:10px;padding:34px 10px;text-align:center;color:var(--soft)}
.acc-empty span{font-size:44px}
.acc-empty b{color:var(--ink);font-size:16px}
.acc-list{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.acc-list a,.acc-list button{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:0;background:var(--surface);color:var(--ink);font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;text-align:left}
.acc-list>*+*{border-top:1px solid var(--line)}
.acc-list span{color:var(--soft);font-size:20px}
.acc .acc-del{justify-self:start}
.acc .acc-b{overflow-x:hidden}
.acc{--acc-bg:color-mix(in srgb,var(--sunk) 55%,var(--surface));background:var(--acc-bg)}
.acc-x{position:absolute;z-index:3;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;width:40px;height:40px;border-radius:50%;border:2px solid color-mix(in srgb,var(--head-ink,#fff) 35%,transparent);display:grid;place-items:center;background:var(--head-bg,#5b2a45);color:var(--head-ink,#fff);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.22)}
.acc .acc-b{display:block;padding:0 0 calc(env(safe-area-inset-bottom,0px) + 28px);max-width:none}
.acc-top{position:relative;overflow:hidden;background:var(--head-bg,#5b2a45);color:var(--head-ink,#fff);padding:calc(env(safe-area-inset-top,0px) + 22px) 22px 60px}
.acc-top::before,.acc-top::after{content:"";position:absolute;border-radius:50%;background:color-mix(in srgb,var(--head-ink,#fff) 8%,transparent);pointer-events:none}
.acc-top::before{width:240px;height:240px;right:-80px;top:-90px}
.acc-top::after{width:130px;height:130px;left:-50px;bottom:-60px}
.acc-top-in{position:relative;z-index:1;max-width:496px;margin:0 auto;display:grid;gap:8px;justify-items:start}
.acc-top-logo{display:block;height:50px;width:auto;max-width:58%;object-fit:contain;object-position:left center}
.acc-top-name{font-family:var(--display);font-size:22px}
.acc-top h2{margin:16px 0 0;font-family:var(--display);font-size:clamp(28px,8vw,36px);line-height:1.08;letter-spacing:-.01em}
.acc-top p{margin:0;max-width:420px;font-size:15px;line-height:1.5;opacity:.88}
.acc-top p b{opacity:1}
.acc-card{position:relative;z-index:1;box-sizing:border-box;width:calc(100% - 24px);max-width:520px;margin:-36px auto 0;padding:22px 18px;border-radius:24px;background:var(--surface);box-shadow:0 14px 38px -16px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.05);display:grid;gap:14px;align-content:start}
.acc-tt{margin:18px 24px 0;text-align:center;font-size:12px;line-height:1.45;color:var(--soft)}
.acc .d-f input,.acc .d-f textarea,.acc .d-f select{border-radius:14px}
.acc .d-f input{min-height:50px}
.acc .primary{min-height:52px;border-radius:14px;font-size:16px}
.acc .primary.sm{min-height:0;border-radius:10px;font-size:13.5px}
.acc-f .acc-link{justify-self:end;margin:-6px 0 0;padding:4px 0;text-decoration:none;font-size:13.5px;color:color-mix(in srgb,var(--btn-bg,#5b2a45) 80%,var(--ink))}
.acc-alt{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:10px;margin-top:2px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--soft)}
.acc-2nd{width:100%;min-height:48px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--btn-bg,#5b2a45) 40%,var(--line));background:transparent;color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.acc-2nd:active{transform:scale(.98)}
.acc-row .acc-2nd{flex:1;width:auto;min-width:130px}
.acc-top.me .acc-top-logo{height:34px}
.acc .acc-list{border:0;border-radius:18px;background:var(--acc-bg)}
.acc .acc-list a,.acc .acc-list button{justify-content:flex-start;background:none;padding:13px 14px}
.acc .acc-list>*+*{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.acc-list em{flex:none;font-style:normal;width:34px;height:34px;margin-right:12px;border-radius:11px;display:grid;place-items:center;background:var(--surface);font-size:16px}
.acc .acc-list span{margin-left:auto}
.acc .acc-offer{border:0;border-radius:18px;background:var(--acc-bg);padding:14px}
.acc .acc-empty{padding:26px 10px}
.acc .acc-loy{border-radius:18px}
@media (min-width:700px){
.acc-top{padding-bottom:70px}
.acc-card{padding:28px 26px}
}
.acc-st{--c:#c77700;flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:999px;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1.2;color:color-mix(in srgb,var(--c) 78%,var(--ink));background:color-mix(in srgb,var(--c) 14%,var(--surface))}
.acc-st::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--c)}
.acc-st.live::before{animation:acc-pulse 1.6s ease-in-out infinite}
.acc-st.done{--c:#1f9254}
.acc-st.off{--c:#c8402e}
@keyframes acc-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 30%,transparent)}}
@media (prefers-reduced-motion:reduce){
.acc-st.live::before{animation:none}
}
#viewer{transition:background-color .28s ease}
#viewer:not(.in){background:rgba(10,12,11,0)}
#viewer .viewer-c{transition:transform .42s cubic-bezier(.2,.9,.25,1.04),opacity .3s ease}
#viewer:not(.in) .viewer-c{transform:translateY(60px);opacity:0}
#viewer.out .viewer-c{transition-duration:.22s;transform:translateY(80px)}
#viewer.in .viewer-b>*{animation:vw-up .45s cubic-bezier(.2,.9,.25,1) both}
#viewer.in .viewer-b>*:nth-child(2){animation-delay:.05s}
#viewer.in .viewer-b>*:nth-child(3){animation-delay:.1s}
#viewer.in .viewer-b>*:nth-child(4){animation-delay:.15s}
#viewer.in .viewer-b>*:nth-child(n+5){animation-delay:.2s}
@keyframes vw-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (min-width:760px){
#viewer:not(.in) .viewer-c{transform:scale(.94) translateY(14px)}
#viewer.out .viewer-c{transform:scale(.96)}
}
@media (prefers-reduced-motion:reduce){
#viewer,#viewer .viewer-c{transition:none}
#viewer.in .viewer-b>*{animation:none}
}
#optsheet:not([hidden]){animation:vw-dim .25s ease both}
#optsheet:not([hidden]) .viewer-c{animation:vw-rise .38s cubic-bezier(.2,.9,.25,1.04) both}
@keyframes vw-dim{from{background:rgba(10,12,11,0)}}
@keyframes vw-rise{from{transform:translateY(60px);opacity:0}}
.vw-fly{position:fixed;z-index:60;margin:0;object-fit:cover;pointer-events:none;box-shadow:0 18px 40px rgba(0,0,0,.28)}
@media (prefers-reduced-motion:reduce){
#optsheet:not([hidden]),#optsheet:not([hidden]) .viewer-c{animation:none}
}
@media (min-width:1240px){
body.has-sides .g-side{top:0;padding-top:64px}
body.has-sides .g-card{position:relative;border:3px solid color-mix(in srgb,var(--head-bg,#5b2a45) 55%,var(--surface));box-shadow:0 2px 0 color-mix(in srgb,var(--head-bg,#5b2a45) 35%,transparent),0 22px 40px -12px rgba(0,0,0,.28);transform-origin:50% -64px;animation:g-swing 2.6s cubic-bezier(.3,1.6,.4,1) both}
.g-side-l .g-card{--tilt:-2.2deg}
.g-side-r .g-card{--tilt:1.8deg;animation-delay:.15s}
body.has-sides .g-card::before,body.has-sides .g-card::after{content:"";position:absolute;top:-67px;width:2px;height:74px;background:linear-gradient(color-mix(in srgb,var(--ink) 55%,transparent),color-mix(in srgb,var(--ink) 75%,transparent));border-radius:2px}
body.has-sides .g-card::before{left:24%;transform:rotate(9deg);transform-origin:bottom}
body.has-sides .g-card::after{right:24%;transform:rotate(-9deg);transform-origin:bottom}
.g-nail{position:absolute;top:5px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8,transparent 45%),color-mix(in srgb,var(--ink) 70%,#888);box-shadow:0 1px 1px rgba(0,0,0,.35)}
.g-nail.l{left:calc(24% - 3px)}
.g-nail.r{right:calc(24% - 3px)}
body.has-sides .g-card.hung{animation:none;transform:rotate(var(--tilt))}
body.has-sides .g-card.sway{animation:g-sway 1.6s ease-in-out;animation-delay:0s}
@keyframes g-swing{0%{transform:rotate(calc(var(--tilt) * -3))}35%{transform:rotate(calc(var(--tilt) * 2))}65%{transform:rotate(calc(var(--tilt) * .4))}100%{transform:rotate(var(--tilt))}}
@keyframes g-sway{0%,100%{transform:rotate(var(--tilt))}30%{transform:rotate(calc(var(--tilt) * -1.2))}65%{transform:rotate(calc(var(--tilt) * 1.6))}}
}
@media (min-width:1240px) and (prefers-reduced-motion:reduce){
body.has-sides .g-card{animation:none;transform:rotate(var(--tilt))}
body.has-sides .g-card.sway{animation:none}
}
.old-pr{color:var(--faint,#8a918c);font-weight:500;font-size:.85em;text-decoration:line-through;margin-right:6px;white-space:nowrap}
.dish-r .old-pr{display:block;margin:0 0 1px;text-align:right}
.mcard .old-pr,.mhero .old-pr{display:block;margin:0 0 1px;font-size:12px}
.off-pc{display:inline-block;font-style:normal;font-weight:700;font-size:12px;line-height:1;padding:4px 7px;border-radius:999px;background:#d63c2f;color:#fff;vertical-align:middle}
.viewer-f .off-pc{margin-left:8px}
.mcard-img{position:relative}
.mcard-img .off-pc{position:absolute;top:8px;left:8px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.wifi{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:18px 16px 0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}
.wifi-i{font-size:22px;line-height:1}
.wifi-t{display:grid;gap:2px;flex:1;min-width:0}
.wifi-t b{font-weight:700;overflow-wrap:anywhere}
.wifi-t small{color:var(--soft);font-size:13px;overflow-wrap:anywhere}
.wifi-t code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;color:var(--ink);font-weight:600}
.wifi-c{flex:none;font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;background:var(--btn-bg);color:var(--btn-ink)}
.viewer-img .fg.cover{object-fit:cover}
.acc-loy{position:relative;margin:0 0 12px;padding:12px 14px 16px;border-radius:14px;background:color-mix(in srgb,var(--btn-bg) 10%,var(--surface));font-weight:600;font-size:14.5px;overflow:hidden}
.acc-loy i{position:absolute;left:0;bottom:0;height:5px;width:var(--p);background:var(--btn-bg);border-radius:0 4px 4px 0}
.d-loy{display:block;width:100%;margin:8px 0 0;padding:10px 12px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--btn-bg) 55%,transparent);background:color-mix(in srgb,var(--btn-bg) 8%,var(--surface));color:var(--ink);font:inherit;font-weight:600;font-size:14px;text-align:left}
button.d-loy{cursor:pointer}
.acc-bd{display:grid;grid-template-columns:1fr 2fr;gap:8px}
.acc-bd select{font:inherit;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--sunk);color:var(--ink)}
.tops{position:fixed;z-index:95;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 10px);max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.tops .toast,.tops .acc-hi{position:relative;inset:auto;left:auto;right:auto;top:auto;max-width:none;margin:0;pointer-events:auto;border:0;border-radius:18px;background:rgba(24,22,23,.92);color:#fff;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 32px -8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08);font-size:14.5px;font-weight:600;line-height:1.4;padding:12px 14px}
.tops .toast::before{width:26px;height:26px;font-size:14px}
.tops .toast[data-kind="info"]{--c:var(--btn-bg,#5b2a45);background:rgba(24,22,23,.92);color:#fff}
.tops .toast[data-kind="info"]::before{font-family:inherit;font-style:normal;content:"i";font-weight:800}
.tops .acc-hi{align-items:center;gap:12px;padding:12px 10px 12px 16px}
.tops .acc-hi p{font-weight:500}
.tops .acc-hi button{display:grid;place-items:center;width:30px;height:30px;padding:0;background:rgba(255,255,255,.14);color:#fff}
.d-addr>label{font:inherit;color:inherit}
.d-addr-in{position:relative}
.d-f .d-addr-in textarea{display:block;padding-right:112px;min-height:76px;resize:none}
.d-addr-map{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px 0 10px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--btn-bg,#5b2a45) 35%,transparent);background:color-mix(in srgb,var(--btn-bg,#5b2a45) 10%,var(--surface));color:color-mix(in srgb,var(--btn-bg,#5b2a45) 85%,var(--ink));font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:transform .15s}
.d-addr-map:active{transform:translateY(-50%) scale(.95)}
.d-addr-map.on{border-color:color-mix(in srgb,#1f9254 45%,transparent);background:color-mix(in srgb,#1f9254 12%,var(--surface));color:#1f9254}
.dish>.dish-r{width:100px;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;text-align:right}
.dish>.dish-r .pr{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.dish>.dish-r .pr .fx{margin:1px 0 0}
.has-rates .dish>.dish-r .pr{min-height:35px;justify-content:center}
.dish>.dish-r .old-pr{margin:0}
.mcard-noimg{display:grid!important;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--head-bg,#5b2a45) 14%,var(--surface)),color-mix(in srgb,var(--head-bg,#5b2a45) 28%,var(--surface)))!important}
.mcard-noimg b{font-family:var(--display,inherit);font-size:clamp(44px,9vw,72px);line-height:1;color:color-mix(in srgb,var(--head-bg,#5b2a45) 70%,var(--ink));opacity:.55}
.dish:not(:has(>.thumb))>.dish-r{width:188px;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px}
.dish .opt-chips{max-width:280px}
.dish.out:not(:has(>.thumb))>.dish-r{padding-right:46px}
.dish.out:has(>.thumb)>.dish-r{justify-content:flex-start;padding-top:6px}
.d-addr-map.need{animation:addr-need 1.8s ease-in-out infinite}
@keyframes addr-need{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--btn-bg,#5b2a45) 22%,transparent)}}
@media (prefers-reduced-motion:reduce){
.d-addr-map.need{animation:none}
}
#cw-map{position:absolute;inset:0}
.d-promo-r{display:flex;gap:8px}
.d-promo-r input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.05em}
.d-promo-on{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:12px;background:color-mix(in srgb,#1f8a4c 12%,transparent);color:#1f8a4c}
.d-big{text-align:center;padding:10px 8px 14px;margin:-2px 0 10px;border-radius:14px;background:var(--sunk,#f3efe8)}
.d-big small{display:block;font-size:12.5px;opacity:.7}
.d-big b{display:block;font-size:46px;line-height:1.1;letter-spacing:1px}
.d-big span{display:block;font-size:13.5px;font-weight:600;margin-top:2px}
.d-big em{display:block;font-style:normal;font-size:12px;opacity:.7;margin-top:6px}
.d-big.ready{background:#e3f5e8;color:#155c2c;animation:dbig 1s ease-in-out 3}
@keyframes dbig{50%{transform:scale(1.04)}}
.d-dine{margin-top:8px}
.mgrid .mcard-t>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mgrid .mcard{box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .15s ease}
.mgrid .mcard:active{transform:scale(.985)}
.mcat{font-size:22px;margin:30px 2px 14px}
.mcat::after{order:3}
@keyframes tt-bump{0%{transform:scale(1)}35%{transform:scale(1.04) translateY(-3px)}100%{transform:scale(1)}}
@keyframes tt-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
.cartbar.tt-bumped{animation:tt-bump .35s ease}
.qty b.tt-popped{display:inline-block;animation:tt-pop .3s ease}
.viewer-q{margin-left:auto}
.viewer-q button{width:36px;height:36px}
.viewer-q b{min-width:22px;font-size:17px}
.viewer-q button:disabled{opacity:.4}
.ups{margin:14px 0 4px}
.ups>b{display:block;font-size:14px;margin:0 2px 8px}
.ups-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;scroll-snap-type:x proximity}
.ups-row::-webkit-scrollbar{display:none}
.ups-c{flex:none;width:112px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;text-align:left;font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:6px;cursor:pointer}
.ups-c img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--sunk)}
.ups-c.np{justify-content:space-between;padding:10px 12px}
.ups-row.plain .ups-c{width:auto;min-width:96px;max-width:170px}
.ups-row.plain .ups-n{min-height:0}
.ups-n{font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.ups-p{font-size:12.5px;font-weight:700;color:var(--add-bg,var(--ink))}
@media (prefers-reduced-motion:reduce){
.cartbar.tt-bumped,.qty b.tt-popped{animation:none}
}
.dtags{position:absolute;left:8px;top:8px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 16px);pointer-events:none}
.mcard-img{position:relative}
.dtags .dtag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:5px 8px;border-radius:7px;white-space:nowrap;background:var(--surface);color:var(--ink);border:1.5px solid currentColor;box-shadow:2px 2px 0 color-mix(in srgb,currentColor 35%,transparent)}
.dtags .dtag .tg-i{display:none}
.dtags .dtag-new{background:var(--btn-bg);color:var(--btn-ink);border-color:color-mix(in srgb,var(--btn-bg) 60%,#000);box-shadow:2px 2px 0 color-mix(in srgb,var(--btn-bg) 55%,#000);transform:rotate(-4deg)}
.dtags .dtag-hit{background:var(--ink);color:var(--surface);border-color:var(--ink);box-shadow:none}
.dtags .dtag-spicy{color:#c0261b}
.dtags .dtag-vegan{color:#1f7a3a}
.dtags.in{position:static;max-width:none;margin:4px 0 2px}
.tagf{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:10px 0 2px;padding:2px}
.tagf::-webkit-scrollbar{display:none}
.tagf button{display:inline-flex;align-items:center;gap:5px;flex:none;font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer}
.tagf button[aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.acc-fill{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--btn-bg,#5b2a45) 9%,var(--surface));font-size:13.5px;line-height:1.4}
.acc-fill span{flex:1}
.acc-fill .primary{flex:none;width:auto;padding:8px 14px}
.acc .acc-code{font-size:24px;font-weight:700;letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums}
.mlist{background:var(--sunk);border-radius:18px;padding:2px 14px}
.mlist .dish:last-child{border-bottom:0}
@media (min-width:1000px){
.mlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.mlist .dish:nth-last-child(2):nth-child(odd){border-bottom:0}
}
.mcard-noimg.logo .mcard-logo{width:52%!important;height:52%!important;object-fit:contain!important;opacity:.32;filter:saturate(.6)}
.mlist .dish:not(:has(>.thumb))>.dish-r{width:auto}
.mlist.after{margin-top:12px}
.srch-n{margin:12px 2px 0;font-size:13px;font-weight:600;color:var(--soft)}
.srch-all{display:block;margin:4px auto 24px;font:inherit;font-weight:700;border:0;border-radius:999px;padding:10px 18px;background:var(--btn-bg);color:var(--btn-ink);cursor:pointer}
.acc-hero{position:relative;overflow:hidden;display:grid;justify-items:center;text-align:center;gap:4px;background:var(--head-bg,#5b2a45);color:var(--head-ink,#fff);padding:calc(env(safe-area-inset-top,0px) + 22px) 22px 34px;
  background-image:radial-gradient(color-mix(in srgb,var(--head-ink,#fff) 14%,transparent) 1.2px,transparent 1.6px);background-size:26px 26px}
.acc-hero-logo{position:absolute;left:18px;top:calc(env(safe-area-inset-top,0px) + 16px);height:36px;width:auto;max-width:40%;object-fit:contain;object-position:left center}
.acc-hero-name{position:absolute;left:20px;top:calc(env(safe-area-inset-top,0px) + 20px);font-family:var(--display);font-size:18px;max-width:55%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-hero-av{width:84px;height:84px;margin:40px 0 8px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:38px;font-weight:800;background:color-mix(in srgb,var(--head-ink,#fff) 12%,var(--head-bg,#5b2a45));color:var(--head-ink,#fff);box-shadow:0 0 0 3px var(--head-ink,#fff),0 10px 24px -8px rgba(0,0,0,.4)}
.acc-hero small{font-size:13px;font-weight:700;opacity:.8}
.acc-hero h2{margin:0;max-width:100%;font-family:var(--display);font-size:clamp(26px,7vw,40px);line-height:1.1;overflow-wrap:anywhere}
.acc-hero p{margin:0;font-size:14.5px;opacity:.8;overflow-wrap:anywhere}
.acc-since{margin-top:8px;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid color-mix(in srgb,var(--head-ink,#fff) 35%,transparent);background:color-mix(in srgb,var(--head-ink,#fff) 8%,transparent)}
.acc-hero-b{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
.acc-hb{min-height:44px;padding:0 22px;border-radius:999px;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;color:var(--head-ink,#fff);background:transparent;border:1.5px solid color-mix(in srgb,var(--head-ink,#fff) 55%,transparent)}
.acc-hb.on{background:var(--head-ink,#fff);color:var(--head-bg,#5b2a45);border-color:var(--head-ink,#fff)}
.acc-hb:active{transform:scale(.97)}
.acc-wrap{box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto;padding:0 12px}
.acc-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:-18px}
.acc-stat{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:18px;background:var(--surface);box-shadow:0 10px 26px -14px rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.05);border-left:4px solid color-mix(in srgb,var(--btn-bg,#5b2a45) 55%,transparent)}
.acc-stat i{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px;background:color-mix(in srgb,var(--btn-bg,#5b2a45) 10%,var(--surface))}
.acc-stat>div{display:grid;min-width:0}
.acc-stat b{font-size:19px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-stat small{font-size:12px;color:var(--soft);line-height:1.3}
.acc-cols{display:grid;gap:12px;margin-top:12px;align-items:start}
.acc-col{display:grid;gap:12px;min-width:0}
.acc-sec{display:grid;gap:14px;min-width:0;padding:20px 18px;border-radius:22px;background:var(--surface);box-shadow:0 10px 26px -16px rgba(0,0,0,.24),0 1px 2px rgba(0,0,0,.05)}
.acc-ch{display:flex;align-items:center;gap:12px}
.acc-ch i{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:19px;background:color-mix(in srgb,var(--btn-bg,#5b2a45) 10%,var(--surface))}
.acc-ch>div{display:grid;min-width:0}
.acc-ch h3{margin:0;font-family:var(--display);font-size:19px;line-height:1.2}
.acc-ch small{font-size:13px;color:var(--soft);line-height:1.35}
.acc-sec .acc-f{display:grid;gap:12px}
.acc-sec .d-f input:disabled{opacity:.7;background:var(--acc-bg)}
.acc-sec .acc-small{margin-top:-6px}
.acc-sec .acc-fill{margin:0}
.acc-rs{display:grid;gap:10px}
.acc-r{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:13px 14px;border-radius:16px;background:var(--acc-bg);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.acc-r.live{border-color:color-mix(in srgb,var(--btn-bg,#5b2a45) 55%,transparent)}
.acc-r-l{display:grid;gap:2px;min-width:0}
.acc-r-l b{font-size:15px}
.acc-r-l small{font-size:12.5px;color:var(--soft)}
.acc-r-l p{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--soft);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.acc-r-r{flex:none;display:grid;justify-items:end;gap:6px}
.acc-r-r b{font-size:15px;white-space:nowrap}
.acc-r .acc-st{font-size:11.5px;padding:3px 9px 3px 8px}
.acc-ra{font:inherit;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.acc-ra:active{transform:scale(.96)}
.acc-all{width:100%;min-height:48px;border-radius:14px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;background:transparent;color:var(--ink);border:1.5px solid color-mix(in srgb,var(--btn-bg,#5b2a45) 70%,var(--ink))}
.acc-all:active{transform:scale(.98)}
.acc-sec .acc-del{justify-self:start}
@media (max-width:899px){
.acc-col:last-child{order:-1}
}
@media (max-width:520px){
.acc-hero-av{width:72px;height:72px;font-size:32px;margin-top:44px}
.acc-stats{grid-template-columns:1fr 1fr}
.acc-stat:last-child{grid-column:1/-1}
.acc-stat{padding:10px}
.acc-stat i{width:34px;height:34px;font-size:16px}
.acc-stat b{font-size:17px}
}
@media (min-width:900px){
.acc-hero{padding-bottom:48px}
.acc-hero-logo{left:28px;top:22px;height:44px}
.acc-wrap{padding:0 24px}
.acc-stats{gap:14px;margin-top:-26px}
.acc-stat{padding:16px 18px}
.acc-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
.acc-col{gap:16px}
.acc-sec{padding:24px 26px}
}
.d-closed.soft{color:var(--soft)}
@keyframes pcIn{from{opacity:0;transform:translateY(-4px)}}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
.dp{position:absolute;z-index:2001;width:300px;padding:14px;border-radius:20px;background:var(--surface,#fff);color:var(--ink,#1c1b1a);border:1px solid var(--line,#e6e0da);box-shadow:0 18px 50px -12px rgba(0,0,0,.35);font:inherit;animation:dpIn .18s ease}
@keyframes dpIn{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.dp.sheet{position:fixed;left:0!important;right:0;bottom:0;top:auto!important;width:auto;border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));animation:dpUp .25s cubic-bezier(.3,1.2,.5,1)}
@keyframes dpUp{from{transform:translateY(100%)}}
@keyframes csFade{from{opacity:0}}
@keyframes csUp{from{transform:translateY(100%)}}
.acc-stat i,.acc-ch i,.acc-empty span{background:var(--btn-bg);color:var(--btn-ink);border:2px solid color-mix(in srgb,var(--btn-bg) 45%,#000);box-shadow:2px 2px 0 color-mix(in srgb,var(--btn-bg) 45%,#000);border-radius:12px;transform:rotate(-3deg)}
.acc-stats>:nth-child(even) i{transform:rotate(3deg)}
.acc-empty span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;margin:0 auto}
.ai-s{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.acc-empty .ai-s{width:30px;height:30px}
.acc-list em .ai-s{width:18px;height:18px;color:var(--btn-bg)}
.acc-ra .ai-s{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:4px}
.ui-i{width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.35em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media (min-width:900px){
.staff{transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1)}
}
#rows tr[data-drag]{cursor:grab}
#rows .nm{font-size:16px;font-weight:700;line-height:1.3}
#rows td{padding-top:10px;padding-bottom:10px}