/* v6.33 — predictive one-action checkout runway. Uses the real Woo/gateway controls; never replaces them. */
.jicos-flow-pay{position:fixed;z-index:999994;right:22px;bottom:22px;display:flex;align-items:center;gap:14px;width:min(510px,calc(100vw - 44px));padding:10px 10px 10px 14px;border:1px solid rgba(17,24,32,.10);border-radius:20px;background:rgba(255,253,250,.94);box-shadow:0 22px 70px rgba(16,26,34,.16);backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.jicos-flow-pay__state{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.jicos-flow-pay__state>i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#8dbb4e;box-shadow:0 0 0 6px rgba(141,187,78,.12)}
.jicos-flow-pay__state span{display:block;min-width:0}.jicos-flow-pay__state small,.jicos-flow-pay__state strong,.jicos-flow-pay__state em{display:block}.jicos-flow-pay__state small{margin-bottom:2px;color:#788179;font-size:8px;font-weight:850;letter-spacing:.12em}.jicos-flow-pay__state strong{overflow:hidden;color:#121a20;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.jicos-flow-pay__state em{overflow:hidden;margin-top:2px;color:#737b80;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.jicos-flow-pay>button{min-width:128px;min-height:48px;padding:0 16px;border:0;border-radius:14px;color:#142016;background:linear-gradient(135deg,#c7e87b,#9bd452);box-shadow:0 10px 25px rgba(97,137,54,.18);font:850 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.05em;cursor:pointer}.jicos-flow-pay>button:disabled{cursor:default;opacity:.62;box-shadow:none}
.jicos-flow-pay[data-state="busy"] .jicos-flow-pay__state>i{background:#8da0aa;box-shadow:0 0 0 6px rgba(141,160,170,.11);animation:jicos-flow-pulse 1.2s ease-in-out infinite}.jicos-flow-pay[data-state="failed"]{border-color:rgba(166,63,63,.18)}.jicos-flow-pay[data-state="failed"] .jicos-flow-pay__state>i{background:#b85454;box-shadow:0 0 0 6px rgba(184,84,84,.10)}.jicos-flow-pay[data-state="wallet"] .jicos-flow-pay__state>i{background:#111820;box-shadow:0 0 0 6px rgba(17,24,32,.08)}
@keyframes jicos-flow-pulse{50%{opacity:.42;transform:scale(.82)}}
@media(max-width:720px){body.jicos-commerce-checkout{padding-bottom:92px}.jicos-flow-pay{right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:auto;padding:9px 9px 9px 12px;border-radius:18px}.jicos-flow-pay__state em{max-width:46vw}.jicos-flow-pay>button{min-width:112px;min-height:46px;padding:0 12px;border-radius:13px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.jicos-flow-pay,.jicos-flow-pay *{animation:none!important;scroll-behavior:auto!important}}


/* v6.33: the same runway now leads pickup → contact → payment → final, without adding another checkout panel. */
.jicos-flow-pay[data-mode="slot"] .jicos-flow-pay__state>i,.jicos-flow-pay[data-mode="contact"] .jicos-flow-pay__state>i,.jicos-flow-pay[data-mode="single-payment"] .jicos-flow-pay__state>i,.jicos-flow-pay[data-mode="payment-choice"] .jicos-flow-pay__state>i{background:#b9d85d;box-shadow:0 0 0 6px rgba(185,216,93,.14)}
.jicos-flow-pay[data-mode="final"]{border-color:rgba(103,137,54,.20);box-shadow:0 24px 76px rgba(40,63,25,.17)}.jicos-flow-pay[data-mode="final"]>button{background:linear-gradient(135deg,#d7f184,#a8df54);color:#142016}
@media(max-width:720px){.jicos-flow-pay__state strong{font-size:14px}.jicos-flow-pay__state small{font-size:8px}.jicos-flow-pay__state em{max-width:50vw;font-size:10px;line-height:1.25}.jicos-flow-pay>button{min-height:52px;font-size:10px;letter-spacing:.04em}}
@media(max-width:390px){.jicos-flow-pay{gap:9px}.jicos-flow-pay__state>i{display:none}.jicos-flow-pay__state em{max-width:46vw}.jicos-flow-pay>button{min-width:104px;padding:0 10px}}
