*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100svh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{min-height:100svh}.ff-app{color:#fff;background:radial-gradient(120% 80% at 50% -20%,#ffc8c859,#0000 50%),linear-gradient(165deg,#7f0a0a 0%,#b10505 40%,#8b0000 100%);min-height:100svh;padding-bottom:2.5rem}.ff-app-inner{max-width:920px;margin:0 auto;padding:.75rem 1rem 2rem}.ff-topbar{border-bottom:1px solid #ffffff2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem;padding:.5rem 0 1rem;display:flex}.ff-brand{flex:0 auto;align-items:center;display:flex}.ff-brand-logo{object-fit:contain;filter:drop-shadow(0 2px 10px #00000059);width:auto;max-width:min(200px,58vw);height:auto;max-height:52px;display:block}@media (width>=480px){.ff-brand-logo{max-width:220px;max-height:58px}}.ff-site-credit{text-align:center;opacity:.78;margin:1.35rem 0 0;font-size:.8rem}.ff-site-credit a{color:inherit;text-underline-offset:2px;text-decoration:underline}.ff-site-credit a:hover{opacity:1}.ff-sync-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ff-sync-row code{text-overflow:ellipsis;background:#0003;border-radius:6px;max-width:220px;padding:.2rem .45rem;font-size:.72rem;overflow:hidden}.ff-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:.35rem;margin-bottom:1.25rem;padding-bottom:2px;display:flex;overflow:auto hidden}.ff-tab{color:#fff;cursor:pointer;white-space:nowrap;background:#00000026;border:1px solid #ffffff59;border-radius:999px;flex:none;padding:.45rem .85rem;font-size:.88rem;font-weight:600;transition:background .15s,transform .1s}.ff-tab:hover{background:#ffffff1f}.ff-tab.active{color:#8b0000;background:#fff;border-color:#fff}.ff-badge{color:#1a1a1a;vertical-align:middle;background:#ffc107;border-radius:999px;min-width:1.35rem;margin-left:.25rem;padding:0 .35rem;font-size:.75rem;display:inline-block}.ff-panel{color:#1f2937;background:#fffffff7;border-radius:16px;padding:1.1rem 1rem;box-shadow:0 4px 24px #0000002e,inset 0 0 0 1px #ffffff80}.ff-panel h2{color:#111827;margin:0 0 .75rem;font-size:1.15rem}.ff-muted{color:#6b7280;margin:0 0 .75rem;font-size:.88rem}.ff-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}@media (width>=600px){.ff-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}@media (width>=900px){.ff-menu-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:.85rem}}.ff-card-product{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.ff-card-product .ff-img-wrap{aspect-ratio:1;background:linear-gradient(145deg,#fecaca,#fee2e2);position:relative}@media (width>=600px){.ff-card-product .ff-img-wrap{aspect-ratio:4/3}}.ff-card-product img{object-fit:cover;width:100%;height:100%;display:block}.ff-card-product .ff-img-wrap.ff-img-wrap-contain img{object-fit:contain;object-position:center;box-sizing:border-box;padding:.25rem}.ff-card-product .ff-img-ph{color:#8b000059;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.35rem;font-weight:800;display:flex}@media (width>=600px){.ff-card-product .ff-img-ph{font-size:2.5rem}}.ff-card-product .ff-card-body{flex-direction:column;flex:1;padding:.45rem .5rem .55rem;display:flex}@media (width>=600px){.ff-card-product .ff-card-body{padding:.55rem .65rem .65rem}}.ff-card-product h3{color:#111827;margin:0;font-size:.8rem;line-height:1.2}@media (width>=600px){.ff-card-product h3{font-size:.92rem;line-height:1.25}}.ff-card-product .ff-price{color:#b91c1c;margin-top:.3rem;font-size:.85rem;font-weight:700}@media (width>=600px){.ff-card-product .ff-price{margin-top:.35rem;font-size:.95rem}}.ff-card-product button{color:#fff;cursor:pointer;background:linear-gradient(#dc2626,#b91c1c);border:none;border-radius:10px;width:100%;margin-top:.4rem;padding:.38rem .35rem;font-size:.72rem;font-weight:700}@media (width>=600px){.ff-card-product button{margin-top:.5rem;padding:.45rem;font-size:.82rem}}.ff-card-product button:disabled{opacity:.45;cursor:not-allowed}.ff-cart-lines{flex-direction:column;gap:.65rem;display:flex}.ff-cart-line{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.ff-cart-line:last-child{border-bottom:none}.ff-qty{align-items:center;gap:.35rem;display:flex}.ff-qty button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:2rem;height:2rem;font-weight:700}.ff-field-grid{gap:.65rem;margin-top:.75rem;display:grid}@media (width>=520px){.ff-field-grid.two{grid-template-columns:1fr 1fr}}.ff-field-grid label{color:#374151;flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;display:flex}.ff-field-grid input,.ff-field-grid select{border:1px solid #d1d5db;border-radius:10px;padding:.5rem .55rem;font-size:.92rem}.ff-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#16a34a,#15803d);border:none;border-radius:12px;width:100%;margin-top:1rem;padding:.75rem 1rem;font-size:1rem;font-weight:800;box-shadow:0 4px 14px #15803d73}.ff-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ff-btn-ghost{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff73;border-radius:10px;padding:.45rem .85rem;font-size:.85rem;font-weight:600}.ff-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.ff-btn-icon-sync{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff73;border-radius:10px;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;padding:0;display:inline-flex}.ff-btn-icon-sync:disabled{opacity:.45;cursor:not-allowed}.ff-modal-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ff-modal-card{color:#111827;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:1.25rem 1.2rem 1.35rem;box-shadow:0 16px 48px #00000059}.ff-modal-card h2{color:#7f0a0a;margin:0 0 .5rem;font-size:1.2rem}.ff-fulfill-actions{flex-direction:column;gap:.65rem;margin-top:1rem;display:flex}.ff-fulfill-actions .ff-btn-primary{width:100%}.ff-order-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 10px #0000000f}.ff-order-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.ff-order-head strong{font-size:.95rem}.ff-status-pill{color:#92400e;background:#fef3c7;border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:inline-block}.ff-status-pill.done{color:#065f46;background:#d1fae5}.ff-status-pill.hot{color:#991b1b;background:#fee2e2}.ff-timeline{flex-wrap:wrap;justify-content:space-between;gap:.25rem;margin:.85rem 0;display:flex}.ff-tl-step{text-align:center;color:#9ca3af;flex:1;min-width:56px;font-size:.65rem;position:relative}.ff-tl-step .dot{background:#e5e7eb;border-radius:50%;width:10px;height:10px;margin:0 auto .25rem}.ff-tl-step.active .dot{background:#dc2626;box-shadow:0 0 0 3px #dc262640}.ff-tl-step.active{color:#b91c1c;font-weight:700}.ff-order-meta{color:#6b7280;margin:.25rem 0 .5rem;font-size:.8rem}.ff-order-items{color:#374151;margin:0;padding-left:1rem;font-size:.85rem;line-height:1.5}.ff-msg{border-radius:10px;margin-top:.75rem;padding:.65rem .85rem;font-size:.88rem}.ff-msg.ok{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.ff-msg.err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.ff-empty{text-align:center;color:#6b7280;padding:2rem 1rem;font-size:.92rem}.ff-ws-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.35rem;display:inline-block}.ff-ws-dot.on{background:#4ade80;box-shadow:0 0 8px #4ade80}.ff-ws-dot.off{background:#9ca3af}.ff-install-pwa{z-index:10000;padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);background:#0000008c;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.ff-install-pwa__main{cursor:pointer;color:#fff;background:linear-gradient(165deg,#ff1744,#b10505);border:none;border-radius:999px;padding:.55rem 1rem;font-size:.9rem;font-weight:700;box-shadow:0 2px 14px #00000059}.ff-install-pwa__main:hover{filter:brightness(1.06)}.ff-install-pwa__secondary{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:.45rem .85rem;font-size:.85rem}.ff-install-pwa-overlay{z-index:10001;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=520px){.ff-install-pwa-overlay{align-items:center;padding:1rem}}.ff-install-pwa-sheet{color:#111;width:100%;max-width:420px;padding:1.25rem 1.35rem calc(1.25rem + env(safe-area-inset-bottom));background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -10px 40px #00000059}@media (width>=520px){.ff-install-pwa-sheet{border-radius:14px}}.ff-install-pwa-sheet h2{color:#7f0a0a;margin:.35rem 0 .65rem;font-size:1.25rem}.ff-install-pwa-logo{object-fit:contain;width:auto;max-width:100%;max-height:52px;margin:0 auto .25rem;display:block}.ff-install-pwa-lead{color:#444;margin:0 0 1rem;font-size:.92rem;line-height:1.45}.ff-install-pwa-note{color:#374151;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin:0 0 .85rem;padding:.55rem .65rem;font-size:.86rem;line-height:1.45}.ff-install-pwa-foot{color:#6b7280;margin:.75rem 0 0;font-size:.82rem;line-height:1.45}.ff-install-pwa-steps{color:#374151;margin:0;padding-left:1.2rem;font-size:.92rem;line-height:1.65}.ff-install-pwa-steps li{margin-bottom:.5rem}.ff-install-pwa-sheet-cta{width:100%;margin-top:1rem!important}.ff-net-pill{background:#0003;border:1px solid #ffffff59;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.ff-net-pill.on{color:#bbf7d0;border-color:#4ade80a6}.ff-net-pill.off{color:#fecaca;border-color:#fca5a5a6}.ff-offline-banner{background:#00000059;border:1px solid #ffffff38;border-radius:10px;margin:0 0 1rem;padding:.55rem .75rem;font-size:.86rem;font-weight:600;line-height:1.35}.ff-top-quick-row{-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:center;margin:0 0 .85rem;padding:.35rem 0;display:flex;overflow:auto hidden}.ff-top-quick-icons{flex-flow:row;justify-content:center;align-items:flex-start;gap:.5rem .65rem;min-width:min-content;margin-inline:auto;display:flex}.ff-top-icon-btn{color:#fff;cursor:pointer;min-width:4.5rem;font:inherit;text-shadow:0 1px 4px #00000059;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:.25rem;padding:0;display:flex}.ff-top-icon-btn:hover .ff-top-icon-circle{transform:scale(1.06);box-shadow:0 4px 16px #00000059}.ff-top-icon-circle{background:linear-gradient(145deg,#fffffff2,#fecaca);border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:2.85rem;height:2.85rem;font-size:1.35rem;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px 10px #0003}.ff-top-icon-label{text-align:center;max-width:5.5rem;font-size:.68rem;font-weight:700;line-height:1.15}@media (width<=380px){.ff-top-icon-btn{min-width:3.85rem}.ff-top-icon-circle{width:2.55rem;height:2.55rem;font-size:1.2rem}.ff-top-icon-label{max-width:4.25rem;font-size:.62rem}}.ff-menu-back-wrap{margin:0 0 .65rem}.ff-home-icons{flex-wrap:wrap;justify-content:center;gap:1rem;margin:.5rem 0 1rem;display:flex}.ff-home-round{color:#1f2937;cursor:pointer;background:linear-gradient(#fef2f2,#e5e7eb);border:none;border-radius:999px;flex-direction:column;align-items:center;gap:.45rem;width:6.5rem;padding:.65rem .35rem .75rem;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px 14px #0000001f}.ff-home-round:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000029}.ff-home-ico{background:linear-gradient(145deg,#fff,#fecaca);border:2px solid #b91c1c40;border-radius:50%;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;font-size:1.65rem;display:flex}.ff-home-label{text-align:center;max-width:6rem;font-size:.72rem;font-weight:700;line-height:1.2}.ff-home-section-title{color:#111827;margin:1.25rem 0 .6rem;font-size:1.05rem}.ff-home-cta-wrap{text-align:center;margin-top:1.25rem}.ff-btn-block{width:100%;max-width:360px}.ff-panel-menu h2{margin-bottom:.35rem}.ff-menu-submenu{border-bottom:1px solid #e5e7eb;margin:0 0 .75rem;padding:.25rem 0 .65rem}.ff-panel-menu .ff-category-bar{margin-bottom:0;padding-bottom:.35rem}.ff-category-bar{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:.45rem;margin:0 0 .85rem;padding-bottom:.5rem;display:flex;overflow:auto hidden}.ff-category-pill{color:#374151;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;flex:none;padding:.4rem .85rem;font-size:.8rem;font-weight:700}.ff-category-pill.active{color:#fff;background:linear-gradient(#dc2626,#b91c1c);border-color:#b91c1c}.ff-category-tiles{grid-template-columns:1fr;gap:.65rem;display:grid}@media (width>=480px){.ff-category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.ff-category-tile{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;padding:.85rem 1rem;transition:background .12s,border-color .12s}.ff-category-tile:hover{background:#fff5f5;border-color:#fecaca}.ff-category-tile-name{color:#111827;font-size:1rem;font-weight:800;display:block}.ff-category-tile-desc{color:#6b7280;margin-top:.35rem;font-size:.82rem;line-height:1.35;display:block}.ff-menu-all-cats{text-align:center;margin:1rem 0 0}.ff-btn-link{color:#b91c1c;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:700;text-decoration:underline}.ff-btn-link:hover{color:#991b1b}