.delivery-example{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;margin:30px 0 40px;align-items:start}.delivery-map-panel,.delivery-ticket{background:white;border:1px solid #e1e7d8;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #27340007}.delivery-panel-head{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:23px}.delivery-panel-head h2{font-size:21px;margin:10px 0}.delivery-panel-head p{font-size:11px;color:var(--muted);margin:0}.simulation-pill{font-size:8px;font-weight:700;letter-spacing:.7px;padding:6px 9px;border:1px solid #d7e6b8;background:#eff5de;color:#708a10;border-radius:20px;white-space:nowrap}.delivery-map-canvas{position:relative;background:#e9eee4}.delivery-map-canvas>svg{width:100%;height:380px;display:block}.map-example-label{position:absolute;top:13px;left:15px;font-size:8px;background:#fffffff0;border-radius:20px;padding:7px 10px;color:#68725c}.delivery-map-stats{position:absolute;bottom:18px;left:18px;right:18px;padding:15px 18px;display:flex;justify-content:space-between;gap:10px;background:#fffffff0;border:1px solid #e0e5d5;border-radius:13px;box-shadow:0 5px 20px #0001}.delivery-map-stats small{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.delivery-map-stats b{font-size:11px}.delivery-map-actions{display:flex;gap:10px;padding:18px 22px 0}.delivery-map-actions button{padding:10px 14px;border-radius:9px;font-size:11px;border:1px solid #dce4cc}.delivery-map-actions button:first-child{background:#89aa09;color:white;border-color:#89aa09}.delivery-map-actions button:disabled{opacity:.6;cursor:default}.delivery-map-note{margin:14px 23px 20px;font-size:9px}.delivery-ticket{padding:23px}.delivery-ticket-top{display:flex;align-items:center;gap:12px}.delivery-ticket-top>img{width:42px;height:42px}.delivery-ticket-top>div{flex:1}.delivery-ticket-top b{font-size:13px}.delivery-ticket-top small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.delivery-ticket-eta{text-align:center;padding:25px 0 20px;border-bottom:1px solid #e9ecdf;margin-bottom:23px}.delivery-ticket-eta>span{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:700}.delivery-ticket-eta>b{display:block;font-size:60px;font-weight:800;letter-spacing:-2px;line-height:1.2;color:#7c9b0a;margin-top:5px}.delivery-ticket-eta b small{font-size:22px;letter-spacing:-.5px}.delivery-ticket-eta p{font-size:11px;color:var(--muted);margin-bottom:0}.delivery-ticket-steps{display:grid;gap:20px}.delivery-ticket-steps>div{display:flex;gap:12px;align-items:start;color:#999f90}.delivery-ticket-steps>div>span{border:1px solid #dfe5d3;border-radius:50%;width:27px;height:27px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.delivery-ticket-steps b{font-size:11px;font-weight:600}.delivery-ticket-steps small{display:block;font-size:9px;margin-top:5px}.delivery-ticket-steps .ticket-done{color:#7d950e}.ticket-done>span{background:#eef4db}.delivery-ticket-steps .ticket-current{color:#2c3225}.ticket-current>span{background:#89aa09;color:white;border-color:#89aa09!important}.demo-rider{display:flex;align-items:center;gap:12px;margin:24px 0 20px;padding:15px 0;border-block:1px solid #e9ecdf}.demo-rider>span{padding:9px;background:#f2f5e8;border-radius:50%;display:flex;color:#79920d}.demo-rider svg{width:20px;height:20px}.demo-rider>div{flex:1}.demo-rider b{font-size:11px}.demo-rider small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.demo-rider button{font-size:10px;border:1px solid #e1e6d7;border-radius:7px;padding:9px;opacity:.5;cursor:default}.delivery-receipt p{font-size:10px;display:flex;justify-content:space-between;gap:15px;color:#7d8372;line-height:1.8}.delivery-receipt b{color:#3b4230;white-space:nowrap}.delivery-receipt .receipt-total{font-size:14px;border-top:1px dashed #dce3ce;padding-top:13px;margin-top:15px;color:#2b3025;font-weight:700}.delivery-ticket>.note{font-size:9px;margin-bottom:0}@media(max-width:850px){.delivery-example{grid-template-columns:1fr;max-width:650px;margin:25px auto}.delivery-map-canvas>svg{height:330px}}@media(max-width:450px){.delivery-panel-head{padding:19px}.delivery-panel-head h2{font-size:18px}.delivery-panel-head .eyebrow{font-size:8px}.delivery-map-stats{padding:12px}.delivery-map-stats b{font-size:10px}.delivery-ticket{padding:20px}.delivery-map-actions{padding-left:18px}}
.delivery-ticket-eta .arrival-clock{font-size:15px;font-weight:600;color:#4e6221;margin:9px 0 0}
.delivery-top-summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f6f9ee;border:1px solid #dfe8cb;border-radius:18px;padding:22px 28px}.delivery-top-summary .delivery-ticket-top{flex:1}.delivery-top-summary .delivery-ticket-top>img{width:55px;height:55px}.delivery-top-summary .delivery-ticket-top b{font-size:20px}.delivery-top-summary .delivery-ticket-top small{font-size:11px}.delivery-top-summary .simulation-pill{margin-left:15px}.delivery-top-summary .delivery-ticket-eta{padding:0 0 0 28px;margin:0;border-bottom:0;border-left:1px solid #dce5ca;min-width:255px}.delivery-top-summary .delivery-ticket-eta>b{font-size:43px;margin-top:3px}.delivery-top-summary .delivery-ticket-eta>p:last-child{font-size:10px;margin-top:6px}.delivery-ticket-steps{padding-top:4px}@media(max-width:600px){.delivery-top-summary{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.delivery-top-summary .delivery-ticket-top b{font-size:17px}.delivery-top-summary .delivery-ticket-top>img{width:43px;height:43px}.delivery-top-summary .delivery-ticket-eta{min-width:0;border-left:0;border-top:1px solid #dce5ca;padding:17px 0 0}.delivery-top-summary .delivery-ticket-eta>b{font-size:40px}}
.delivery-top-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:24px}.delivery-top-summary .delivery-ticket-top{padding-right:22px}.delivery-top-summary .delivery-ticket-eta{min-width:0;padding:0 20px;border-left:1px solid #dce5ca}.delivery-arrival-column{text-align:center;border-left:1px solid #dce5ca;padding:15px 20px}.delivery-arrival-column>span{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:700}.delivery-arrival-column .arrival-clock{font-size:21px;line-height:1.4;font-weight:700;color:#6d8807;margin:12px 0 8px}.delivery-arrival-column>small{font-size:9px;color:var(--muted)}@media(max-width:700px){.delivery-top-summary{grid-template-columns:1fr;padding:20px;gap:18px}.delivery-top-summary .delivery-ticket-top{padding:0;justify-content:center}.delivery-top-summary .delivery-ticket-eta{border-left:0;border-top:1px solid #dce5ca;padding:16px 0 0}.delivery-arrival-column{border-left:0;border-top:1px solid #dce5ca;padding:18px 0 0}}
.delivery-example{align-items:stretch}.delivery-example>.delivery-map-panel,.delivery-example>.delivery-ticket{height:100%;min-height:100%}.delivery-example>.delivery-map-panel{display:flex;flex-direction:column}.delivery-map-panel .delivery-map-canvas{flex:1;min-height:380px}.delivery-map-panel .delivery-map-canvas>svg{position:absolute;inset:0;height:100%;width:100%}@media(max-width:850px){.delivery-example>.delivery-map-panel,.delivery-example>.delivery-ticket{height:auto;min-height:0}.delivery-map-panel .delivery-map-canvas{min-height:330px}}