/* Payment handoff stays inside the original basket button. */
.basket-checkout.is-checkout-pending{position:relative;height:var(--checkout-height,49px);min-height:var(--checkout-height,49px);padding:0;overflow:hidden;opacity:1;cursor:progress;transform:none;box-shadow:0 0 24px #2478e515;border-color:#619dff77;background:linear-gradient(110deg,#123361,#184880 65%,#143662);transition:background .3s,border-color .3s,box-shadow .3s}
.cx-button-layout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 20px;animation:cx-button-in .25s ease-out both}
.cx-mark{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px}
.cx-letter{position:relative;color:#f2f7ff;font-size:24px;font-weight:800;line-height:1;letter-spacing:-.09em;padding-right:2px}
.cx-letter>span{color:#79b4ff}
.cx-ring{position:absolute;inset:0;border:1px solid #8ebdff20;border-top-color:#9dcaff;border-right-color:#90beff77;border-radius:50%;animation:cx-turn 1.6s linear infinite}
.cx-ring::after{content:'';position:absolute;top:2px;right:2px;width:3px;height:3px;background:#bad9ff;border-radius:50%;box-shadow:0 0 9px #83b8ff}
.cx-button-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;line-height:1.5}
.cx-button-copy strong{font-size:11px;font-weight:600;color:#f1f7ff}
.cx-button-copy small{font-size:8px;font-weight:400;color:#b0c9ea}
.cx-departure{font-size:18px;line-height:1;color:#c5deff;margin-left:3px;opacity:.25;transform:translate(-3px,3px);transition:opacity .4s,transform .4s}
.cx-light{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#b1d2ff,transparent) no-repeat;background-size:50% 100%;animation:cx-scan 1.9s ease-in-out infinite}
.basket-checkout[data-checkout-state="payment"],.basket-checkout[data-checkout-state="account"]{border-color:#93bfff;background:linear-gradient(110deg,#194679,#235994 65%,#194679);box-shadow:0 0 26px #3b82f625}
[data-checkout-state="payment"] .cx-ring,[data-checkout-state="account"] .cx-ring{animation-duration:3s;border-color:#b0d3ff88}
[data-checkout-state="payment"] .cx-departure,[data-checkout-state="account"] .cx-departure{opacity:1;transform:none}
.cx-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes cx-turn{to{transform:rotate(360deg)}}
@keyframes cx-scan{0%{background-position:-100% 0;opacity:0}30%,70%{opacity:1}100%{background-position:200% 0;opacity:0}}
@keyframes cx-button-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:400px){.cx-button-layout{gap:9px;padding-inline:12px}.cx-mark{width:28px;height:28px}.cx-button-copy strong{font-size:10px}.cx-button-copy small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.is-checkout-pending *{animation:none!important;transition:none!important}.cx-light{display:none}}