/* Oronoo premium manual payment wizard v76 — scoped to payment modal */
.oasp-pay-modal:has(.oasp-v76){--oasp-pay-pink:#ee1456;--oasp-pay-green:#076e4c;--oasp-pay-ink:#102e2b;--oasp-pay-muted:#6b8080}
.oasp-pay-modal:has(.oasp-v76) .oasp-pay-dialog{width:min(94vw,530px)!important;max-width:530px!important;max-height:min(93dvh,920px)!important;overflow-y:auto!important;background:#fff!important;border-radius:23px!important;box-shadow:0 30px 100px #001e2280!important;border:1px solid #e4efed!important;padding:0!important}
.oasp-pay-modal:has(.oasp-v76) .oasp-pay-modal-header{padding:23px 27px 17px!important;border-bottom:1px solid #edf2f1!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.oasp-pay-modal:has(.oasp-v76) .oasp-pay-modal-header h3{color:#12372f!important;font-size:19px!important;font-weight:800!important;margin:4px 0!important;line-height:1.3!important}
.oasp-pay-modal:has(.oasp-v76) .oasp-pay-modal-header span{color:#0b8b66!important;letter-spacing:1.5px!important;font-size:10px!important;font-weight:800!important}
.oasp-pay-modal:has(.oasp-v76) .oasp-pay-modal-header p{color:#637b73!important;font-size:12px!important;margin:0!important}
.oasp-pay-modal:has(.oasp-v76) .oasp-pay-close{border:1px solid #e5eeee!important;background:#f8fbfa!important;color:#36534a!important;border-radius:50%!important;width:35px!important;height:35px!important;font-size:24px!important;flex-shrink:0!important}
.oasp-pay-modal .oasp-v76-original{padding:0!important;display:block!important}
.oasp-pay-modal .oasp-v76-original>.oasp-finance-helper,.oasp-pay-modal .oasp-v76-original>.oasp-payment-methods,.oasp-pay-modal .oasp-v76-original>.oasp-pay-instructions{display:none!important}
.oasp-pay-modal .oasp-v76{color:#15382f;font-family:inherit;font-size:14px;line-height:1.6}
.oasp-v76 *{box-sizing:border-box}
.oasp-v76 [hidden]{display:none!important}
.oasp-v76-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:21px 22px 9px;gap:2px}
.oasp-v76-progress-item{display:flex;align-items:center;flex-direction:column;gap:7px;position:relative;text-align:center;color:#9baaaa}
.oasp-v76-progress-item:before{content:"";position:absolute;left:-34%;right:66%;height:2px;background:#e6eded;top:15px}
.oasp-v76-progress-item:first-child:before{display:none}
.oasp-v76-progress-item.is-done:before,.oasp-v76-progress-item.is-current:before{background:#f56b97}
.oasp-v76-progress-dot{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#f0f4f5;color:#647a80;font-size:13px;font-weight:800;z-index:1}
.oasp-v76-progress-item.is-current .oasp-v76-progress-dot{background:var(--oasp-pay-pink);color:#fff;box-shadow:0 6px 15px #ed14563b}
.oasp-v76-progress-item.is-done .oasp-v76-progress-dot{background:#0a9b72;color:#fff}
.oasp-v76-progress-item.is-done .oasp-v76-progress-dot:after{content:"✓";position:absolute;background:#0a9b72}
.oasp-v76-progress-item small{font-size:10px;line-height:1.3;font-weight:650}
.oasp-v76-progress-item.is-current small{color:#d9144d}
.oasp-v76-body{padding:16px 25px 15px}
.oasp-v76-stage{animation:oasp-v76-fade .22s ease}
@keyframes oasp-v76-fade{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.oasp-v76-heading{text-align:center;margin:0 0 20px}
.oasp-v76-heading h3{font-size:20px!important;font-weight:850!important;color:#102f2c!important;margin:7px 0 3px!important;line-height:1.4!important}
.oasp-v76-heading p{font-size:12px!important;color:#708482!important;margin:0!important}
.oasp-v76-illustration{width:56px;height:56px;border-radius:19px;background:#e8f7f0;color:#087d5a;font-size:27px;font-weight:800;display:grid;place-items:center;margin:0 auto 10px}
.oasp-v76-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.oasp-v76-method{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:118px;border:1.5px solid #e1e9eb;background:#fff;border-radius:13px;cursor:pointer;transition:border .2s,background .2s,transform .2s;box-shadow:0 2px 8px #1a403108;padding:13px 8px;color:#1a3541}
.oasp-v76-method:hover{transform:translateY(-2px);border-color:#b4d7c8}
.oasp-v76-method.is-selected{border-color:#ed1456;background:#fff7fa;box-shadow:0 0 0 2px #ed145618}
.oasp-v76-method strong{font-size:15px;color:#172e3b;font-weight:800}
.oasp-v76-method small{font-size:11px;color:#71818d}
.oasp-v76-method-logo{display:grid;place-items:center;font-size:28px;font-weight:900;height:44px;width:50px;line-height:1;color:#e81155}
.oasp-v76-method-logo.nagad{color:#e67805}.oasp-v76-method-logo.rocket{color:#8434a5}.oasp-v76-method-logo.upay{color:#2173c8}.oasp-v76-method-logo.cellfin{color:#08895c}.oasp-v76-method-logo.bangla_qr{color:#192d36}
.oasp-v76-info{display:flex;gap:10px;align-items:flex-start;background:#edf5ff;border-radius:12px;padding:12px 13px;margin-top:17px;color:#34608d;font-size:12px}
.oasp-v76-info>span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;background:#d4e8ff;border-radius:50%;font-weight:bold;color:#1872c4}
.oasp-v76-info p,.oasp-v76-help p{margin:0!important;line-height:1.7!important}
.oasp-v76-guide{padding:14px;border:1px solid #f4dce6;background:linear-gradient(145deg,#fff1f6,#fff);border-radius:15px}
.oasp-v76-guide-name{display:block;color:#d9114b;font-size:13px;margin-bottom:10px}
.oasp-v76-guide .oasp-method-card{display:block!important;max-width:100%!important;width:100%!important;background:#fff!important;border:1px solid #f5dce5!important;border-radius:11px!important;padding:13px!important;margin:0!important}
.oasp-v76-guide .oasp-method-card[hidden]{display:none!important}
.oasp-v76-guide .oasp-method-card strong{display:none!important}
.oasp-v76-guide .oasp-method-number{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.oasp-v76-guide .oasp-method-number span{font-size:21px!important;color:#d91450!important;font-weight:850!important;letter-spacing:.3px}
.oasp-v76-guide .oasp-copy-number{background:#fff1f5!important;border:0!important;border-radius:9px!important;color:#e21c59!important;padding:9px 12px!important;cursor:pointer}
.oasp-v76-guide .oasp-payment-qr{display:block;max-width:210px;max-height:210px;margin:5px auto;object-fit:contain}
.oasp-v76-guide .oasp-pay-instructions{margin:11px 0 0!important;padding:10px 13px!important;background:#fff!important;border-radius:10px!important;font-size:12px!important;color:#536c63!important}
.oasp-v76-guide .oasp-method-instruction[hidden]{display:none!important}
.oasp-v76-guide .oasp-method-instruction p{white-space:pre-line;margin:5px 0!important;line-height:1.75!important}
.oasp-v76-guide .oasp-method-instruction .oasp-instruction-label{color:#a82e5c;font-weight:800}
.oasp-v76-amount{margin-top:12px}
.oasp-v76-amount label,.oasp-v76-input-card label{display:block!important;color:#294c43!important;font-size:13px!important;font-weight:750!important}
.oasp-v76-amount input,.oasp-v76-input-card input{display:block!important;width:100%!important;max-width:none!important;margin-top:8px!important;padding:14px!important;border:1.5px solid #d6e5df!important;background:#fff!important;border-radius:11px!important;color:#19392e!important;font-size:16px!important;box-sizing:border-box!important}
.oasp-v76-amount input:focus,.oasp-v76-input-card input:focus{outline:none!important;border-color:#108a60!important;box-shadow:0 0 0 3px #108a601b!important}
.oasp-v76-steps{margin-top:14px;background:#fff8fa;border-radius:12px;padding:14px 17px;color:#5d6970;font-size:12px}
.oasp-v76-steps strong{color:#d9144d;font-size:13px}
.oasp-v76-steps ol{padding-left:19px;margin:8px 0 0;line-height:2}
.oasp-v76-input-card{padding:15px;background:#fff;border:1px solid #dcebe4;border-radius:15px;box-shadow:0 8px 30px #1c4e3010}
.oasp-v76-help{background:#eaf8f1;border-radius:12px;margin-top:18px;padding:15px;color:#257251;font-size:12px}
.oasp-v76-help strong{display:block;font-size:13px;margin-bottom:5px}
.oasp-v76-footer{display:flex;gap:11px;padding:17px 25px 23px;border-top:1px solid #edf2ef}
.oasp-v76-footer button,.oasp-v76-actions .oasp-v76-action{min-height:48px!important;border-radius:11px!important;font-size:13px!important;font-weight:800!important;cursor:pointer;text-decoration:none!important;display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 16px!important}
.oasp-v76-back{background:#f2f5f6!important;border:0!important;color:#2d4447!important;flex:0 0 36%}
.oasp-v76-next,.oasp-v76-submit{background:linear-gradient(105deg,#ff0751,#ed185d)!important;border:0!important;color:#fff!important;flex:1;box-shadow:0 8px 20px #ef1d5b2a}
.oasp-v76-submit-holder{display:flex;flex:1}
.oasp-v76-submit-holder[hidden]{display:none!important}
.oasp-v76-submit{width:100%}
.oasp-v76-submit:disabled{opacity:.65;cursor:wait}
.oasp-v76-feedback{padding:28px 24px 26px;text-align:center}
.oasp-v76-state-icon{height:78px;width:78px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;font-size:37px;font-weight:900}
.oasp-v76-state-icon.is-success{background:#e3f8ed;color:#008458}
.oasp-v76-state-icon.is-error{background:#fff0f3;color:#e51e56}
.oasp-v76-feedback h3{font-size:21px!important;color:#19382f!important;font-weight:850!important;line-height:1.5!important;margin:5px 0!important}
.oasp-v76-feedback>p{font-size:13px!important;color:#687e76!important;margin:7px auto 15px!important;max-width:360px!important}
.oasp-v76-status{display:inline-block;padding:7px 14px;border-radius:25px;background:#fff1ce;color:#956400;font-size:12px;font-weight:800;margin-bottom:13px}
.oasp-v76-summary{border:1px solid #e0ece6;border-radius:13px;overflow:hidden;text-align:left;margin:5px 0 17px}
.oasp-v76-summary>div{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #e8f0ec;font-size:12px}
.oasp-v76-summary>div:nth-child(odd){background:#f8fbf9}
.oasp-v76-summary>div:last-child{border:0}
.oasp-v76-summary span{color:#667c74}.oasp-v76-summary strong{color:#193c2e;overflow-wrap:anywhere;text-align:right}
.oasp-v76-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.oasp-v76-action{background:#076e4c!important;color:#fff!important;flex:1;min-width:160px}
.oasp-v76-action.is-secondary{background:#f1f5f3!important;color:#24513e!important}
.oasp-v76-feedback .oasp-v76-info{text-align:left}
@media(max-width:540px){.oasp-pay-modal:has(.oasp-v76) .oasp-pay-dialog{width:calc(100vw - 16px)!important;max-height:95dvh!important;border-radius:18px!important}.oasp-v76-body{padding:12px 15px}.oasp-v76-footer{padding:14px 15px 17px}.oasp-v76-progress{padding:15px 10px 8px}.oasp-v76-progress-item small{font-size:9px}.oasp-v76-method{min-height:106px}.oasp-v76-method-grid{gap:8px}.oasp-v76-feedback{padding:20px 14px}.oasp-v76-action{min-width:125px}}

/* v79: form remains in DOM layout so wizard submit and relocated controls are valid native form descendants. */
.oasp-pay-modal .oasp-v76-original>form.oasp-v76-form-data{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.oasp-pay-modal .oasp-v76-original>form.oasp-v76-form-data>label{display:none!important}
.oasp-pay-modal .oasp-v76-original>form.oasp-v76-form-data>.oasp-v76{display:block!important}

/* v80: Keep the real payment form visible; the wizard is nested inside it. */
.oasp-pay-modal .oasp-v76-original > form.oasp-v76-form-data{display:block!important;visibility:visible!important}
.oasp-pay-modal .oasp-v76-original > form.oasp-v76-form-data > label{display:none!important}
.oasp-pay-modal .oasp-v76-original > form.oasp-v76-form-data > button[type=submit]{display:none!important}
.oasp-pay-modal .oasp-v76-original > form.oasp-v76-form-data .oasp-v76-submit{display:block!important}