@charset "UTF-8";
:root{--bg:#faf9f6;--ink:#202a25;--muted:#829086;--forest:#274b3a;--forest-dark:#1b3b2b;--gold:#ba7a4f;--line:#e9eae2;--soft:#f2f5ef;--white:#fff;--radius:16px;--shadow:0 18px 60px rgba(29,45,32,.09);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
button,input,textarea,select{font:inherit}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b7ccbd;outline-offset:2px}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{line-height:1.8}
[hidden]{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.page-width{max-width:1360px;width:calc(100% - 100px);margin:0 auto}.narrow-width{max-width:900px}
.header{height:88px;background:rgba(250,249,246,.93);backdrop-filter:blur(20px);position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(219,226,216,.66)}
.header-inner{height:100%;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;background:var(--forest);border-radius:13px;position:relative;color:#f1e7cc;overflow:hidden}.bowl-mark{font-size:42px;font-family:Georgia,serif;line-height:0;transform:translateY(9px);font-weight:700}.steam-mark{position:absolute;top:5px;font-size:24px;left:15px;transform:rotate(90deg);color:#faf0d5}.brand-name{font-size:26px;letter-spacing:2px;font-weight:800}.brand-dot,.footer-brand span{color:#cd9166}.brand-divider{height:21px;width:1px;background:#dddcd3;margin:0 5px}.brand-tagline{font-size:12px;color:#969d96;letter-spacing:1.4px}
.primary-nav{display:flex;align-items:center;gap:36px;height:100%;margin-left:auto}.nav-item{border:0;background:none;height:100%;padding:0 1px;font-size:14px;font-weight:600;color:#777f78;position:relative;white-space:nowrap}.nav-item:hover,.nav-item.active{color:var(--forest-dark)}.nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#315e43;border-radius:5px 5px 0 0}
.top-cart{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #dfe7dd;background:#fff;border-radius:999px;font-size:13px;font-weight:700;color:#314c3c;white-space:nowrap}.top-cart:hover{background:#f0f5ee}.top-cart .icon{width:18px}.cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:50%;background:var(--forest);color:#fff;font-size:11px}
.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:425px;overflow:hidden;border-radius:22px;margin-top:32px;background:linear-gradient(112deg,#edf3e9 5%,#f0f4e9 48%,#e6edde 100%);position:relative}
.hero-copy{position:relative;z-index:2;padding:66px 0 48px 74px}.hero-eyebrow,.overline{font-size:10px;font-weight:800;letter-spacing:3px;color:#8caa8a}.hero-eyebrow{display:flex;align-items:center;gap:10px}.hero-spark{width:5px;height:5px;transform:rotate(45deg);background:#93af86}.hero h1{margin:21px 0 18px;font-size:clamp(36px,4.1vw,59px);line-height:1.32;letter-spacing:-1.8px;font-weight:800;color:#244331}.hero h1 em{font-style:normal;color:#b5744d}.hero p{font-size:14px;color:#76877a;line-height:2;margin:0 0 27px}.hero-cta,.btn-primary{background:var(--forest);color:#fff;border:1px solid var(--forest);border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:13px;padding:14px 22px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.hero-cta:hover,.btn-primary:hover{background:#1b382a;transform:translateY(-1px)}.hero-cta .icon,.btn-primary .icon{width:17px;height:17px}.hero-meta{display:flex;gap:12px;align-items:center;margin-top:38px;color:#96a497;font-size:11px;letter-spacing:.5px}.meta-line{height:1px;width:26px;background:#9cba9e}
.hero-art{position:relative;min-height:425px}.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.5);inset:auto;top:20px;right:33px;width:440px;height:440px}.ring-two{width:360px;height:360px;top:58px;right:74px;border-color:rgba(255,255,255,.7)}.hero-food{position:absolute;width:645px;max-width:none;right:-58px;top:20px;transform:rotate(-10deg);filter:drop-shadow(0 16px 20px rgba(34,52,38,.12));border-radius:50%}.float-note{position:absolute;z-index:4;background:#fff;box-shadow:0 12px 34px rgba(30,55,41,.12);border-radius:13px;display:flex;flex-direction:column;padding:15px 19px;gap:5px;color:#263f31}.float-note-top{right:34px;top:56px;transform:rotate(5deg)}.float-note-top b{font-size:18px}.float-note-top span:last-child{font-size:11px;color:#92a092}.float-small{font-size:9px!important;letter-spacing:1.3px;color:#af9d79!important}.float-note-bottom{flex-direction:row;align-items:center;gap:12px;bottom:38px;left:15px;padding:13px 19px;transform:rotate(-3deg)}.float-note-bottom b{font-size:13px}.float-note-bottom small{display:block;color:#919d8f;margin-top:5px;font-size:10px}.mini-star{font-size:28px;color:#af8f5a}.hero-deco{position:absolute;color:#a3bd93;font-size:25px}.d1{right:80px;bottom:31px}.d2{left:5px;top:37px;font-size:15px}
.menu-section{padding:76px 0 82px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.overline{color:#a18a72}.overline-rule{display:inline-block;width:31px;height:1px;background:#cfbda4;vertical-align:middle;margin-left:10px}.section-heading h2{font-size:clamp(27px,2.55vw,36px);line-height:1.3;margin:13px 0 5px;letter-spacing:-.8px}.heading-accent{color:#be8159}.section-heading p{font-size:13px;color:#99a298;margin:7px 0}.search-box{width:293px;height:47px;border:1px solid #e4e6df;background:#fff;border-radius:12px;display:flex;align-items:center;gap:11px;padding:0 14px;color:#849188;transition:border .2s,box-shadow .2s}.search-box:focus-within{border-color:#8eac95;box-shadow:0 0 0 3px rgba(94,137,104,.08)}.search-box .icon{width:18px}.search-box input{border:0;outline:none!important;background:transparent;min-width:0;flex:1;font-size:12px;color:var(--ink)}.search-box input::placeholder{color:#a8b0a6}.search-box kbd{border:1px solid #e2e6de;background:#f7f8f5;padding:1px 7px;border-radius:5px;font-size:12px;color:#9da59c}
.menu-toolbar{display:flex;justify-content:space-between;align-items:center;margin:33px 0 23px;gap:18px}.categories{display:flex;gap:9px;overflow:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category-pill,.admin-filter{background:#fff;border:1px solid #e8eae3;border-radius:100px;color:#768479;padding:10px 18px;white-space:nowrap;font-weight:600;font-size:12px;transition:all .2s}.category-pill:hover,.admin-filter:hover{border-color:#a5bcaa;color:var(--forest)}.category-pill.active,.admin-filter.active{background:var(--forest);color:#fff;border-color:var(--forest)}.result-count{font-size:11px;color:#a1a9a0;white-space:nowrap}
.dish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.dish-card{background:#fff;border:1px solid #eeeee9;border-radius:15px;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;min-width:0}.dish-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#e6eadf}.dish-media{height:235px;position:relative;overflow:hidden;cursor:pointer;border:0;background:#edf1e8;width:100%;padding:0;text-align:left}.dish-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.dish-card:hover .dish-media img{transform:scale(1.045)}.dish-badge{position:absolute;left:17px;top:17px;padding:7px 11px;background:rgba(255,255,255,.91);backdrop-filter:blur(8px);font-size:11px;color:#45674f;border-radius:6px;font-weight:700}.dish-unavailable{position:absolute;inset:0;background:rgba(239,240,231,.45);display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px}.dish-unavailable span{background:#687268;padding:9px 20px;border-radius:100px}.dish-card-body{padding:19px 21px 18px}.dish-line{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dish-title{font-weight:800;font-size:18px;letter-spacing:.2px;cursor:pointer}.dish-title:hover{color:#386d49}.dish-category{font-size:11px;color:#99a399;margin-top:4px;white-space:nowrap}.dish-description{color:#909a91;font-size:12px;line-height:1.8;margin:10px 0 15px;min-height:41px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dish-micro{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid #f0f1ec;color:#9aa49c;font-size:11px}.dish-micro svg{width:13px;height:13px;vertical-align:-2px;margin-right:2px}.pepper{letter-spacing:1px;color:#bc8562}.dish-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px}.dish-price{font-size:22px;color:#2b4937;font-weight:800;letter-spacing:-1px}.dish-price small{font-size:13px;margin-right:2px}.dish-actions{display:flex;gap:8px;align-items:center}.recipe-link{display:flex;align-items:center;gap:4px;font-size:12px;color:#909c92;background:none;border:0;padding:8px 5px}.recipe-link .icon{width:13px;height:13px}.recipe-link:hover{color:var(--forest)}.add-btn{width:36px;height:36px;border-radius:50%;border:0;background:#2b533d;color:#fff;display:grid;place-items:center;transition:transform .2s}.add-btn:hover{transform:rotate(90deg);background:#183d2b}.add-btn:disabled{background:#bdc4b9}.add-btn .icon{width:18px;height:18px}.loading{padding:100px 0;text-align:center;color:#809280;grid-column:1/-1}.empty-search{text-align:center;padding:90px 0;background:#fff;border:1px solid var(--line);border-radius:18px}.empty-glyph{font-size:65px;color:#b5c9b5}.empty-search h3{margin:10px 0 4px}.empty-search p{color:var(--muted);font-size:13px}.menu-foot{text-align:center;font-size:12px;letter-spacing:2px;margin-top:55px;color:#a3ad9f}.menu-foot span{color:#c6b59e;padding:0 6px}
.footer{border-top:1px solid var(--line);background:#f7f7f2}.footer-inner{display:flex;align-items:center;gap:24px;justify-content:space-between;min-height:102px;color:#99a69a;font-size:11px}.footer-brand{font-size:21px;color:#355140;font-weight:800}.footer-inner>span:last-child{letter-spacing:1.5px;font-size:9px}
.secondary-view{min-height:calc(100vh - 230px);padding:63px 0 95px}.page-heading{margin:5px 0 37px}.page-heading h1{font-size:38px;margin:9px 0 4px}.page-heading p{font-size:13px;color:#8a998e;margin:0}.admin-heading{display:flex;align-items:end;justify-content:space-between}.outline-btn,.quiet-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#52725c;border:1px solid #dfe7de;border-radius:10px;font-size:12px;padding:11px 17px;font-weight:650}.outline-btn:hover,.quiet-btn:hover{background:#f0f5ed}.outline-btn.small{padding:9px 14px}.outline-btn .icon{width:15px;height:15px}.quiet-btn{border:none;color:#89978b;background:none}.quiet-btn:hover{background:#edf1ea}
.orders-list,.admin-orders-list{display:grid;gap:17px}.order-card,.kitchen-order{border:1px solid #ecefe9;border-radius:15px;background:#fff;overflow:hidden}.order-card{padding:25px}.order-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.order-code{font-size:20px;font-weight:800;color:#284a37}.order-date{color:#a0aba2;font-size:11px;margin-top:6px}.status-pill{padding:8px 12px;border-radius:100px;background:#faf0e2;color:#af7844;font-size:12px;font-weight:700;white-space:nowrap}.status-preparing{background:#e8eef9;color:#5477ab}.status-ready{background:#e9f5e9;color:#437b4b}.status-done{background:#eff1ec;color:#667569}.status-cancelled{background:#f7eaea;color:#bd6767}.order-items-table{margin:18px 0;border-top:1px dashed #e8ebe4;border-bottom:1px dashed #e8ebe4;padding:12px 0}.order-item-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:#5f6e64;font-size:13px}.order-item-row em{font-style:normal;color:#acb4ab;margin-left:7px}.order-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.order-footer span{color:#929f94;font-size:12px}.order-footer strong{font-size:22px;color:#2c4d3b}.order-remark{font-size:12px;color:#9c795b;background:#fbf7f1;border-radius:8px;padding:10px 12px;margin:10px 0}.empty-state{text-align:center;padding:75px 28px;background:#fff;border:1px solid #eff1eb;border-radius:16px}.empty-state svg{width:45px;height:45px;color:#a5baa8}.empty-state h3{font-size:20px;margin:17px 0 5px}.empty-state p{font-size:13px;color:#9ba89b}.empty-state .btn-primary{margin-top:10px}
.login-panel{width:min(100%,440px);margin:24px auto 0;background:#fff;border:1px solid #eceee8;border-radius:18px;padding:38px 37px 34px;box-shadow:0 20px 65px rgba(35,56,39,.04);text-align:center}.login-icon{width:62px;height:62px;background:#eaf1e8;border-radius:20px;color:#4a7654;display:grid;place-items:center;margin:0 auto 17px}.login-icon .icon{width:28px;height:28px}.login-panel h2{font-size:22px;margin:5px 0}.login-panel p{font-size:13px;color:#9ca99e;margin:7px 0 28px}.login-panel form{text-align:left;display:grid;gap:10px}.login-panel form label,.checkout-panel label{font-size:12px;font-weight:700;color:#526257;margin:3px 0}.login-panel input,.checkout-panel input,.checkout-panel select,.checkout-panel textarea{width:100%;border:1px solid #e4e9e1;border-radius:10px;background:#fff;min-height:45px;padding:12px 13px;font-size:13px;color:#2a4232;outline:0}.login-panel input:focus,.checkout-panel input:focus,.checkout-panel select:focus,.checkout-panel textarea:focus{border-color:#87a98f;box-shadow:0 0 0 3px #eaf2e8}.login-panel .btn-primary{margin-top:6px;width:100%}.login-panel small{display:block;color:#a4b0a5;font-size:11px;line-height:1.7;margin-top:22px}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{border-radius:14px;background:#fff;border:1px solid #ecefe8;padding:20px 23px}.stat span{color:#95a296;font-size:12px}.stat strong{font-size:34px;color:#2b4b38;font-weight:800;display:block;margin-top:9px}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px;align-items:start}.admin-main{min-width:0}.admin-toolbar,.availability-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-toolbar h2,.availability-head h2{font-size:20px;margin:0 0 5px}.updated-time{font-size:11px;color:#9aa69b}.admin-filters{display:flex;gap:8px;overflow:auto;margin:19px 0;scrollbar-width:none}.admin-filter{font-size:11px;padding:9px 13px}.kitchen-order{padding:20px}.kitchen-order h3{margin:0;font-size:16px}.kitchen-order-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.kitchen-order-meta small{color:#9da99e;display:block;margin-top:5px}.kitchen-order-dishes{margin-top:15px;border-top:1px solid #edf0ea;padding-top:12px}.kitchen-order-dishes span{display:inline-flex;border-radius:6px;background:#f5f7f2;color:#53705c;font-size:12px;padding:6px 9px;margin-right:6px;margin-bottom:8px}.kitchen-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}.status-btn{border-radius:8px;border:1px solid #dee9df;background:#f4f8f3;color:#507656;font-weight:700;font-size:12px;padding:9px 14px}.status-btn.primary{background:#2a553e;border-color:#2a553e;color:#fff}.status-btn.cancel{color:#bd7972;background:#fff7f6;border-color:#f1e0df}.kitchen-total{margin-left:auto;color:#274d38;font-size:17px;font-weight:800}.availability-panel{border:1px solid #e9eee6;background:#fff;border-radius:15px;padding:22px}.availability-head span{font-size:11px;color:#9caa9d}.availability-panel>p{font-size:11px;line-height:1.9;color:#a1ada3;margin:8px 0 17px}.availability-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eff1ed;gap:8px}.availability-row:last-child{border:0}.availability-row img{width:43px;height:36px;object-fit:cover;border-radius:6px}.availability-name{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{width:37px;height:21px;background:#c6cdc5;border-radius:99px;position:relative;transition:background .2s}.switch-track:before{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .2s}.switch input:checked+.switch-track{background:#3a7951}.switch input:checked+.switch-track:before{transform:translateX(16px)}.switch input:focus-visible+.switch-track{outline:3px solid #b7ccbd;outline-offset:3px}
.overlay{position:fixed;inset:0;background:rgba(19,34,27,.39);z-index:80;animation:fadeIn .15s}.cart-drawer{width:min(100%,465px);position:fixed;right:0;top:0;bottom:0;z-index:81;background:#fff;box-shadow:-8px 0 44px #12251b24;display:flex;flex-direction:column;animation:slideIn .23s}.drawer-header{padding:32px 32px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ecf0e9}.drawer-header h2{font-size:25px;margin:8px 0 0}.drawer-header h2 span{font-size:13px;font-weight:400;color:#9baa9e}.icon-button{background:#f2f5f0;border:0;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#58745d}.icon-button:hover{background:#e6ede4}.icon-button .icon{width:17px;height:17px}.cart-items{flex:1;overflow:auto;padding:12px 30px}.cart-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #edf0e9}.cart-row img{height:72px;width:98px;object-fit:cover;border-radius:9px;background:#eef2e9}.cart-row-copy{flex:1;min-width:0}.cart-row-copy b{font-size:14px;display:block}.cart-row-copy small{display:block;color:#9aa79a;margin-top:7px}.cart-row-copy strong{font-size:16px;color:#30513d;display:block;margin-top:9px}.qty-control{display:flex;align-items:center;gap:9px;border-radius:99px;background:#f4f7f2;padding:5px}.qty-control button{width:22px;height:22px;border:none;border-radius:50%;background:#fff;color:#55715d;display:grid;place-items:center}.qty-control .icon{width:13px;height:13px}.qty-control span{font-size:12px;font-weight:700;min-width:12px;text-align:center}.cart-checkout{padding:24px 30px 30px;border-top:1px solid #edf0e9}.cart-totals{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#8b9b8d;font-size:13px}.cart-totals strong{font-size:27px;color:#254734}.cart-checkout .btn-primary{width:100%;padding:15px 12px}.cart-checkout p{font-size:11px;color:#adb7ae;text-align:center;margin:11px 0 0}.cart-empty{display:grid;justify-items:center;align-content:center;height:100%;min-height:230px;text-align:center}.cart-empty .icon{width:44px;height:44px;color:#a6bea7}.cart-empty h3{margin:16px 0 2px}.cart-empty p{font-size:12px;color:#9ca99d}.cart-empty button{margin-top:10px}
.modal-wrap{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(22,35,27,.5);backdrop-filter:blur(2px);animation:fadeIn .15s}.recipe-panel,.checkout-panel,.success-panel{position:relative;background:#fff;z-index:1;border-radius:19px;max-height:min(92vh,850px);overflow:hidden;box-shadow:0 28px 95px #101f1733;animation:modalIn .2s}.recipe-panel{width:min(100%,870px)}.recipe-scroll{max-height:min(92vh,850px);overflow-y:auto}.recipe-close{position:absolute;z-index:4;right:18px;top:18px;background:#ffffffed}.recipe-banner{width:100%;height:330px;object-fit:cover;background:#ecf3e8}.recipe-body{padding:34px 46px 40px}.recipe-topline{display:flex;align-items:center;gap:13px;font-size:11px;color:#b58761;font-weight:700}.recipe-body h2{font-size:30px;margin:12px 0 8px}.recipe-body>p{color:#86988a;font-size:13px;margin:4px 0 22px}.recipe-facts{display:flex;flex-wrap:wrap;gap:10px}.recipe-facts span{background:#f1f6ef;color:#547357;border-radius:6px;padding:8px 12px;font-size:11px}.recipe-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:34px;padding-top:32px;margin-top:28px;border-top:1px solid #eef0ea}.recipe-columns h3{margin:0 0 18px;font-size:16px}.ingredients{padding:0;margin:0;list-style:none}.ingredients li{display:flex;align-items:start;gap:11px;color:#657467;font-size:12px;line-height:1.8;margin:0 0 13px}.ingredients li:before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#a3bd9a;margin-top:7px}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;gap:13px;margin-bottom:17px;color:#6b776d;font-size:12px;line-height:1.85}.step-no{flex:0 0 25px;height:25px;border-radius:7px;background:#e7eee4;color:#527858;display:grid;place-items:center;font-weight:800;font-size:11px}.recipe-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff1eb;margin-top:23px;padding-top:21px}.recipe-bottom strong{font-size:26px;color:#294c37}.recipe-bottom strong small{font-size:13px}.recipe-bottom button{padding:13px 18px}.recipe-note{font-size:11px;color:#a8b0a8;margin-top:19px;line-height:1.7}
.checkout-panel{width:min(100%,510px);overflow:auto;padding:36px 40px;max-height:92vh}.modal-close{position:absolute;top:17px;right:17px}.checkout-panel h2{font-size:26px;margin:11px 0 5px}.checkout-panel>p{font-size:13px;color:#9aaa9a;margin:0 0 24px}.checkout-panel form{display:grid;gap:9px}.checkout-panel label{margin-top:8px}.checkout-panel label span{color:#c68664}.checkout-panel textarea{resize:vertical;min-height:86px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-row>div{min-width:0;display:grid;gap:7px}.input-row label{margin-top:10px}.checkout-summary{display:flex;justify-content:space-between;padding:16px 0;border-top:1px dashed #e1e9df;margin-top:13px;font-size:13px;color:#829386}.checkout-summary strong{font-size:23px;color:#234932}.checkout-panel form .btn-primary{width:100%;margin-top:2px;padding:15px 12px}.checkout-panel form small{font-size:11px;color:#a8b2a9;text-align:center;margin-top:4px}
.success-panel{width:min(100%,420px);text-align:center;padding:45px 42px 38px}.success-mark{height:70px;width:70px;display:grid;place-items:center;border-radius:50%;background:#e6f3e9;color:#357448;margin:0 auto 21px}.success-mark .icon{width:33px;height:33px;stroke-width:2.4}.success-panel h2{font-size:27px;margin:9px 0 5px}.success-panel>p{font-size:13px;color:#9da99e;margin-top:0}.success-code{background:#f6f7f2;border:1px dashed #d6e2d4;border-radius:12px;padding:16px;display:grid;gap:6px;margin:25px 0}.success-code span{font-size:11px;color:#9dab9e}.success-code strong{font-size:23px;letter-spacing:2px;color:#244c37}.success-panel .btn-primary{width:100%}.success-panel .quiet-btn{margin:14px auto 0;background:none}
.floating-cart{position:fixed;z-index:39;bottom:22px;left:50%;transform:translateX(-50%);max-width:430px;width:calc(100% - 36px);display:flex;align-items:center;gap:14px;padding:15px 19px;border:0;color:#fff;background:var(--forest);border-radius:13px;box-shadow:0 12px 36px #1938254a;text-align:left}.floating-cart span{font-size:12px}.floating-cart span strong{font-size:15px}.floating-cart .float-price{margin-left:auto;font-size:19px;font-weight:800}.floating-cart>.icon:last-child{width:17px}.toast{pointer-events:none;opacity:0;position:fixed;z-index:200;left:50%;bottom:30px;transform:translate(-50%,14px);border-radius:11px;background:#234834;color:#fff;font-size:13px;padding:14px 20px;box-shadow:0 15px 30px #183b2660;transition:all .25s;min-width:150px;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#9d4c42}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes modalIn{from{transform:translateY(15px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@media(max-width:1160px){.page-width{width:calc(100% - 64px)}.brand-tagline,.brand-divider{display:none}.hero-copy{padding-left:50px}.hero-food{width:570px;right:-110px;top:35px}.dish-media{height:203px}.float-note-top{right:7px}.primary-nav{gap:23px}.dish-grid{gap:17px}}
@media(max-width:900px){.header{height:74px}.page-width{width:calc(100% - 42px)}.brand-name{font-size:21px}.brand-icon{width:37px;height:37px}.brand{gap:7px}.primary-nav{gap:14px}.nav-item{font-size:12px}.top-cart{padding:9px 10px;gap:6px}.top-cart>span:not(.cart-count){display:none}.hero{min-height:355px;grid-template-columns:1.15fr .85fr}.hero-copy{padding:54px 0 37px 37px}.hero h1{font-size:41px}.hero-art{min-height:355px}.hero-food{width:490px;right:-160px;top:18px}.float-note-top{right:1px;top:38px;scale:.86}.float-note-bottom{left:-2px;bottom:24px;scale:.88}.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dish-media{height:240px}.admin-layout{grid-template-columns:1fr}.availability-panel{order:-1}.availability-panel #availabilityList{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.admin-stats{gap:10px}}
@media(max-width:600px){.header{height:68px}.page-width{width:calc(100% - 32px)}.header-inner{gap:9px}.brand-icon{width:33px;height:33px;border-radius:10px}.brand-name{font-size:19px}.primary-nav{gap:12px;margin-left:auto}.nav-item{font-size:11px}.top-cart{padding:7px 9px;border:none;background:#edf2eb}.top-cart .icon{width:17px}.cart-count{min-width:18px;height:18px;font-size:10px}.hero{margin-top:16px;min-height:476px;display:block;border-radius:15px}.hero-copy{padding:36px 23px 0}.hero-eyebrow{font-size:8px;letter-spacing:2px}.hero h1{font-size:37px;line-height:1.21;margin:13px 0 9px}.hero p{font-size:11px;line-height:1.8;margin:0 0 17px}.desktop-break{display:none}.hero-cta{padding:11px 15px;font-size:12px}.hero-meta{display:none}.hero-art{min-height:210px;height:210px}.hero-food{width:360px;right:-48px;top:-14px;transform:rotate(-9deg)}.hero-ring{width:245px;height:245px;right:20px;top:0}.ring-two{width:170px;height:170px;right:57px;top:38px}.float-note{padding:10px 12px}.float-note-top{right:7px;top:20px;scale:.75;transform-origin:right top}.float-note-bottom{bottom:10px;left:3px;scale:.73;transform-origin:left bottom}.hero-deco{display:none}.menu-section{padding:45px 0 85px}.section-heading{align-items:stretch;display:grid;gap:17px}.section-heading h2{font-size:26px}.section-heading p{font-size:11px}.search-box{width:100%;height:43px}.menu-toolbar{margin:22px 0 15px;display:block}.categories{gap:7px;margin-right:-16px;padding-right:16px}.category-pill{padding:9px 13px;font-size:11px}.result-count{display:block;margin-top:13px}.dish-grid{gap:11px}.dish-card{border-radius:12px}.dish-media{height:auto;aspect-ratio:1.27}.dish-badge{left:8px;top:8px;font-size:9px;padding:5px 8px}.dish-card-body{padding:12px 12px 13px}.dish-line{display:block}.dish-title{font-size:15px}.dish-category{font-size:9px;margin-top:3px}.dish-description{font-size:10px;line-height:1.65;min-height:33px;margin:6px 0 9px}.dish-micro{gap:8px;font-size:9px;padding-bottom:11px}.dish-micro svg{width:10px;height:10px}.dish-bottom{padding-top:10px}.dish-price{font-size:18px}.dish-price small{font-size:11px}.dish-actions{gap:0}.recipe-link{display:none}.add-btn{width:32px;height:32px}.add-btn .icon{width:16px}.menu-foot{font-size:10px;margin-top:36px}.footer-inner{min-height:78px;gap:10px}.footer-inner span:nth-child(2){font-size:10px}.footer-inner>span:last-child{display:none}.secondary-view{padding:40px 0 65px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.login-panel{padding:28px 23px}.admin-stats{grid-template-columns:repeat(2,1fr)}.stat{padding:14px}.stat strong{font-size:27px}.availability-panel{padding:17px}.availability-panel #availabilityList{grid-template-columns:1fr 1fr;gap:0 10px}.availability-name{font-size:10px;gap:5px}.availability-row img{width:35px;height:28px}.switch-track{width:33px;height:19px}.switch-track:before{width:13px;height:13px}.switch input:checked+.switch-track:before{transform:translateX(14px)}.kitchen-order{padding:15px}.kitchen-order-meta{align-items:start}.kitchen-total{margin-left:0}.order-card{padding:20px}.recipe-panel{max-height:100%;width:100%;border-radius:16px 16px 0 0;margin-top:auto}.modal-wrap{padding:0;align-items:flex-end}.recipe-scroll{max-height:calc(100dvh - 24px)}.recipe-banner{height:220px}.recipe-body{padding:23px 22px 30px}.recipe-body h2{font-size:25px}.recipe-columns{grid-template-columns:1fr;gap:20px;padding-top:23px;margin-top:22px}.recipe-columns h3{margin-bottom:12px}.ingredients{display:grid;grid-template-columns:1fr 1fr;column-gap:8px}.ingredients li{font-size:11px}.recipe-bottom{gap:10px}.recipe-bottom button{font-size:12px;padding:11px 12px}.recipe-bottom strong{font-size:22px}.checkout-panel,.success-panel{width:100%;border-radius:17px 17px 0 0;max-height:95dvh;overflow:auto;padding:30px 24px 22px}.checkout-panel h2{font-size:23px}.checkout-panel>p{margin-bottom:15px}.checkout-panel input,.checkout-panel select,.checkout-panel textarea{min-height:43px}.success-panel{padding:40px 24px 27px}.drawer-header{padding:24px 22px 18px}.cart-items{padding:10px 20px}.cart-checkout{padding:18px 20px 23px}.cart-row img{width:78px;height:60px}.cart-row{gap:11px}.cart-row-copy b{font-size:12px}.floating-cart{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.toast{bottom:90px;max-width:calc(100% - 48px)}}
@media(max-width:350px){.nav-item{font-size:10px}.primary-nav{gap:7px}.brand-name{font-size:17px}.top-cart{padding:5px 6px}.dish-title{font-size:13px}.dish-micro{gap:5px}.dish-card-body{padding:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* === Kitchen dish management · v3 === */
.availability-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.availability-head h2{margin:0 0 5px}
.availability-head span{display:block;font-size:11px;color:#96a198}
.admin-new-btn{font-size:12px;padding:10px 12px;white-space:nowrap;gap:5px;border-radius:9px}
.admin-new-btn .icon{height:15px;width:15px}
.availability-row{gap:10px;min-width:0}
.availability-name{flex:1;min-width:0;align-items:center}
.availability-name>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.availability-name b{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:135px}
.availability-name small{font-size:10px;color:#98a49a;white-space:nowrap}
.dish-manage-actions{display:flex;flex-shrink:0;align-items:center;gap:5px}
.admin-edit-dish,.admin-delete-dish{background:transparent;border:1px solid #e2e9df;border-radius:6px;color:#51705a;font-size:10px;padding:5px 7px;transition:background .2s}
.admin-edit-dish:hover{background:#e9f1e7}
.admin-delete-dish{color:#a17a6e}
.admin-delete-dish:hover{background:#fff0ec}
.editor-empty{font-size:12px;color:#83958c}
.dish-editor-panel{position:relative;width:min(980px,100%);max-height:min(95vh,960px);overflow:hidden;background:#fff;border-radius:18px;display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(14,34,22,.23);animation:modalIn .25s ease}
.dish-editor-header{display:flex;align-items:start;justify-content:space-between;padding:26px 32px 20px;border-bottom:1px solid #eaf0e9;gap:18px}
.dish-editor-header .overline{font-size:9px}
.dish-editor-header h2{font-size:24px;margin:8px 0 5px}
.dish-editor-header p{margin:0;font-size:12px;color:#95a197}
.dish-editor-panel form{overflow-y:auto;overscroll-behavior:contain}
.dish-editor-layout{display:grid;grid-template-columns:265px 1fr;gap:30px;padding:26px 32px 22px}
.dish-editor-photo .editor-label{margin-bottom:11px}
.photo-frame{aspect-ratio:1.24;border:1px solid #dfe9dc;border-radius:13px;background:#edf2ea;overflow:hidden}
.photo-frame img{width:100%;height:100%;object-fit:cover}
.photo-upload-btn{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 15px;margin-top:12px;border:1px dashed #99baa0;background:#f3f8f1;border-radius:9px;font-weight:700;color:#40694a;font-size:12px;cursor:pointer}
.photo-upload-btn:hover{background:#eaf3e8}
.photo-upload-btn .icon{width:16px;height:16px}
.dish-editor-photo>p{font-size:11px;color:#9aa79d;line-height:1.8;margin:13px 0}
.dish-editor-fields{display:grid;gap:17px}
.dish-editor-fields>div{min-width:0}
.dish-editor-fields .editor-row{display:grid;gap:13px}
.dish-editor-fields .two{grid-template-columns:1fr 1fr}
.dish-editor-fields .three{grid-template-columns:1fr 1fr 1fr}
.dish-editor-fields .editor-row>div{min-width:0}
.editor-label{display:block;font-size:12px;font-weight:700;color:#425b48;margin-bottom:8px}
.editor-label b{color:#c48068}
.editor-label span{font-size:10px;color:#a2afa3;font-weight:400;margin-left:5px}
.dish-editor-fields input:not([type=file]),.dish-editor-fields select,.dish-editor-fields textarea{display:block;width:100%;border:1px solid #e0e8df;background:#fbfcfa;color:#2b3d31;border-radius:9px;font-size:13px;outline:none;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s}
.dish-editor-fields input:not([type=file]):focus,.dish-editor-fields select:focus,.dish-editor-fields textarea:focus{border-color:#7ea68a;box-shadow:0 0 0 3px #84a38b1d}
.dish-editor-fields textarea{line-height:1.8;min-height:75px}
.dish-editor-fields #dishIngredients{min-height:124px}
.dish-editor-fields #dishSteps{min-height:155px}
.dish-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px;border-top:1px solid #eaf0e9;background:#fff}
.dish-editor-footer>span{font-size:11px;color:#95a397}
.dish-editor-footer>div{display:flex;gap:9px;align-items:center}
.dish-editor-footer .outline-btn,.dish-editor-footer .btn-primary{padding:11px 17px;font-size:12px;border-radius:9px;white-space:nowrap}
@media(max-width:900px){.availability-panel #availabilityList{display:block}.availability-name b{max-width:350px}}
@media(max-width:650px){.dish-editor-panel{width:100%;max-height:96dvh;border-radius:16px 16px 0 0}.dish-editor-header{padding:20px 18px 15px}.dish-editor-header h2{font-size:21px}.dish-editor-layout{grid-template-columns:1fr;gap:18px;padding:18px}.dish-editor-photo{display:grid;grid-template-columns:110px 1fr;gap:9px 13px;align-items:center}.dish-editor-photo .editor-label{grid-column:1/-1;margin-bottom:0}.dish-editor-photo .photo-frame{grid-row:span 2}.dish-editor-photo .photo-upload-btn{margin:0;min-height:45px}.dish-editor-photo>p{margin:0;font-size:10px}.dish-editor-fields .editor-row.two{grid-template-columns:1fr 1fr}.dish-editor-fields .editor-row.three{grid-template-columns:1fr 1fr 1fr}.dish-editor-footer{position:sticky;bottom:0;padding:13px 18px}.dish-editor-footer>span{display:none}.dish-editor-footer>div{width:100%;justify-content:stretch}.dish-editor-footer button{flex:1}.availability-name b{max-width:110px}.dish-manage-actions{gap:3px}.admin-edit-dish,.admin-delete-dish{font-size:10px;padding:5px}.admin-new-btn{padding:9px 10px}}

/* Editable homepage cover */
.hero-photo-mode .hero-food {width:min(78%,450px);height:330px;object-fit:cover;border-radius:26px;right:6%;top:45px;transform:rotate(-5deg);filter:drop-shadow(0 16px 26px rgba(30,55,41,.14))}
.hero-management{background:#fff;border:1px solid #e9eee6;border-radius:16px;margin:0 0 28px;padding:23px}
.hero-management-head h2{font-size:20px;margin:8px 0 5px}.hero-management-head p{font-size:12px;color:#86988a;margin:0}
.hero-management-content{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;margin-top:19px;align-items:start}
.hero-cover-preview{background:#edf3ea;border-radius:14px;overflow:hidden;aspect-ratio:1.35;display:grid;place-items:center}
.hero-cover-preview img{width:100%;height:100%;object-fit:cover}
.hero-cover-controls{display:grid;gap:12px;min-width:0}.hero-mode-select{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:700;color:#42664e}
.hero-mode-select label{display:flex;gap:6px;align-items:center;cursor:pointer}.hero-mode-select input{accent-color:#31583e}
.hero-cover-controls .editor-label{display:block;font-size:12px;font-weight:700;margin:0 0 6px;color:#506a57}
.hero-field{display:block;width:100%;padding:10px 11px;background:#fff;border:1px solid #dfe8de;border-radius:9px;min-height:41px;color:#345442;outline:none;font:inherit;font-size:13px}
.hero-cover-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:10px}.hero-cover-fields label{font-size:12px;color:#667d6b}
.hero-cover-fields input{margin-top:5px}.hero-cover-controls small{display:block;font-size:11px;color:#94a399;margin-top:7px}
.hero-cover-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:5px}.hero-cover-footer .btn-primary{font-size:12px;padding:10px 15px}.hero-cover-footer span{font-size:11px;color:#91a093}
@media(max-width:750px){.hero-management-content{grid-template-columns:1fr;gap:14px}.hero-cover-preview{aspect-ratio:2.2;max-height:170px}.hero-cover-fields{grid-template-columns:1fr}.hero-photo-mode .hero-food{width:260px;height:200px;right:0;top:4px;border-radius:17px}}

/* LAN QR-share feature */
.top-share{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:var(--forest);border:1px solid var(--forest);color:#fff;border-radius:999px;padding:12px 17px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}
.top-share:hover{background:#1c3d2b;transform:translateY(-1px)}.top-share .icon{width:19px;height:19px}
.header-inner{gap:15px}.primary-nav{gap:23px}
.share-panel{width:min(490px,calc(100% - 20px));max-height:95dvh;overflow:auto;background:white;position:relative;z-index:1;border-radius:19px;box-shadow:0 30px 100px rgba(20,37,27,.2);padding:34px 34px 27px;text-align:center}
.share-close{position:absolute;right:15px;top:15px}.share-print-area .overline{font-size:9px;color:#8c9e8d;letter-spacing:2px}
.share-print-area h2{font-size:27px;color:#244434;margin:12px 0 6px;font-weight:780;letter-spacing:.2px}
.share-intro{font-size:12px;color:#7e9081;margin:0 0 15px}
.share-qr-box{width:290px;height:290px;max-width:100%;display:grid;place-items:center;margin:0 auto 4px;background:#fff;border:1px solid #edf0e9;border-radius:15px;padding:12px;box-shadow:0 6px 20px rgba(21,42,24,.045)}
.share-qr-box img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.share-qr-link{color:#31543c;font-size:14px;font-weight:700;margin:12px auto 2px;overflow-wrap:anywhere}
.share-scan-hint{font-size:11px;color:#94a399;margin:0 0 15px}
.share-tools{border-top:1px solid #edf0ea;padding-top:18px;text-align:left}
.share-tools>label{display:block;font-size:12px;font-weight:700;color:#485e4c;margin-bottom:8px}
.share-address-row{display:flex;gap:8px}.share-address-row input{min-width:0;flex:1;border:1px solid #d9e3d8;border-radius:9px;min-height:41px;padding:9px 12px;color:#284635;font-size:12px}
.share-address-row button{font-size:12px;padding:8px 12px;border-radius:9px;white-space:nowrap}
.share-actions{display:flex;gap:8px;margin-top:12px;align-items:center}.share-actions>*{flex:1;min-width:0;text-align:center;justify-content:center;font-size:12px!important;padding:10px 7px!important;border-radius:9px!important}
.share-download{display:inline-flex;align-items:center;text-decoration:none}.share-warning{font-size:10px;color:#92a097;margin:13px 0 0;line-height:1.65}
@media(max-width:1080px){.primary-nav{gap:14px}.top-share{padding:10px 12px}.top-share span{display:none}}
@media(max-width:600px){.header-inner{gap:7px}.top-share{padding:7px 8px;border-radius:10px}.top-share .icon{width:18px;height:18px}.share-modal{align-items:center;padding:12px}.share-panel{width:100%;max-height:94dvh;padding:30px 20px 20px;border-radius:17px}.share-print-area h2{font-size:23px}.share-qr-box{width:260px;height:260px}.share-actions>*{font-size:11px!important}}
@media print{body>*{display:none!important}body{background:white!important}body>.share-modal{display:flex!important;position:static!important;padding:0!important;background:white!important;align-items:center!important;justify-content:center!important}body>.share-modal .modal-backdrop,body>.share-modal .share-close,body>.share-modal .share-tools{display:none!important}body>.share-modal .share-panel{display:block!important;position:static;max-height:none!important;overflow:visible!important;width:100%!important;border:0!important;box-shadow:none!important;padding:32mm 10mm!important}body>.share-modal .share-qr-box{width:98mm!important;height:98mm!important;box-shadow:none!important}body>.share-modal .share-print-area h2{font-size:32px}}

@media(max-width:380px){.header-inner{gap:4px}.brand-icon{display:none}.brand-name{font-size:17px}.primary-nav{gap:6px}.nav-item{font-size:10px}.top-share{padding:6px}.top-cart{padding:6px}}

@media(max-width:600px){.brand-icon{display:none}.brand{gap:0}.brand-name{font-size:18px}.primary-nav{gap:7px}.nav-item{font-size:10.5px}.top-share{padding:7px}.top-cart{padding:7px}}
@media(max-width:380px){.brand-name{font-size:16px}.primary-nav{gap:5px}.nav-item{font-size:10px}.top-share{padding:6px}.top-cart{padding:6px}}