.menu-screen{height:100vh;background:#fff;display:flex;flex-direction:column;overflow:hidden;color:#241b15}
.hero{flex-shrink:0;position:relative;height:calc(var(--u) * 284);overflow:hidden;background:#2b160f}
.hero-image{position:absolute;width:100%;height:100%;left:0;top:0}
.hero-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(95deg,rgba(16,8,4,.88),rgba(30,12,5,.32) 56%,rgba(11,5,3,.20))}
.hero-content{position:relative;margin:calc(var(--u) * 18) calc(var(--u) * 26) 0;color:#fff;height:calc(var(--u) * 188)}
.brand{font-size:calc(var(--u) * 54);font-weight:950;letter-spacing:calc(var(--u) * 4);text-shadow:0 calc(var(--u) * 3) calc(var(--u) * 5) rgba(0,0,0,.4)}
.brand-en{color:#ffd76e;letter-spacing:calc(var(--u) * 3);font-weight:800;font-size:calc(var(--u) * 14);margin:calc(var(--u) * 2) 0 calc(var(--u) * 15) calc(var(--u) * 6)}
.slogan{font-size:calc(var(--u) * 21);letter-spacing:calc(var(--u) * 2);border-bottom:calc(var(--u) * 2) solid #fcb836;display:inline-block;padding-bottom:calc(var(--u) * 8)}
.hero-sticker{position:absolute;right:calc(var(--u) * 10);bottom:calc(var(--u) * 3);transform:rotate(-7deg);font-size:calc(var(--u) * 30);color:#fff;font-weight:900;text-align:right;text-shadow:calc(var(--u) * -2) calc(var(--u) * -2) calc(var(--u) * 2) #e64619,calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 2) #e64619,calc(var(--u) * 1) calc(var(--u) * 1) calc(var(--u) * 5) #e64619}
.hero-sticker text{display:block;line-height:1.17}
.shop-strip{flex-shrink:0;min-height:calc(var(--u) * 83);display:flex;align-items:center;padding:calc(var(--u) * 11) calc(var(--u) * 15) calc(var(--u) * 11) calc(var(--u) * 18);background:#fffaf3;border-radius:calc(var(--u) * 20) calc(var(--u) * 20) 0 0;margin-top:calc(var(--u) * -8);position:relative;z-index:2}
.status-pill{flex-shrink:0;border-radius:calc(var(--u) * 9);background:#fa6524;color:#fff;font-size:calc(var(--u) * 18);font-weight:800;padding:calc(var(--u) * 11) calc(var(--u) * 9);margin-right:calc(var(--u) * 10)}
.shop-text{flex:1;min-width:0}.shop-name{display:block;font-size:calc(var(--u) * 22);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-sub{display:block;font-size:calc(var(--u) * 17);color:#969089;margin-top:calc(var(--u) * 5);white-space:nowrap;overflow:hidden}
.strip-action{width:calc(var(--u) * 70);display:flex;flex-direction:column;align-items:center;font-size:calc(var(--u) * 17);color:#442d20;flex-shrink:0}.strip-icon{font-size:calc(var(--u) * 27);line-height:1.15}
.divider{background:#f9f6f2;height:calc(var(--u) * 8);flex-shrink:0}
.ordering{display:flex;flex:1;min-height:0;overflow:hidden;background:#fff}
.side-scroll{width:calc(var(--u) * 181);flex-shrink:0;height:100%;background:#f6f6f7}
.category{height:calc(var(--u) * 125);position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:calc(var(--u) * 14) calc(var(--u) * 4);color:#706b69;text-align:center}
.category-selected{background:#fff;color:#f45623;border-radius:0 calc(var(--u) * 17) calc(var(--u) * 17) 0}.cat-line{position:absolute;left:0;top:calc(var(--u) * 10);bottom:calc(var(--u) * 10);width:calc(var(--u) * 6);background:#ff651e;border-radius:calc(var(--u) * 5)}
.cat-emoji{font-size:calc(var(--u) * 31);margin-bottom:calc(var(--u) * 5)}.cat-words text{display:block}.cat-title{font-weight:800;font-size:calc(var(--u) * 21)}.cat-hint{font-size:calc(var(--u) * 18);color:#96938f;margin-top:calc(var(--u) * 5)}
.sidebar-fun{margin:calc(var(--u) * 65) calc(var(--u) * 6) calc(var(--u) * 5);display:flex;flex-direction:column;transform:rotate(-6deg);font-size:calc(var(--u) * 25);font-weight:900;line-height:1.35;color:#682913;text-align:center}.sidebar-chicken{font-size:calc(var(--u) * 55);margin-top:calc(var(--u) * 26)}
.food-scroll{flex:1;min-width:0;height:100%;padding:0 calc(var(--u) * 14) 0 calc(var(--u) * 14);background:#fff}
.list-heading{display:flex;align-items:center;white-space:nowrap;padding:calc(var(--u) * 22) 0 calc(var(--u) * 15)}.heading-bar{height:calc(var(--u) * 22);width:calc(var(--u) * 5);background:#ff6428;border-radius:calc(var(--u) * 8);margin-right:calc(var(--u) * 10)}.heading-main{font-weight:950;font-size:calc(var(--u) * 26);color:#252222}.heading-sub{font-size:calc(var(--u) * 17);color:#aaa6a3;overflow:hidden;text-overflow:ellipsis}.order-link{margin-left:auto;color:#ef5e31;font-size:calc(var(--u) * 18);padding-left:calc(var(--u) * 6);flex-shrink:0}
.food-row{display:flex;min-height:calc(var(--u) * 156);padding:calc(var(--u) * 5) 0 calc(var(--u) * 10);border-bottom:calc(var(--u) * 1) solid #faf7f4;align-items:flex-start}
.food-photo{width:calc(var(--u) * 167);height:calc(var(--u) * 139);border-radius:calc(var(--u) * 12);flex-shrink:0;background:#f1e3d7;margin-right:calc(var(--u) * 12)}
.food-details{flex:1;min-width:0;min-height:calc(var(--u) * 139);display:flex;flex-direction:column}
.name-line{display:flex;align-items:center;flex-wrap:wrap;line-height:1.2;margin-top:calc(var(--u) * 4)}
.food-name{font-weight:900;font-size:calc(var(--u) * 25);color:#222;line-height:1.3}.recommend{padding:calc(var(--u) * 4) calc(var(--u) * 7);font-size:calc(var(--u) * 17);color:#fff;background:#f22c37;border-radius:calc(var(--u) * 4);margin-left:calc(var(--u) * 7)}
.description{margin-top:calc(var(--u) * 10);color:#96918e;font-size:calc(var(--u) * 18);line-height:1.3;min-height:calc(var(--u) * 28)}
.buy-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-bottom:calc(var(--u) * 3);gap:calc(var(--u) * 4)}
.price{font-size:calc(var(--u) * 31);color:#ec182a;font-weight:950;white-space:nowrap}
.stepper{display:flex;align-items:center;gap:calc(var(--u) * 11);flex-shrink:0}.tap-target{height:calc(var(--u) * 43);width:calc(var(--u) * 43);border-radius:50%;text-align:center;line-height:calc(var(--u) * 40);font-size:calc(var(--u) * 34);box-sizing:border-box}.minus{border:calc(var(--u) * 1) solid #f4b39c;color:#f45b22}.plus{background:#fb5c1b;color:#fff;font-weight:700;line-height:calc(var(--u) * 40)}.amount{font-size:calc(var(--u) * 23);font-weight:600;min-width:calc(var(--u) * 16);text-align:center}
.afterword{font-size:calc(var(--u) * 17);color:#b7aaa0;line-height:1.5;margin-top:calc(var(--u) * 24)}.bottom-gutter{height:calc(var(--u) * 36)}.empty-state{padding:calc(var(--u) * 80) calc(var(--u) * 10);text-align:center;color:#999;font-size:calc(var(--u) * 24)}
.basket-bar{flex-shrink:0;height:calc(var(--u) * 103);display:flex;align-items:center;background:#252527;color:#fff;border-radius:calc(var(--u) * 41) calc(var(--u) * 41) 0 0;padding:calc(var(--u) * 13) calc(var(--u) * 20) calc(var(--u) * 13) calc(var(--u) * 22);position:relative;z-index:4;box-shadow:0 calc(var(--u) * -7) calc(var(--u) * 22) rgba(0,0,0,.13)}
.basket{width:calc(var(--u) * 77);height:calc(var(--u) * 77);background:#ff751c;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;margin-right:calc(var(--u) * 19)}.basket-symbol{font-size:calc(var(--u) * 40)}.basket-count{position:absolute;right:calc(var(--u) * -2);top:calc(var(--u) * -7);color:#fff;background:#ee2842;border:calc(var(--u) * 3) solid white;font-size:calc(var(--u) * 18);min-width:calc(var(--u) * 30);height:calc(var(--u) * 30);line-height:calc(var(--u) * 29);border-radius:50%;text-align:center;font-weight:800}
.total{flex:1;min-width:0}.total-value{font-size:calc(var(--u) * 32);font-weight:900;display:block}.total-tip{color:#c5c3c2;font-size:calc(var(--u) * 18);margin-top:calc(var(--u) * 3);display:block}
.submit{background:#18c966;border-radius:calc(var(--u) * 60);min-width:calc(var(--u) * 192);text-align:center;color:#fff;padding:calc(var(--u) * 10) calc(var(--u) * 20)}.submit text{display:block;font-weight:900;font-size:calc(var(--u) * 26)}.submit .submit-sub{font-size:calc(var(--u) * 16);font-weight:400;margin-top:calc(var(--u) * 2)}.submit-muted{background:#599b75}
.screen-bottom-safe{height:env(safe-area-inset-bottom);background:#252527;flex-shrink:0}
.veil{position:fixed;inset:0;background:rgba(20,11,7,.52);z-index:20;display:flex;flex-direction:column;justify-content:flex-end}.basket-panel{background:#fff;border-radius:calc(var(--u) * 32) calc(var(--u) * 32) 0 0;padding:calc(var(--u) * 27) calc(var(--u) * 30) calc(var(--u) * 45);padding-bottom:calc(calc(var(--u) * 40) + env(safe-area-inset-bottom));max-height:76vh;color:#2d2925}.basket-head{display:flex;justify-content:space-between;font-size:calc(var(--u) * 28);font-weight:900;align-items:center;padding-bottom:calc(var(--u) * 25);border-bottom:calc(var(--u) * 1) solid #f1e7dc}.basket-close{font-size:calc(var(--u) * 21);color:#ae9d92;font-weight:500}.basket-items{max-height:47vh}.basket-item{display:flex;gap:calc(var(--u) * 15);padding:calc(var(--u) * 22) 0;align-items:center;border-bottom:calc(var(--u) * 1) solid #f6f3ef}.basket-item-name{flex:1;font-size:calc(var(--u) * 25);font-weight:700}.basket-item-price{font-size:calc(var(--u) * 24);color:#e64d2c;font-weight:850}.basket-step{display:flex;align-items:center;gap:calc(var(--u) * 12)}.basket-step text{padding:calc(var(--u) * 4) calc(var(--u) * 8)}.basket-step text:first-child,.basket-step text:last-child{border-radius:50%;background:#ffede6;color:#e75b30;font-weight:900}.basket-summary{display:flex;justify-content:space-between;font-size:calc(var(--u) * 26);font-weight:800;padding:calc(var(--u) * 23) 0}.clear-cart{color:#b8a99f;font-weight:400;font-size:calc(var(--u) * 22)}.panel-btn{background:#f45d24;color:white;border-radius:calc(var(--u) * 60);text-align:center;font-size:calc(var(--u) * 28);font-weight:900;padding:calc(var(--u) * 24)}.demo-note{text-align:center;font-size:calc(var(--u) * 18);color:#ad9c92;margin-top:calc(var(--u) * 14)}.basket-empty{text-align:center;font-size:calc(var(--u) * 25);color:#bcaea4;padding:calc(var(--u) * 55) 0}

.payment-preview button:disabled{cursor:not-allowed}.payment-preview[aria-busy="true"] .receipt-tabs{opacity:.65}.receipt-tabs button:disabled:not(.selected){opacity:.55}

.catalog-photo{display:block;width:100%;height:100%;object-fit:cover}.catalog-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:80px;background:#f7ede1;font-size:32px}.food-photo{overflow:hidden}