/* UCOCEKO V4.5 — payment/onboarding UX, scoped to payment components only. */
.uco45-choice-box,.uco45-payment-panel,.uco45-upgrade,.uco45-glass,.uco45-receipt{box-sizing:border-box;color:#fff6e4;background:linear-gradient(130deg,rgba(12,69,47,.82),rgba(3,26,20,.91));border:1px solid rgba(222,190,117,.54);border-radius:24px;box-shadow:0 20px 55px rgba(0,18,12,.28),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.uco45-choice-box{padding:clamp(16px,3.4vw,29px);margin:18px 0;background:linear-gradient(130deg,rgba(10,55,39,.9),rgba(8,29,23,.85))}
.uco45-choice-box h3{font-family:Georgia,serif;color:#fff6de!important;font-size:clamp(21px,2.4vw,29px);line-height:1.15;margin:0 0 8px}
.uco45-choice-box p{color:#c9dacd!important;font-size:14px;line-height:1.6;margin:0 0 18px}
.uco45-choice{display:flex!important;gap:14px;align-items:center;min-height:85px;padding:15px 17px;margin:12px 0;background:linear-gradient(135deg,rgba(59,109,82,.28),rgba(2,26,18,.4));border:1px solid rgba(215,182,99,.36);border-radius:17px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.uco45-choice:hover,.uco45-choice:focus-within{transform:translateY(-2px);border-color:#e2c478;background-color:rgba(129,151,105,.13)}
.uco45-choice:has(input:checked){border:1.5px solid #e2c478;box-shadow:0 0 0 2px rgba(226,196,120,.12)}
.uco45-choice input{flex:0 0 auto;accent-color:#e2c478;width:20px;height:20px}
.uco45-choice span{display:grid;gap:5px;min-width:0}.uco45-choice strong{font-size:15px;line-height:1.4;color:#fff4dd}.uco45-choice small{font-size:12px;line-height:1.5;color:#b9d2c4}
.uco45-note{display:block;max-width:68ch;color:#decc9b!important;font-size:13px!important;line-height:1.65;margin-top:12px!important}
.uco45-unavailable{padding:13px;color:#f3dba4;background:rgba(43,71,45,.56);border-radius:12px}
[data-uco45-eft-fields][hidden]{display:none!important}
.uco45-payment-panel{padding:clamp(18px,4vw,38px)!important;max-width:900px;margin-inline:auto}
.uco45-method-form>button,.uco45-button,.uco45-upgrade button.uco45-button{appearance:none;display:inline-flex;justify-content:center;align-items:center;min-height:47px;border:1px solid #d5b878!important;border-radius:99px;padding:12px 21px;background:linear-gradient(115deg,#e5cb89,#c8a654)!important;color:#0b2b22!important;text-decoration:none!important;font:700 13px/1.35 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(2,20,12,.16);white-space:normal;max-width:100%;text-align:center;transition:transform .2s,filter .2s}
.uco45-button:hover,.uco45-method-form>button:hover{transform:translateY(-2px);filter:brightness(1.07)}
.uco45-button.is-outline{color:#fbe9b5!important;border-color:rgba(231,203,128,.72)!important;background:rgba(10,41,30,.5)!important}
.uco45-upgrade{max-width:850px;margin:clamp(18px,5vw,60px) auto;padding:clamp(24px,5vw,58px)}
.uco45-upgrade h2{font-family:Georgia,serif;color:#fff6e5!important;font-size:clamp(29px,5vw,50px);line-height:1.12;margin:10px 0 16px}
.uco45-upgrade p{color:#d0e0d2!important;line-height:1.8;max-width:65ch;margin:0 0 26px}
.uco45-upgrade form{display:grid;gap:19px;max-width:550px}.uco45-upgrade label{display:grid;gap:10px;font-size:14px;color:#f4e5c5}
.uco45-upgrade label input:not([type=checkbox]){min-height:47px;background:rgba(7,32,25,.62);border:1px solid #927c4d;border-radius:12px;padding:10px 14px;color:#fff}
.uco45-upgrade label.uco45-checkbox{display:flex;align-items:flex-start}.uco45-upgrade input[type=checkbox]{width:20px;height:20px;accent-color:#d5b66a;flex-shrink:0}
.uco45-thank{position:relative;padding:clamp(26px,6vw,96px) clamp(14px,4vw,26px);min-height:62vh;display:grid;place-items:center;gap:30px;background:radial-gradient(ellipse at 80% 2%,rgba(199,169,85,.11),transparent 40%),linear-gradient(165deg,rgba(3,36,24,.57),rgba(0,27,17,.73));}
.uco45-thank .uco45-glass{max-width:900px;width:100%;padding:clamp(24px,6vw,66px);position:relative;overflow:hidden}
.uco45-thank .uco45-glass:before{content:'';position:absolute;top:-110px;right:-90px;width:280px;height:280px;border:1px solid rgba(221,190,107,.13);border-radius:50%;pointer-events:none;box-shadow:0 0 0 22px rgba(221,190,107,.035),0 0 0 65px rgba(221,190,107,.025)}
.uco45-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e4c67b;font-weight:800}
.uco45-thank h1{font:normal clamp(33px,5.7vw,63px)/1.1 Georgia,serif!important;color:#fff8e5!important;margin:18px 0 20px;max-width:15ch}
.uco45-thank p{color:#d7e8db!important;line-height:1.8;font-size:clamp(15px,1.7vw,18px);max-width:62ch}
.uco45-order-pill{display:flex;align-items:center;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:28px 0;padding:20px 22px;border-radius:18px;background:rgba(3,28,19,.43);border:1px solid rgba(231,202,131,.24)}
.uco45-order-pill strong{color:#f8dfa0;font-size:24px}.uco45-order-pill small{color:#aad8ad}
.uco45-cta{display:flex;flex-wrap:wrap;align-items:center;gap:11px}.uco45-footnote{font-size:12px!important;opacity:.8;margin-top:25px!important}
.uco45-receipt{width:min(900px,100%);padding:clamp(22px,4vw,43px);background:rgba(4,39,26,.9)}.uco45-receipt-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#e7cd88;letter-spacing:.11em;font-size:12px}
.uco45-receipt h2{font:normal 35px Georgia,serif;color:#fff2d2!important;margin:30px 0 12px}
.uco45-receipt dl{display:grid;gap:0}.uco45-receipt dl>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);flex-wrap:wrap}.uco45-receipt dt{color:#b6cbbe}.uco45-receipt dd{margin:0;color:#fff4d9;font-weight:700;overflow-wrap:anywhere}
@media (max-width:640px){.uco45-choice-box{padding:16px;border-radius:17px}.uco45-choice{padding:13px;gap:9px;min-height:73px}.uco45-choice strong{font-size:14px}.uco45-choice small{font-size:12px}.uco45-cta,.uco45-cta .uco45-button{width:100%}.uco45-thank .uco45-glass{border-radius:23px}.uco45-order-pill{gap:8px}.uco45-upgrade{margin:18px 10px}}
@media (prefers-reduced-motion:reduce){.uco45-choice,.uco45-button,.uco45-method-form>button{transition:none!important;transform:none!important}}
@media print{body *{visibility:hidden!important}.uco45-receipt,.uco45-receipt *{visibility:visible!important}.uco45-receipt{position:absolute!important;left:0;top:0;width:100%!important;background:white!important;color:black!important;box-shadow:none!important;border:0!important}.uco45-receipt *{color:black!important}.uco45-receipt button{display:none!important}}