.cafe-demo{color:#211d19;font-size:16px;line-height:1.7}.cafe-demo *{box-sizing:border-box}.cafe-demo button{font:inherit;cursor:pointer;transition:background .2s,color .2s,transform .2s}.cafe-demo button:disabled{opacity:.45;cursor:not-allowed}.cafe-demo button:focus-visible{outline-offset:4px;outline:3px solid #dc3826}.cafe-eyebrow{letter-spacing:.13em;color:#bd3022;font-size:11px;font-weight:700}.cafe-intro{grid-template-columns:1fr 1fr;align-items:end;gap:45px;margin-bottom:28px;display:grid}.cafe-intro h2{letter-spacing:-.035em;margin:12px 0 0;font-size:32px;line-height:1.5}.cafe-intro p{max-width:460px;margin:0;font-size:15px;line-height:1.9}.cafe-intro p strong{margin-top:8px;font-weight:500;display:block}.cafe-steps{border-block:1px solid #c9c1b7;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.cafe-steps li{color:#777067;align-items:center;gap:16px;padding:16px 12px;font-size:15px;display:flex}.cafe-steps li[aria-current]{color:#b82e20;background:#e9e2d9}.cafe-steps b{letter-spacing:.06em;font-size:12px}.cafe-demo-notice{color:#696158;margin:18px 0 28px;font-size:12px;line-height:1.9}.cafe-demo-notice b{color:#b82e20;margin-right:12px}.cafe-experience{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.cafe-customer,.cafe-store{border:1px solid #c9c1b7;min-width:0;scroll-margin-top:105px}.cafe-customer{background:#fffdf9;border-radius:20px 20px 6px 6px;overflow:clip}.cafe-device-label{color:#514b43;background:#eae4dc;border-bottom:1px solid #d8d0c6;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:12px;font-weight:600;display:flex}.cafe-device-label small{font-size:11px;font-weight:400}.cafe-brand{background:#f6f0e6;border-bottom:1px solid #e3ddd4;padding:28px 24px 26px}.cafe-brand>span{letter-spacing:.13em;font-size:10px}.cafe-brand h2{letter-spacing:-.05em;margin:12px 0 2px;font-size:36px;line-height:1.2}.cafe-brand h2 span{color:#dc3826}.cafe-brand p{color:#716354;margin:7px 0 0;font-size:13px}.cafe-menu-heading{justify-content:space-between;align-items:center;gap:8px;padding:24px 20px 14px;display:flex}.cafe-menu-heading h3{margin:0;font-size:17px}.cafe-menu-heading>span{color:#746a60;font-size:10px}.cafe-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:0 20px 24px;display:grid}.cafe-menu-card{background:#fff;border:1px solid #e2d9cd;border-radius:5px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.cafe-menu-card.has-items{border-color:#dc3826;box-shadow:0 0 0 1px #dc3826}.cafe-photo{aspect-ratio:1;background-color:#ebe1d3;background-image:url(/cafe-menu-demo-v1.png);background-repeat:no-repeat;background-size:200% 200%;position:relative}.cafe-photo>span{letter-spacing:.09em;background:#fffdf5ed;padding:3px 7px;font-size:9px;position:absolute;bottom:10px;left:10px}.cafe-menu-copy{padding:14px}.cafe-menu-copy h4{word-break:normal;overflow-wrap:anywhere;min-height:52px;margin:0;font-size:16px;line-height:1.6}.cafe-menu-copy p{color:#746a60;min-height:42px;margin:6px 0 10px;font-size:12px;line-height:1.7}.cafe-menu-copy>strong{font-size:20px}.cafe-menu-copy h4>span{white-space:nowrap;display:inline-block}.cafe-quantity{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.cafe-quantity button{background:#fffdf9;border:1px solid #c9bcaa;min-width:44px;height:44px;font-size:20px}.cafe-quantity output{font-size:17px;font-weight:700}.cafe-quantity .cafe-add{justify-content:space-between;align-items:center;width:100%;padding:0 12px;font-size:14px;display:flex}.cafe-quantity button:hover:not(:disabled){background:#eee4d5}.cafe-cartbar{z-index:2;background:#fffdf9;border-top:1px solid #d3c8b9;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #211d1908}.cafe-cartbar>div{gap:2px;display:grid}.cafe-cartbar>div span{color:#756755;font-size:12px}.cafe-cartbar strong{font-size:25px}.cafe-demo .cafe-primary{color:#fff;background:#cc3324;border:1px solid #cc3324;border-radius:3px;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.cafe-demo .cafe-primary:hover:not(:disabled){background:#aa291d;transform:translateY(-2px)}.cafe-demo .cafe-text-button{min-height:44px;color:inherit;background:0 0;border:0;border-bottom:1px solid #ad9b86;padding:12px 0;font-size:13px}.cafe-demo .cafe-text-button:hover{color:#bd3022}.cafe-review,.cafe-complete{padding:28px 24px}.cafe-review h3,.cafe-complete h3{margin:12px 0;font-size:23px;line-height:1.5}.cafe-review>p,.cafe-complete>p{font-size:14px;line-height:1.9}.cafe-line-items{border-top:1px solid #d4cbbb;margin:24px 0 0;padding:0;list-style:none}.cafe-line-items li{border-bottom:1px solid #d4cbbb;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 0;font-size:14px;display:grid}.cafe-line-items small{color:#786b5c;margin-top:4px;font-size:13px;display:block}.cafe-line-items strong{white-space:nowrap}.cafe-review-photo{border-radius:4px;width:80px}.cafe-review-item-copy{min-width:0;line-height:1.7}.cafe-review-item-copy>span>span{display:inline-block}.cafe-total{justify-content:space-between;align-items:center;gap:12px;padding:22px 0;font-size:14px;display:flex}.cafe-total strong{font-size:28px}.cafe-review .cafe-small{color:#796b5b;font-size:12px}.cafe-review>.cafe-primary,.cafe-complete>.cafe-primary{width:100%;margin-top:20px}.cafe-complete{text-align:center}.cafe-success-mark{color:#507951;border:1px solid #507951;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:28px;display:grid}.cafe-customer-status{background:#eef0e7;gap:6px;margin:22px 0;padding:20px;display:grid}.cafe-customer-status>span{font-size:12px}.cafe-customer-status strong{font-size:24px}.cafe-customer-status small{font-size:12px}.cafe-store{color:#f5f1e9;background:#242522;border-color:#3f413a;border-radius:10px;position:sticky;top:104px;overflow:clip}.cafe-store .cafe-device-label{color:#d4d6c9;background:#31332e;border-color:#45473e}.cafe-store-header{border-bottom:1px solid #44463e;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.cafe-store-header .cafe-eyebrow{color:#e9a08a}.cafe-store-header h2{margin:10px 0 0;font-size:26px}.cafe-active-count{text-align:center;font-size:36px;line-height:1.3;display:grid}.cafe-active-count small{color:#b1b7a9;font-size:11px}.cafe-empty{text-align:center;padding:45px 20px}.cafe-empty>span{color:#a1a996;font-size:36px}.cafe-empty h3{font-size:20px}.cafe-empty p{color:#c3c7ba;font-size:14px;line-height:1.9}.cafe-tickets{overscroll-behavior:contain;gap:16px;max-height:520px;padding:20px;display:grid;overflow:auto}.cafe-ticket{color:#242522;background:#fbf8f0;border-left:4px solid #dc3826;border-radius:4px;padding:18px}.cafe-ticket.is-served{border-left-color:#6e8755}.cafe-ticket>header{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.cafe-ticket header b{margin-right:8px;font-size:19px}.cafe-status-badge{white-space:nowrap;background:#e7e9df;padding:3px 8px;font-size:11px}.cafe-ticket ul{border-block:1px dashed #c1b9a9;gap:10px;margin:12px 0;padding:14px 0;list-style:none;display:grid}.cafe-ticket li{justify-content:space-between;gap:12px;font-size:14px;display:flex}.cafe-ticket li b{white-space:nowrap}.cafe-ticket-total{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cafe-ticket-total span{font-size:11px}.cafe-ticket-total strong{font-size:18px}.cafe-ticket .cafe-primary{width:100%}.cafe-served{color:#47613b;margin-bottom:0;font-size:13px}.cafe-store-note{background:#2d2f29;padding:20px 24px}.cafe-store-note strong{color:#d8ddcd;font-size:13px}.cafe-store-note p{color:#b9bfaf;margin-bottom:0;font-size:12px;line-height:1.9}.cafe-return{margin:4px 24px 16px}.cafe-explanation{border-top:1px solid #c9c1b7;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:36px;padding-top:28px;display:grid}.cafe-explanation h3{margin:10px 0;font-size:21px}.cafe-explanation p{margin:0;font-size:14px;line-height:1.9}.cafe-explanation>p{color:#796b5b;align-self:end;font-size:12px}.cafe-mobile-switch{display:none}@media (max-width:800px){.cafe-line-items li{grid-template-columns:64px minmax(0,1fr);gap:3px 12px}.cafe-review-photo{grid-row:1/3;width:64px}.cafe-review-item-price{grid-column:2}.cafe-review-item-copy>span>span{overflow-wrap:anywhere}.cafe-intro,.cafe-explanation{grid-template-columns:1fr;gap:18px}.cafe-intro h2{font-size:26px}.cafe-intro p{font-size:14px}.cafe-steps li{gap:2px;padding:14px 6px;font-size:12px;display:grid}.cafe-steps b{font-size:11px}.cafe-experience{grid-template-columns:1fr}.cafe-store{position:static}.cafe-customer,.cafe-store{scroll-margin-top:85px}.cafe-mobile-switch{gap:8px;margin-bottom:14px;display:flex}.cafe-mobile-switch button{background:0 0;border:1px solid #c6baaa;flex:1;min-height:46px;font-size:14px}.cafe-mobile-switch button[aria-pressed=true]{color:#fff;background:#242522}.cafe-mobile-switch b{color:#fff;background:#cc3324;border-radius:3px;margin-left:6px;padding:2px 6px;font-size:11px}.cafe-view-customer .cafe-store,.cafe-view-store .cafe-customer{display:none}.cafe-brand{padding:24px 18px}.cafe-brand h2{font-size:32px}.cafe-menu-grid{gap:12px;padding:0 12px 20px}.cafe-menu-heading{padding:22px 12px 14px}.cafe-menu-heading h3{font-size:16px}.cafe-menu-heading>span{font-size:9px}.cafe-menu-copy{padding:12px 10px}.cafe-menu-copy h4{min-height:46px;font-size:14px}.cafe-menu-copy p{min-height:55px;font-size:11px}.cafe-menu-copy>strong{font-size:18px}.cafe-quantity{gap:2px}.cafe-quantity button{min-width:40px}.cafe-quantity .cafe-add{font-size:13px}.cafe-cartbar{padding:14px 12px;padding-bottom:max(14px,env(safe-area-inset-bottom));gap:10px}.cafe-cartbar strong{font-size:23px}.cafe-cartbar .cafe-primary{gap:8px;padding:12px;font-size:12px}.cafe-review,.cafe-complete{padding:24px 18px}.cafe-review h3,.cafe-complete h3{font-size:20px}.cafe-device-label{padding:12px 16px;font-size:11px}.cafe-device-label small{font-size:10px}.cafe-tickets{max-height:none;padding:14px}.cafe-store-header{padding:20px}}@media (prefers-reduced-motion:reduce){.cafe-demo button{transition:none}.cafe-demo .cafe-primary:hover:not(:disabled){transform:none}}@media (max-width:360px){.cafe-menu-grid{grid-template-columns:1fr}.cafe-menu-copy h4,.cafe-menu-copy p{min-height:0}.cafe-photo{aspect-ratio:1}}