/* InteriorX V2.4 — checkout payment gateway and manual payment UI */
.checkout-payment-section{overflow:visible}.payment-choice-list{display:grid;gap:12px}.payment-choice{position:relative;display:grid!important;grid-template-columns:48px 1fr 26px;align-items:center;gap:14px;padding:15px 17px!important;border:1px solid #dfe4ec!important;border-radius:14px!important;background:#fff!important;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.payment-choice:hover{border-color:#aab5ca!important;box-shadow:0 8px 22px rgba(16,24,40,.055)}.payment-choice>input{position:absolute;opacity:0;pointer-events:none}.payment-choice:has(input:checked){border-color:#173e72!important;box-shadow:0 0 0 1px #173e72 inset;background:#f8fbff!important}.payment-choice-icon{display:grid;place-items:center;width:46px;height:42px;border-radius:11px;background:#f2f4f7;font-size:23px}.payment-choice-icon.brand-text{width:auto;min-width:46px;padding:0 7px;font-size:11px;font-weight:900}.bkash-choice .payment-choice-icon{background:#fff0f6;color:#e2136e}.nagad-choice .payment-choice-icon{background:#fff4eb;color:#e55320}.cod-choice .payment-choice-icon{background:#ecfdf3}.payment-choice-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.payment-choice-copy b{font-size:15px;color:#101828}.payment-choice-copy small{font-size:11px;color:#667085;line-height:1.4}.payment-choice-radio{width:20px;height:20px;border:2px solid #c7ced8;border-radius:50%;position:relative}.payment-choice input:checked~.payment-choice-radio{border-color:#173e72}.payment-choice input:checked~.payment-choice-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#173e72}.payment-gateway-hint{display:block;margin-top:10px;color:#667085}

.manual-payment-page{min-height:70vh;padding:42px 0 90px;background:linear-gradient(180deg,#f8fafc,#fff)}.manual-payment-shell{display:flex;justify-content:center}.manual-payment-card{width:min(620px,100%);overflow:hidden;border:1px solid #e4e7ec;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(16,24,40,.1)}.manual-payment-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 26px;background:linear-gradient(135deg,#f15a24,#e7431e);color:#fff}.manual-payment-brand span{font-size:27px;font-weight:900}.manual-payment-brand small{font-weight:700}.manual-payment-amount{display:grid;justify-items:center;gap:5px;padding:27px;border-bottom:1px solid #eef0f4}.manual-payment-amount small{color:#667085}.manual-payment-amount strong{font-size:34px;color:#101828}.manual-payment-amount span{font-size:12px;color:#98a2b3}.manual-payment-steps{display:grid;gap:13px;padding:24px 26px}.manual-payment-steps>div{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start}.manual-payment-steps b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff1e8;color:#c4320a}.manual-payment-steps p{margin:4px 0 0;line-height:1.55;color:#475467}.manual-payment-steps strong{color:#101828}.manual-payment-form{display:grid;gap:14px;padding:0 26px 28px}.manual-payment-form label{font-weight:700;color:#344054}.manual-payment-form input[type=text],.manual-payment-form input:not([type=checkbox]){width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid #d0d5dd;border-radius:11px;font:inherit}.manual-confirm{display:flex!important;align-items:flex-start;gap:9px;font-size:12px!important;font-weight:600!important;line-height:1.5}.manual-confirm input{margin-top:3px}.manual-payment-form .btn{width:100%}.manual-payment-later{text-align:center;color:#667085;font-size:12px;text-decoration:none}

.success-page .payment-status-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:800}

@media(max-width:700px){.payment-choice{grid-template-columns:42px 1fr 22px;gap:10px;padding:13px!important}.payment-choice-icon{width:40px;height:38px}.payment-choice-copy b{font-size:14px}.manual-payment-page{padding:20px 0 92px}.manual-payment-card{border-radius:17px}.manual-payment-brand,.manual-payment-steps,.manual-payment-form{padding-left:18px;padding-right:18px}.manual-payment-amount{padding:22px 18px}.manual-payment-amount strong{font-size:28px}}