*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151923;background:#f7f7f8}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.top{height:74px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - 1220px)/2));background:#fff;border-bottom:1px solid #e8e8eb;position:sticky;top:0;z-index:30}.brand{border:0;background:none;display:flex;gap:10px;align-items:center;padding:0;color:#151923}.brand>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ff8a24,#f4511e);display:grid;place-items:center;color:#fff;font-weight:950;font-size:20px;box-shadow:0 8px 20px #f9731633}.brand div{display:grid;text-align:left}.brand strong{font-size:18px;letter-spacing:.08em}.brand small{color:#7d8491}.top nav{display:flex;gap:8px;margin-left:auto}.top nav button{border:0;background:none;color:#606876;font-weight:800;padding:10px 12px}.top nav button:hover{color:#f97316}.cart-icon{position:relative;border:1px solid #e4e5e9;background:#fff;width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.cart-icon b{position:absolute;right:-5px;top:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#f97316;color:#fff;font-size:11px;display:grid;place-items:center}.backbar{max-width:1220px;width:100%;margin:0 auto;padding:18px 20px 0}.backbar button{border:0;background:none;display:flex;align-items:center;gap:8px;color:#555f6d;font-weight:800}.backbar svg{width:18px}main{flex:1}.hero{min-height:540px;background:linear-gradient(135deg,#2b1408,#f97316);background-size:cover;background-position:center;display:flex;align-items:center}.hero>div{width:min(1220px,100%);margin:0 auto;padding:70px 24px;color:#fff}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.16em;color:#f97316}.hero .eyebrow{color:#ffbd7b}.hero h1{font-size:clamp(48px,7vw,82px);max-width:780px;line-height:.98;margin:15px 0 20px;letter-spacing:-.04em}.hero p{font-size:21px;max-width:630px;color:#f2dfd3}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.primary,.secondary{border:0;border-radius:14px;padding:13px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary{background:#f97316;color:#fff;box-shadow:0 8px 24px #f9731625}.primary:hover{background:#ea650b}.primary:disabled{background:#f1b689;cursor:not-allowed}.secondary{background:#fff;color:#222;border:1px solid #e3e4e8}.hero .secondary{background:#ffffff1a;color:#fff;border:1px solid #ffffff55}.big{padding:17px 23px;font-size:17px}.small{padding:9px 12px;font-size:13px}.wide{width:100%}.home-wrap,.content,.page-head,.tracking-head{width:min(1220px,calc(100% - 40px));margin:0 auto}.home-wrap{padding:38px 0 70px}.demo{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:16px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.demo svg{flex:none;margin-top:2px}.demo div{display:grid;gap:2px}.demo span{font-size:13px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:#fff;border:1px solid #e8e9ec;border-radius:20px;padding:22px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 5px 18px #1111}.info-card i{width:46px;height:46px;border-radius:14px;background:#fff3e8;color:#f97316;display:grid;place-items:center;flex:none}.info-card strong{display:block;margin-bottom:5px}.info-card p{margin:0;color:#687180;line-height:1.45}.cta{margin-top:30px;border-radius:28px;background:#161b24;color:#fff;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:34px;margin:8px 0}.cta p{color:#aeb5c0;margin:0}.page-head{padding:34px 0 24px}.page-head h1,.tracking-head h1{font-size:38px;margin:7px 0 0}.search{margin-top:18px;max-width:420px;height:46px;border:1px solid #e0e2e6;background:#fff;border-radius:14px;display:flex;align-items:center;padding:0 13px;gap:9px}.search svg{width:18px;color:#8a919d}.search input{border:0;outline:0;flex:1;background:none}.content{padding-bottom:80px}.content.two{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.content.narrow{max-width:880px}.cats{display:flex;gap:8px;overflow:auto;padding-bottom:16px}.cats button{border:1px solid #e0e2e6;background:#fff;color:#687180;border-radius:999px;padding:9px 15px;font-weight:800;white-space:nowrap}.cats button.active{background:#f97316;border-color:#f97316;color:#fff}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{background:#fff;border:1px solid #e6e7ea;border-radius:20px;overflow:hidden;box-shadow:0 5px 18px #1111}.product-img{height:180px;background:#f0f1f3;color:#a2a8b2;display:grid;place-items:center}.product-img img{width:100%;height:100%;object-fit:cover}.product-img svg{width:42px;height:42px}.product-body{padding:16px}.product h3{font-size:16px;margin:0 0 5px;text-transform:uppercase}.product p{height:36px;overflow:hidden;margin:0 0 14px;color:#7a828f;font-size:13px}.product-body>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.product b{font-size:18px;color:#e95f0a}.floating-cart{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:25;border:0;background:#161b24;color:#fff;padding:15px 22px;border-radius:16px;box-shadow:0 15px 40px #0005;display:flex;align-items:center;gap:9px;font-weight:900}.floating-cart b{margin-left:10px;color:#ffae72}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10131a99;z-index:60;display:grid;place-items:center;padding:20px}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:24px}.modal-head{display:flex;justify-content:space-between;gap:10px}.modal-head h2{margin:5px 0 0}.modal-head>button{border:0;background:#f1f2f4;width:42px;height:42px;border-radius:12px}.muted{color:#737b88}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.flavor-grid button{border:2px solid #e5e7ea;background:#fff;border-radius:16px;overflow:hidden;padding:0 0 10px;display:grid;gap:7px}.flavor-grid button img,.flavor-grid button>svg{width:100%;height:105px;object-fit:cover;background:#f1f2f4;padding:24px;color:#aaa}.flavor-grid button.chosen{border-color:#f97316;background:#fff7ed}.flavor-grid span{font-size:11px;color:#f97316;font-weight:900}.cart-list{display:grid;gap:12px}.cart-row{background:#fff;border:1px solid #e4e6e9;border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cart-row h3{margin:0 0 5px}.cart-row p{font-size:13px;color:#777f8b;margin:0 0 7px}.cart-row b{color:#e95f0a}.row-actions{display:flex;align-items:center;gap:10px}.qty{display:flex;align-items:center;gap:9px;background:#f3f4f6;border-radius:11px;padding:4px}.qty button,.danger{border:0;border-radius:9px;width:34px;height:34px;display:grid;place-items:center}.qty button{background:#fff}.qty svg,.danger svg{width:16px}.danger{background:#fff0f1;color:#e53945}.summary,.panel{background:#fff;border:1px solid #e4e6e9;border-radius:20px;padding:20px}.summary h2,.panel h2{margin:0 0 16px;font-size:19px}.choice{width:100%;border:2px solid #eceef1;background:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:9px}.choice>svg:first-child{color:#f97316}.choice div{display:grid;gap:2px;flex:1}.choice span{font-size:12px;color:#808793}.choice>svg:last-child{opacity:0;color:#f97316}.choice.active{border-color:#f97316;background:#fff8f1}.choice.active>svg:last-child{opacity:1}.summary hr,.detail hr{border:0;border-top:1px solid #eee;margin:17px 0}.line{display:flex;justify-content:space-between;gap:20px;margin:10px 0;color:#646d7a}.line b{text-align:right;color:#252a33}.line.strong{font-size:20px;color:#171b22;margin-top:16px}.line.strong b{color:#f97316}.checkout-form,.panel{display:grid;gap:14px}.panel label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#535c69}.panel input,.panel textarea,.phone-search input{border:1px solid #dfe1e5;border-radius:12px;padding:12px 13px;outline:0;background:#fff}.panel input:focus,.panel textarea:focus,.phone-search input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731615}.panel textarea{min-height:85px;resize:vertical}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pay-grid button{position:relative;border:2px solid #e5e7eb;background:#fff;border-radius:14px;padding:16px 9px;display:grid;place-items:center;gap:8px}.pay-grid button>svg:first-child{color:#f97316}.pay-grid button>svg:last-child{position:absolute;top:7px;right:7px;opacity:0;color:#f97316}.pay-grid button.active{border-color:#f97316;background:#fff8f1}.pay-grid button.active>svg:last-child{opacity:1}.coupon{display:flex;align-items:center;gap:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:14px;padding:12px}.coupon div{display:grid}.coupon span{font-size:12px}.mini-line{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin:9px 0}.sticky{position:sticky;top:94px}.error{padding:13px 15px;border-radius:13px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;margin-bottom:14px}.phone-search{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #e4e6ea;padding:10px;border-radius:17px;margin-bottom:18px}.phone-search>svg{margin-left:8px;color:#9aa1ac}.orders-list{display:grid;gap:10px}.order-card{width:100%;border:1px solid #e4e6e9;background:#fff;border-radius:17px;padding:17px;display:flex;justify-content:space-between;gap:20px;text-align:left}.order-card>div{display:grid;gap:5px}.order-card>div:last-child{justify-items:end;align-content:center}.order-card span,.order-card p{font-size:12px;color:#7c8490;margin:0}.order-card p{max-width:520px}.status{font-style:normal;font-size:11px;font-weight:900;padding:5px 9px;border-radius:999px;background:#f3f4f6;color:#555}.s-pending{background:#fff7d6;color:#9a6a00}.s-confirmed{background:#eaf1ff;color:#2756bb}.s-preparing{background:#f2eaff;color:#7a3fc7}.s-ready,.s-ready_for_pickup{background:#e5f5ff;color:#18739b}.s-out_for_delivery{background:#fff0df;color:#b85e00}.s-delivered{background:#e9f9ef;color:#15803d}.s-cancelled{background:#feecee;color:#be2936}.tracking-head{padding:35px 0 20px}.tracking-head .status{display:inline-block;margin-top:12px}.timeline{background:#fff;border:1px solid #e5e7ea;border-radius:20px;padding:22px;margin-bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.timeline:before{content:"";position:absolute;left:12%;right:12%;top:48px;height:3px;background:#e6e7ea}.timeline>div{position:relative;z-index:1;text-align:center;display:grid;justify-items:center;gap:9px;color:#9aa1ac}.timeline i{width:54px;height:54px;border-radius:50%;background:#eef0f2;display:grid;place-items:center}.timeline .done{color:#222}.timeline .done i{background:#f97316;color:#fff}.timeline strong{display:block;font-size:13px}.timeline span{font-size:11px;color:#f97316;font-weight:800}.detail{margin-bottom:14px}.item-detail{display:flex;justify-content:space-between;gap:15px;margin:10px 0}.item-detail div{display:grid;gap:4px}.item-detail span{font-size:12px;color:#7b8390}.item-detail b{white-space:nowrap}.cancelled{text-align:center;background:#fff;border:1px solid #fecaca;color:#b91c1c;border-radius:20px;padding:30px;margin-bottom:16px}.cancelled>svg{width:50px;height:50px}.empty{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty>svg{width:60px;height:60px;color:#c1c5cc}.empty h2{margin:13px 0 5px}.empty p{color:#7b8390;margin:0 0 17px}.center{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.center p{color:#777}.spinner{width:44px;height:44px;border:4px solid #e6e7ea;border-top-color:#f97316;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid #e2e4e8;background:#fff;padding:24px;display:flex;justify-content:center;gap:16px;color:#747c88;font-size:12px}footer strong{color:#333}@media(max-width:900px){.top{padding:0 15px}.top nav{display:none}.hero{min-height:480px}.hero>div{padding:55px 20px}.info-grid,.products{grid-template-columns:repeat(2,1fr)}.content.two{grid-template-columns:1fr}.sticky{position:static}.timeline{grid-template-columns:1fr;gap:12px}.timeline:before{display:none}.timeline>div{grid-template-columns:54px 1fr;justify-items:start;text-align:left;align-items:center}.pay-grid{grid-template-columns:1fr}.flavor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.brand small{display:none}.hero h1{font-size:44px}.hero p{font-size:17px}.hero-actions{display:grid}.hero-actions button{width:100%}.info-grid,.products{grid-template-columns:1fr}.cta{display:grid;padding:25px}.page-head h1{font-size:31px}.content,.page-head,.tracking-head{width:min(100% - 24px,1220px)}.product-img{height:200px}.cart-row{align-items:flex-start;display:grid}.row-actions{justify-content:space-between}.phone-search{grid-template-columns:auto 1fr}.phone-search button{grid-column:1/-1}.order-card{display:grid}.order-card>div:last-child{justify-items:start}.top{height:66px}.brand>span{width:38px;height:38px}.cart-icon{width:42px;height:42px}footer{display:grid;text-align:center}.flavor-grid{grid-template-columns:repeat(2,1fr)}}.checkout-lock-note{margin:0;text-align:center;font-size:12px;line-height:1.5;color:#7b8390}.tracking-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.live-status{background:#fff;border:1px solid #e5e7ea;border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:9px}.live-status>div{display:grid;min-width:145px}.live-status strong{font-size:11px}.live-status small{font-size:9px;color:#7b8390}.live-status button{border:1px solid #e1e4e8;background:#fff;border-radius:9px;height:32px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800}.live-status button svg{width:14px}.live-dot{width:9px;height:9px;border-radius:50%;background:#a9afb8}.live-dot.on{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.public-history{display:grid}.public-history>div{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.public-history>div:last-child{border-bottom:0}.history-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;background:#d1d5db}.history-dot.s-delivered{background:#16a34a}.history-dot.s-cancelled{background:#dc2626}.history-dot.s-preparing{background:#8b5cf6}.history-dot.s-out_for_delivery{background:#f97316}.public-history>div>div{display:grid;gap:2px}.public-history small{color:#7b8390;font-size:10px}.public-history p{margin:2px 0 0;color:#687180;font-size:11px}@media(max-width:760px){.tracking-head{align-items:flex-start;flex-direction:column}.live-status{width:100%;flex-wrap:wrap}.live-status>div{flex:1}}.pay-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.pay-grid.four button{min-height:116px;text-align:center}.pay-grid.four button span{font-size:10px;color:#8a919d;font-weight:600;line-height:1.25}.payment-title h2{margin-bottom:4px}.payment-title p{margin:0;color:#7b8390;font-size:12px;line-height:1.45}.cash-change-box{border:1px solid #fed7aa;background:#fffaf5;border-radius:16px;padding:14px;display:grid;gap:12px}.cash-change-box>div:first-child{display:grid;gap:3px}.cash-change-box>div:first-child strong{font-size:13px}.cash-change-box>div:first-child span{font-size:11px;color:#8a6b56}.cash-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cash-choice button{height:40px;border:1px solid #e2e5e9;background:#fff;border-radius:10px;color:#606876;font-weight:850}.cash-choice button.active{border-color:#f97316;background:#fff3e8;color:#c2410c;box-shadow:0 0 0 2px #f9731612}.cash-change-box label{background:#fff;border:1px solid #eee1d6;border-radius:12px;padding:12px}.field-error{color:#dc2626!important;font-weight:700}.change-result{margin-top:4px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:#166534}.change-result svg{width:18px}.change-result>div{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:1}.change-result span{font-size:11px}.change-result strong{font-size:16px}.summary .line.strong+hr{margin-top:18px}@media(max-width:1000px){.pay-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pay-grid.four{grid-template-columns:1fr 1fr}.pay-grid.four button{min-height:100px;padding:12px 7px}.pay-grid.four button span{display:none}}.product-extras{margin:20px 0}.product-extras label{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.product-extras input{width:20px;height:20px;accent-color:#ea580c}.product-extras label span{flex:1}.product-extras label strong{white-space:nowrap}