/* Conversational stages keep the full order legible without growing the hero. */
.ordering-flow{font:14px/1.55 Arial,Helvetica,sans-serif;color:#262a25;gap:16px;outline:none}
.ordering-flow p{margin:0}.ordering-flow .flow-user{background:#f0f0f0;border-radius:18px;padding:11px 15px;align-self:flex-end;max-width:91%;font-size:14px;line-height:1.5}
.flow-agent{font-size:14px;line-height:1.6}
.flow-merchant{display:flex;align-items:center;gap:11px}.flow-merchant>img{width:30px;height:34px;object-fit:contain;flex:none}.flow-merchant strong{display:block;font-size:14px;line-height:1.4;font-weight:600}.flow-merchant div>span{display:block;font-size:11px;color:#81877b;margin-top:2px}
.flow-draft{padding:15px;background:#f5f5f3;border:1px solid #e9eae5;border-radius:17px;display:grid;grid-template-columns:1fr;gap:12px}.flow-draft>img{width:74px;height:52px;object-fit:cover;border-radius:9px}.flow-draft>p{font-size:14px;line-height:1.55}
.flow-action{display:flex;align-items:center;justify-content:center;gap:14px;min-height:43px;width:100%;border:0;border-radius:25px;background:#20251f;color:#fff;padding:11px 18px;font-size:13px;font-weight:500;transition:background .2s}.flow-action:hover{background:#40563a}.flow-action:focus-visible,.hero-pickup-button:focus-visible{outline:2px solid #668758;outline-offset:3px}.flow-action .icon{width:16px;height:16px}.flow-draft .flow-action{width:auto;justify-self:end;padding:10px 16px;min-height:38px;font-size:12px}
.ordering-flow .order-checks{margin-block:2px;padding-inline:12px}.ordering-flow .order-check{min-height:69px}.ordering-flow .order-check-copy strong{font-size:12px}.ordering-flow .order-check-copy>span{font-size:11px}
.flow-checked{display:flex;gap:6px;align-items:center;font-size:11px;color:#658157}.flow-checked .icon{width:14px;height:14px}
.flow-quote{border:1px solid #e6e9e2;border-radius:16px;padding:17px}.flow-quote-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-quote-title div>strong{font-size:14px;font-weight:600;display:block}.flow-quote-title div>span{font-size:11px;color:#82887d;display:block;margin-top:3px}.flow-quote-title>.flow-price{font-size:27px;letter-spacing:-1px;font-weight:500}.flow-included{font-size:10px;color:#788370;padding-block:7px 12px;border-bottom:1px solid #ecefe8}
.flow-facts{margin:12px 0 0;display:grid;gap:9px}.flow-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5}.flow-facts dt{color:#808778;flex:none}.flow-facts dd{margin:0;text-align:right;color:#3b4834}.flow-facts .flow-paid{color:#507643;display:flex;align-items:center;gap:5px}.flow-paid .icon{width:13px;height:13px}
.flow-payment{padding:20px;border:1px solid #e6e9e2;border-radius:17px;background:#fff;box-shadow:0 7px 25px #233f1407}.flow-payment-amount{padding-block:21px;text-align:center}.flow-payment-amount>span{font-size:11px;color:#7e8676}.flow-payment-amount>strong{font-size:43px;letter-spacing:-1.7px;font-weight:500;display:block;color:#252d21;margin-top:3px;line-height:1.25}.flow-payment-amount strong>span{font-size:28px;color:#91988a}
.flow-receipt{padding:12px 5px 4px;text-align:center}.flow-receipt-check{display:grid;place-items:center;width:47px;height:47px;margin:0 auto 16px;border-radius:50%;background:#e9f1e2;color:#527445}.flow-receipt-check .icon{width:23px;height:23px}.flow-receipt h3{font:500 23px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.5px;margin:0 0 8px;color:#25331e}.flow-receipt>p{font-size:12px;color:#7e8973}.flow-receipt .flow-facts{margin-top:22px;padding-top:16px;border-top:1px solid #e8ece3;gap:13px}
.hero-chat-body.ordering-flow{min-height:370px}.hero-chat-body.ordering-flow[data-flow-stage=merchant]{gap:14px}.hero-chat-body.ordering-flow .hero-merchant-photo{height:101px}.hero-chat-body.ordering-flow[data-flow-stage=quote]{gap:12px}.hero-chat-body.ordering-flow[data-flow-stage=quote]>.flow-agent{font-size:12px}
.hero-journey-stage{min-height:494px}.hero-chat-window{min-height:427px}
#website-chat .example-chat-body.ordering-flow{min-height:420px;justify-content:flex-start}#website-chat .ordering-flow .flow-merchant{margin-bottom:3px}#website-chat .ordering-flow .flow-action{margin-top:auto}
@media(max-width:420px){.ordering-flow .flow-user,.flow-agent,.flow-draft>p{font-size:13px}.flow-quote{padding:14px}.flow-facts>div{font-size:10px;gap:9px}.flow-quote-title>.flow-price{font-size:25px}.flow-payment{padding:17px}.hero-chat-body.ordering-flow{min-height:379px}.hero-journey-stage{min-height:505px}.hero-chat-window{min-height:438px}.ordering-flow .order-checks{padding-inline:10px}.ordering-flow .order-check{gap:7px}.ordering-flow .order-check-copy>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ordering-flow *{animation:none!important;transition:none!important}}

.flow-chatgpt-logo{filter:brightness(0);flex:none}#website-chat .example-chat-head>strong{font:600 17px/1.4 Arial,Helvetica,sans-serif;color:#222}#website-chat .example-chat-head>.text-button{margin-left:auto}