.journey-section{padding:95px 0;background:#e9eee2}.journey-section>.wrap{max-width:1420px}.journey-shell{border:1px solid #cbd5c2;border-radius:20px;overflow:hidden;background:#f9faf5;box-shadow:0 30px 60px #18302512}.journey-top{padding:19px 26px;background:#122b23;color:#f5f7e9;display:flex;align-items:center;justify-content:space-between;gap:20px}.journey-top>div{display:flex;align-items:center;gap:12px}.journey-top strong{letter-spacing:2px;font-size:15px}.journey-top strong>span{font-size:8px;letter-spacing:1.4px;color:#c5d0b7;margin-left:12px}.demo-badge{font-size:8px;letter-spacing:1px;color:#b6c8a2}.journey-top>button{background:#ffffff0b;border:1px solid #b7c89140;border-radius:6px;padding:9px 13px;font-size:10px;color:#e4edda}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d7dfcf;background:#f0f3e9}.journey-steps button{padding:20px 12px;display:flex;align-items:center;justify-content:center;gap:10px;background:none;font-size:12px;border-right:1px solid #d9e0d0}.journey-steps button>span{font-size:9px;color:#778867}.journey-steps button[aria-selected=true]{background:#e5c68b;box-shadow:inset 0 -3px #806137}.journey-steps button[aria-selected=true]>span{color:#795f35}#journey-panel{padding:32px;min-height:400px}.journey-disclosure{padding:16px 26px;background:#f0f3e9;border-top:1px solid #d7dfcf;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#78876a}.menu-demo-header{display:flex;justify-content:space-between;gap:30px;margin-bottom:28px;align-items:center}.overline{font-size:8px;letter-spacing:1.5px;color:#82956b}.menu-demo-header h3,.ops-heading h3{font-size:24px;letter-spacing:-.8px;margin-top:10px}.menu-demo-header p{font-size:12px;margin-top:8px}.format-switch{display:flex;border:1px solid #dce1d1;border-radius:10px;padding:5px;gap:4px}.format-switch button{background:transparent;text-align:left;padding:12px 14px;border-radius:7px;min-width:105px}.format-switch button>span{font-size:8px;color:#84956e}.format-switch strong{display:block;font-size:13px;margin:4px 0}.format-switch small{font-size:8px;color:#82936c}.format-switch button[aria-pressed=true]{background:#17362a;color:white}.format-switch button[aria-pressed=true] small,.format-switch button[aria-pressed=true]>span{color:#d8d5ad}.menu-demo-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:start}.product-stage{position:sticky;top:150px;background:#11271e;border-radius:14px;overflow:hidden;color:#eef1df}.stage-topline{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;font-size:8px;letter-spacing:1.5px;color:#dcc28c}.stage-topline b{font-size:17px;letter-spacing:0}.demo-burger-photo{width:100%;height:380px;object-fit:cover;display:block}#burger-canvas{display:block;width:100%;height:380px;touch-action:pan-y;cursor:grab;outline-offset:-4px}#burger-canvas:active{cursor:grabbing}.stage-caption{padding:18px 24px 20px;background:linear-gradient(#142d22,#142d22);border-top:1px solid #abc48c20}.stage-caption span{display:block;color:#acbf9b;font-size:10px;margin-bottom:8px}.stage-caption strong{font-size:21px;font-family:Manrope,sans-serif;font-weight:500}.stage-note{font-size:8px;color:#99ab86;padding:15px 22px;border-top:1px solid #abc48c20;line-height:1.7}.viewer-controls{padding:0 22px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.viewer-controls>label{width:100%;font-size:10px;color:#cbd8b8}.viewer-controls input{height:20px;margin:10px 0 0;padding:0;accent-color:#e6c787}.viewer-controls button{background:#ffffff08;border:1px solid #c2ca9355;border-radius:6px;color:#e5eacb;padding:10px 12px;font-size:10px}.model-note{font-size:8px;color:#9db189}.catalog-top{display:flex;justify-content:space-between;align-items:center}.catalog-top h4{font-size:18px;margin:0}.catalog-top>span{font-size:7px;letter-spacing:1px;color:#869772}.catalog-filters{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.catalog-filters button{background:none;border:1px solid #d6decc;padding:7px 11px;border-radius:20px;font-size:10px}.catalog-filters button[aria-pressed=true]{background:#e4eacf;border-color:#bacb9e}.catalog-item{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #e2e6d9}.catalog-picture{width:68px;height:68px;border-radius:9px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;background:#ece6d2}.catalog-picture img{width:100%;height:100%;object-fit:cover}.catalog-picture>span{font-size:36px}.catalog-picture.lemon{background:#ebefca}.catalog-picture.coffee{background:#e8dfce}.catalog-item>div:nth-child(2){flex:1}.catalog-item strong{font-size:12px}.catalog-item p{font-size:9px;line-height:1.6;margin-top:4px}.catalog-item b{display:block;font-size:12px;margin-top:7px}.add-item{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#1c3829;color:white;font-size:19px}.journey-shell button:disabled{opacity:.45;cursor:not-allowed}.basket{margin-top:23px;background:#eff2e5;border:1px solid #dce4cf;border-radius:10px;padding:20px}.basket-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:13px}.basket-heading>span{font-size:9px;color:#7a8c64}.empty-basket{font-size:11px}.basket-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;padding:8px 0}.basket-line>div{display:flex;align-items:center;gap:9px}.basket-line button{background:#fffef7;width:25px;height:25px;border:1px solid #cdd8bb;border-radius:4px}.order-note-label{font-size:9px;display:block;margin-top:15px;font-weight:400;color:#7c8c6a}.order-note-label input{font-size:10px;padding:9px}.basket-total{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:12px}.basket-total strong{font-size:24px;letter-spacing:-1px}.journey-primary{display:block;width:100%;padding:15px 20px;background:#17352a;color:#f6f8ed;border-radius:7px;font-size:12px;font-weight:500}.journey-primary:hover:not(:disabled){background:#294a34}.journey-secondary{width:100%;padding:14px;background:transparent;font-size:11px;margin-top:8px}.journey-empty{padding:65px 20px;text-align:center}.journey-empty>span{font-size:45px;color:#a3b685}.journey-empty h3{font-size:25px;margin:20px 0 12px}.journey-empty p{font-size:13px}.journey-empty button{max-width:310px;margin:25px auto 0}.ops-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:35px}.status-pill{background:#e6edcf;border:1px solid #d1deb4;border-radius:20px;padding:9px 13px;font-size:10px;white-space:nowrap}.order-layout,.bill-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.kitchen-card{background:white;border:1px solid #dce1d4;border-radius:14px;padding:26px;box-shadow:0 15px 35px #2342250c;align-self:start}.kitchen-card-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #c7d2bc;padding-bottom:23px}.kitchen-card-top>span{font-size:9px;letter-spacing:2px}.kitchen-card-top b{display:block;font-size:46px;letter-spacing:-2px;margin-top:3px}.kitchen-card-top small{display:block;font-size:7px;color:#84956d;letter-spacing:1px}.kitchen-card-top strong{display:block;font-size:13px;margin-top:8px}.kitchen-lines{margin:25px 0}.receipt-row{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:12px 0}.kitchen-note{font-size:11px;padding:13px;background:#f3edda;border-radius:6px}.order-stamp{display:block;font-size:9px;color:#81995e;letter-spacing:1.5px;padding-top:15px;border-top:1px dashed #c7d2bc}.order-timeline{padding:8px 0}.timeline-step{display:flex;gap:18px;padding-bottom:25px;position:relative}.timeline-step>span{border:1px solid #cdd9be;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#8ca279;background:#f8faf0;font-size:12px}.timeline-step.complete>span{background:#264a32;color:#e3f1b9;border-color:#264a32}.timeline-step strong{font-size:14px}.timeline-step p{font-size:11px;margin-top:7px}.order-timeline .journey-primary{margin-top:10px}.receipt{padding:32px;background:white;border:1px solid #dbe2d2;box-shadow:0 20px 40px #1a352111;position:relative;align-self:start}.receipt-brand{font-size:24px;letter-spacing:4px;text-align:center}.receipt-brand span{display:block;font-size:8px;letter-spacing:2px;margin-top:10px;color:#90a276}.receipt h4{margin:28px 0 10px;font-size:13px;text-align:center}.receipt>p{text-align:center;font-size:10px}.receipt-items{margin:25px 0 13px;padding:15px 0;border-top:1px dashed #c6d1bb;border-bottom:1px dashed #c6d1bb}.receipt-grand{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #cfd9c3;margin-top:10px}.receipt-grand>span{font-size:9px;letter-spacing:1px}.receipt-grand>strong{font-size:27px;letter-spacing:-1px}.receipt>small{font-size:9px;color:#899c70}.paid-stamp{border:2px solid #7e9c56;color:#668346;padding:13px;text-align:center;transform:rotate(-4deg);margin-top:30px;font-size:12px;letter-spacing:2px}.payment-panel{padding:12px 0}.payment-panel h4{font-size:21px;margin:0 0 13px}.payment-panel>p{font-size:12px}.payment-options{display:flex;gap:9px;margin-top:25px}.payment-options button{flex:1;padding:18px 6px;border:1px solid #d5dfc8;border-radius:9px;background:white;font-size:22px}.payment-options button>span{display:block;font-size:10px;margin-top:9px}.payment-options button[aria-pressed=true]{background:#e6edce;border-color:#9bb477}.checkout-summary{padding:25px 0;margin-top:15px;display:flex;flex-direction:column;gap:10px}.checkout-summary span{font-size:11px;color:#8a9b77}.checkout-summary strong{font-size:43px;letter-spacing:-2px}.checkout-summary small{font-size:10px;color:#849772}.payment-warning{padding:12px;background:#f4e6c8;border-radius:5px;font-size:10px!important;margin-bottom:15px}.report-hero{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:32px;border-radius:13px;background:radial-gradient(ellipse at 100% 0,#365239,#122c24 70%);color:#f6f9e8}.report-hero .overline{color:#c4d69e}.report-hero h3{font-size:36px;letter-spacing:-1.5px;margin-top:18px;line-height:1.12;font-weight:500}.report-hero h3 em{color:#dfc389}.report-hero p{font-size:11px;color:#afc49b;margin-top:15px}.report-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:330px}.report-controls label{font-size:9px;color:#aebe9c}.report-controls select{font-size:10px;border-color:#a4b88044;background:#203e2e;color:#edf4d9;padding:10px}.report-controls button{grid-column:1/-1;background:#d9c391;color:#253623;padding:10px;border-radius:5px;font-size:10px}.report-notice{padding:15px 0;font-size:10px;color:#718558}.insight-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:6px 0 20px}.insight-kpis article{background:#edf1e2;border:1px solid #dfe6d3;padding:22px 19px;border-radius:11px}.insight-kpis article:first-child{background:#e3edc8;border-color:#d5e2b7}.insight-kpis article>span{font-size:7px;letter-spacing:1px;color:#71895a;display:block}.insight-kpis strong{display:block;font-size:30px;letter-spacing:-1.2px;margin:14px 0 10px;font-weight:500}.insight-kpis i{font-size:11px;font-style:normal;letter-spacing:0;color:#819366}.insight-kpis small{font-size:8px;color:#80936a}.insight-mid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:18px}.insight-card{padding:23px;background:#fffef8;border:1px solid #e0e5d6;border-radius:11px;min-width:0}.insight-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.insight-title h4{margin:0;font-size:14px}.insight-title>span{font-size:7px;letter-spacing:.6px;color:#879a73}.hour-chart{display:flex;height:170px;gap:9px;align-items:stretch;padding-top:25px}.hour-chart>div{flex:1;position:relative;display:flex;align-items:flex-end;padding-bottom:20px;min-width:0}.hour-bar{width:100%;height:var(--bar);min-height:2px;max-height:100%;background:linear-gradient(#b6ce81,#69884d);border-radius:4px 4px 0 0}.hour-chart small{position:absolute;bottom:0;text-align:center;width:100%;font-size:8px;color:#84966d}.bar-value{display:none;position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:#1e3b28;color:white;padding:5px;font-size:9px;border-radius:3px;white-space:nowrap;z-index:1}.hour-chart>div:hover .bar-value{display:block}.payment-breakdown>div{position:relative;margin:18px 0 22px;font-size:10px}.payment-breakdown>div>span{display:inline-flex;align-items:center;gap:7px}.payment-breakdown i{width:7px;height:7px;border-radius:50%}.payment-breakdown strong{float:right;font-size:12px}.pay-meter{height:5px;background:#eef0e7;border-radius:5px;margin-top:12px}.pay-meter b{display:block;height:100%;border-radius:5px}.payment-breakdown small{font-size:7px;display:block;margin-top:5px;text-align:right;color:#8a9975}.analytics-table-wrap{overflow:auto;max-height:320px}.analytics-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:10px}.analytics-table th{font-size:8px;color:#8b9a77;font-weight:400;padding:10px 10px 13px;border-bottom:1px solid #dce3d0}.analytics-table td{padding:14px 10px;border-bottom:1px solid #edf0e6}.analytics-table td:first-child,.analytics-table th:first-child{padding-left:0}.rank{color:#97a97c;margin-right:10px;font-size:8px}.operation-metrics>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ecde;padding:14px 0;font-size:10px;gap:10px}.operation-metrics b{font-size:13px}.transaction-card{margin-top:18px}.transaction-card button{background:none;border-bottom:1px solid #bac9a2;padding:5px 0;font-size:9px}.your-order{background:#eef5dc}.transaction-detail{background:#f0f4e5;border:1px solid #d3dfbd;border-radius:8px;padding:22px;margin-top:24px}.transaction-detail h4{margin:0 0 15px;font-size:14px}.report-footnote{font-size:9px;color:#8a9979;margin-top:18px}.journey-primary:focus-visible,.journey-shell button:focus-visible{outline:3px solid #a58249;outline-offset:3px}#demo-dialog select{appearance:auto;cursor:pointer;min-height:43px;padding-right:30px}#demo-dialog option{color:#1c3528;background:white}form[hidden]{display:none!important}
@media(max-width:1100px){.menu-demo-header{align-items:flex-start;flex-direction:column}.format-switch{width:100%}.format-switch button{flex:1}.menu-demo-grid{gap:20px}.demo-burger-photo,#burger-canvas{height:330px}.insight-kpis strong{font-size:25px}.report-hero{padding:26px}.report-controls{max-width:280px}.catalog-item p{font-size:8px}}
@media(max-width:800px){#journey-panel{padding:23px}.journey-section>.wrap{padding-left:24px;padding-right:24px}.journey-top{padding:17px}.journey-top strong>span{display:none}.demo-badge{font-size:6px}.journey-steps button{font-size:10px;padding:17px 8px;gap:7px}.menu-demo-grid{grid-template-columns:1fr}.product-stage{position:relative;top:auto}.demo-burger-photo,#burger-canvas{height:370px}.catalog-picture{width:75px;height:75px}.catalog-item p{font-size:11px}.catalog-item strong{font-size:14px}.catalog-item b{font-size:14px}.insight-mid{grid-template-columns:1fr}.insight-kpis{grid-template-columns:1fr 1fr}.report-hero{align-items:flex-start;flex-direction:column}.report-controls{max-width:none;width:100%}.report-hero h3{font-size:34px}.order-layout,.bill-layout{gap:23px}.receipt{padding:23px}.receipt-row{font-size:10px}.payment-options{gap:5px}.payment-options button>span{font-size:9px}.ops-heading h3{font-size:21px}.journey-disclosure{font-size:8px}.journey-steps{overflow-x:auto}.journey-top>button{font-size:9px}.insight-kpis article>span{font-size:8px}}
@media(max-width:550px){.journey-section{padding:60px 0}.journey-section>.wrap{padding-left:14px;padding-right:14px}.journey-section .section-heading{padding:0 10px}.journey-shell{border-radius:13px}.journey-top{padding:13px;gap:8px}.journey-top img{width:26px;height:26px}.journey-top strong{font-size:12px}.demo-badge{max-width:105px;line-height:1.6;letter-spacing:.3px;font-size:6px}.journey-top>button{padding:8px;font-size:8px}.journey-steps{grid-template-columns:repeat(4,minmax(100px,1fr))}.journey-steps button{flex-direction:column;font-size:9px;gap:5px;padding:12px 6px}#journey-panel{padding:18px 14px}.menu-demo-header h3{font-size:23px}.menu-demo-header p{font-size:11px}.format-switch{gap:2px;padding:4px}.format-switch button{padding:10px 8px;min-width:0}.format-switch strong{font-size:11px}.format-switch small{font-size:7px}.demo-burger-photo,#burger-canvas{height:300px}.stage-caption strong{font-size:19px}.stage-topline{padding:16px;font-size:7px}.stage-caption{padding:17px}.viewer-controls{padding:0 15px 16px}.stage-note{padding:14px 17px;font-size:7px}.catalog-picture{width:55px;height:60px}.catalog-picture>span{font-size:30px}.catalog-item{gap:10px}.catalog-item strong{font-size:12px}.catalog-item p{font-size:9px}.catalog-item b{font-size:12px}.basket{padding:17px}.basket-line{font-size:10px}.journey-disclosure{padding:13px;flex-direction:column;gap:5px;font-size:7px}.order-layout,.bill-layout{grid-template-columns:1fr}.ops-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:23px}.ops-heading h3{font-size:23px}.kitchen-card{padding:21px}.receipt-row{font-size:12px}.journey-empty{padding:35px 8px}.journey-empty h3{font-size:22px}.journey-empty p{font-size:12px}.report-hero{padding:24px 19px}.report-hero h3{font-size:32px}.report-hero .overline{font-size:6px}.report-hero p{font-size:10px}.report-controls{grid-template-columns:1fr}.report-controls select{font-size:11px}.insight-kpis{gap:8px}.insight-kpis article{padding:16px 12px}.insight-kpis strong{font-size:23px;margin:12px 0 9px}.insight-kpis article>span{font-size:6px;letter-spacing:.5px}.insight-kpis small{font-size:7px;line-height:1.5;display:block}.insight-card{padding:18px 14px}.insight-title h4{font-size:13px}.insight-title>span{font-size:6px}.hour-chart{gap:5px;height:145px}.report-notice{font-size:9px}.report-footnote{font-size:8px}.analytics-table{font-size:9px}.receipt-grand>strong{font-size:24px}.transaction-detail{padding:15px}.catalog-filters button{font-size:9px;padding:7px 9px}.add-item{width:32px;height:32px}.format-switch button[aria-pressed=true]{box-shadow:0 3px 8px #142b1c18}}
@media(prefers-reduced-motion:reduce){.hour-bar{transition:none}}