.fo-wrap{--bg:#f4f3fa;--card:#fff;--ink:#1b1726;--muted:#6c6780;--dim:#9e98ae;--line:#eae7f3;--line-2:#dedaec;--acc:#5300aa;--acc-deep:#42017e;--grad:linear-gradient(100deg,#5300aa,#2e3192);--tint:#f3edfc;--tint-edge:#dec9f6;--green:#0e9f6e;--shadow:0 10px 34px rgba(43,16,92,.1);--shadow-sm:0 2px 10px rgba(43,16,92,.06);--shadow-card:0 6px 18px rgba(43,16,92,.08);min-height:100dvh;max-width:480px;margin:0 auto;color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background:radial-gradient(760px 380px at 50% -8%,rgba(83,0,170,.09),transparent 60%),var(--bg);padding:0 16px calc(96px + env(safe-area-inset-bottom))}.fo-brand{text-align:center;padding:26px 8px 14px}.fo-lockup{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:10px 20px;box-shadow:var(--shadow-sm)}.fo-brand-logo{width:auto;display:block;-o-object-fit:contain;object-fit:contain}.fo-brand-onyx{height:34px}.fo-brand-grill{height:38px}.fo-x{font-size:18px;font-weight:700;color:var(--dim);line-height:1}.fo-brand h1{font-size:26px;line-height:1.1;margin:16px 0 4px;font-weight:800;letter-spacing:-.02em}.fo-brand p{color:var(--muted);font-size:14px;margin:0}.fo-brand-slim{padding:14px 8px 4px}.fo-brand-slim .fo-lockup{padding:7px 16px;gap:11px}.fo-brand-slim .fo-brand-onyx{height:26px}.fo-brand-slim .fo-brand-grill{height:29px}.fo-filters{position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0 10px}.fo-filters:after{content:"";position:absolute;left:-16px;right:-16px;bottom:0;height:1px;background:var(--line)}.fo-search-row{position:relative}.fo-search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--dim);pointer-events:none}.fo-search{width:100%;background:var(--card);border:1.5px solid var(--line-2);border-radius:12px;color:var(--ink);font-size:15px;padding:12px 14px 12px 40px;outline:none}.fo-search::-moz-placeholder{color:var(--dim)}.fo-search::placeholder{color:var(--dim)}.fo-search:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(83,0,170,.1)}.fo-filter-row{display:flex;align-items:center;gap:10px;margin-top:10px}.fo-cats{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.fo-cats::-webkit-scrollbar{display:none}.fo-cat{flex:0 0 auto;background:var(--card);border:1.5px solid var(--line-2);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.fo-cat.on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(83,0,170,.26)}.fo-sort{position:relative;flex:0 0 auto;display:inline-flex;align-items:center}.fo-sort-label{left:12px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.fo-sort-label,.fo-sort:after{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.fo-sort:after{content:"▾";right:12px;font-size:12px;color:var(--muted)}.fo-sort-sel{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--card);border:1.5px solid var(--line-2);border-radius:999px;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;padding:8px 30px 8px 48px;outline:none}.fo-sort-sel:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(83,0,170,.1)}.fo-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fo-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card)}.fo-card-media{position:relative;aspect-ratio:5/4;background:var(--tint);overflow:hidden}.fo-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.fo-card-cat{position:absolute;left:8px;top:8px;background:hsla(0,0%,100%,.92);color:var(--acc-deep);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:999px;box-shadow:0 2px 8px rgba(43,16,92,.12);max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fo-card-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px}.fo-card-name{font-size:14px;font-weight:700;line-height:1.25;margin:0}.fo-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.fo-card-price{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.fo-empty{color:var(--muted);text-align:center;padding:48px 0;margin:14px 0 0}.fo-add{flex:0 0 auto;background:var(--tint);border:1.5px solid var(--tint-edge);color:var(--acc-deep);border-radius:10px;padding:7px 14px;font-size:13px;font-weight:800;cursor:pointer}.fo-step{flex:0 0 auto;display:flex;align-items:center;gap:6px}.fo-step-btn{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--line-2);background:#fff;color:var(--acc-deep);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center}.fo-step-qty{min-width:16px;text-align:center;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}.fo-fab{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(68px + env(safe-area-inset-bottom));width:min(448px,calc(100% - 32px));display:flex;align-items:center;gap:12px;background:var(--grad);color:#fff;border:none;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(83,0,170,.34);animation:fo-fab-in .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes fo-fab-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.fo-fab{animation:none}}.fo-fab-badge{flex:0 0 auto;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:hsla(0,0%,100%,.22);display:grid;place-items:center;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.fo-fab-txt{flex:1;text-align:left}.fo-fab-amt{flex:0 0 auto;font-variant-numeric:tabular-nums}.fo-wrap-fab{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.fo-btn{width:100%;background:var(--grad);color:#fff;border:none;border-radius:12px;padding:15px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(83,0,170,.28)}.fo-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.fo-btn-sm{width:auto;padding:11px 16px;font-size:14px;border-radius:11px}.fo-btn-ghost{background:#fff;box-shadow:none}.fo-btn-ghost,.fo-input{border:1.5px solid var(--line-2);color:var(--ink)}.fo-input{width:100%;background:var(--card);border-radius:12px;font-size:15px;padding:12px 14px;outline:none}.fo-input::-moz-placeholder{color:var(--dim)}.fo-input::placeholder{color:var(--dim)}.fo-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(83,0,170,.1)}.fo-head{display:flex;align-items:center;gap:12px;padding:22px 0 14px}.fo-back{background:var(--card);border:1.5px solid var(--line-2);color:var(--ink);width:38px;height:38px;border-radius:10px;font-size:20px;cursor:pointer}.fo-head h1{font-size:20px;margin:0;font-weight:800}.fo-summary{background:var(--card);border:1px solid var(--line-2);border-radius:14px;padding:6px 14px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.fo-sum-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.fo-sum-qty{color:var(--acc);font-weight:800}.fo-sum-name{flex:1;min-width:0}.fo-sum-price{font-variant-numeric:tabular-nums;color:var(--muted)}.fo-sum-total{display:flex;justify-content:space-between;padding:12px 0;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.fo-form{display:flex;flex-direction:column;gap:6px}.fo-label{font-size:13px;color:var(--muted);margin-top:10px;font-weight:600}.fo-error{color:var(--danger,#db3b57);font-size:14px;margin:12px 0 0}.fo-cta{margin-top:20px}.fo-step-sm{transform:scale(.9);transform-origin:center}.fo-block{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.fo-block .fo-label{margin-top:0}.fo-textarea{resize:vertical;min-height:44px;font-family:inherit;line-height:1.45}.fo-hint{margin:0;font-size:12px;color:var(--dim)}.fo-hint-bad{color:var(--danger,#db3b57);font-weight:600}.fo-coupon-row{display:flex;gap:8px;align-items:stretch}.fo-coupon-row .fo-input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.04em}.fo-coupon-row .fo-btn-sm{flex:0 0 auto}.fo-coupon-on{display:flex;align-items:center;gap:10px;background:var(--tint);border:1.5px dashed var(--tint-edge);border-radius:12px;padding:11px 12px}.fo-coupon-tag{font-weight:800;font-size:14px;color:var(--acc-deep);letter-spacing:.03em}.fo-coupon-lbl{flex:1;min-width:0;font-size:13px;color:var(--muted)}.fo-coupon-x{flex:0 0 auto;width:26px;height:26px;border-radius:50%;cursor:pointer;background:#fff;color:var(--muted);font-size:17px;line-height:1}.fo-coupon-x,.fo-totals{border:1px solid var(--line-2)}.fo-totals{background:var(--card);border-radius:14px;padding:4px 14px;box-shadow:var(--shadow-sm)}.fo-tot-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.fo-tot-off{color:var(--green);font-weight:700}.fo-tot-grand{border-top:1px solid var(--line);color:var(--ink);font-size:16px;font-weight:800;padding:12px 0}.fo-pin-stage{text-align:center;padding:22px 0 8px}.fo-pin-lead{color:var(--muted);font-size:15px;margin:0 0 20px}.fo-pin-input{width:100%;max-width:260px;text-align:center;background:var(--card);border:1.5px solid var(--line-2);border-radius:14px;color:var(--ink);font-size:38px;font-weight:800;letter-spacing:.34em;text-indent:.34em;padding:14px 10px;outline:none;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fo-pin-input::-moz-placeholder{color:var(--line-2)}.fo-pin-input::placeholder{color:var(--line-2)}.fo-pin-input:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(83,0,170,.12)}.fo-pin-hint{color:var(--dim);font-size:13px;margin:14px 0 0}.fo-done{text-align:center;padding:64px 12px;display:flex;flex-direction:column;align-items:center;gap:6px}.fo-check{width:72px;height:72px;border-radius:50%;background:var(--tint);color:var(--acc);display:grid;place-items:center;font-size:38px;margin-bottom:10px;box-shadow:0 8px 22px rgba(83,0,170,.16)}.fo-done h1{font-size:24px;margin:0;font-weight:800}.fo-ref{font-family:ui-monospace,monospace;color:var(--acc);font-size:15px;letter-spacing:.08em;margin:2px 0 10px}.fo-done-sub{color:var(--muted);font-size:15px;line-height:1.5;max-width:340px;margin:0 0 22px}@media (min-width:720px){.fo-wrap{max-width:none;padding-left:clamp(24px,4vw,56px);padding-right:clamp(24px,4vw,56px);background:radial-gradient(120vw 52vh at 50% -10%,rgba(83,0,170,.1),transparent 62%),var(--bg)}.fo-wrap>*{max-width:520px;margin-inline:auto}.fo-wrap-menu>*{max-width:1180px}.fo-brand-slim{padding:22px 8px 6px}.fo-brand-slim .fo-brand-onyx{height:32px}.fo-brand-slim .fo-brand-grill{height:35px}.fo-brand h1{font-size:30px}.fo-brand p{font-size:15px}.fo-wrap-menu .fo-filters{display:flex;align-items:center;gap:14px;padding:14px 0 12px}.fo-wrap-menu .fo-search-row{flex:0 0 320px}.fo-wrap-menu .fo-filter-row{flex:1;min-width:0;margin-top:0}.fo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.fo-card-name{font-size:14.5px}.fo-card-body{padding:11px 13px 13px}.fo-fab{bottom:calc(28px + env(safe-area-inset-bottom))}.fo-wrap-fab{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}@media (min-width:1500px){.fo-wrap-menu>*{max-width:1320px}}@media (hover:hover) and (min-width:720px){.fo-card{transition:transform .18s ease,box-shadow .18s ease}.fo-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(43,16,92,.16)}.fo-cat{transition:border-color .15s ease,color .15s ease}.fo-cat:not(.on):hover{border-color:var(--acc);color:var(--acc)}.fo-add:hover{filter:brightness(1.06)}}@media (prefers-reduced-motion:reduce){.fo-card{transition:none!important}.fo-card:hover{transform:none}}