.payment-popup{width:min(1120px,calc(100vw - 32px));max-width:1120px;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:18px;background:#f7f8fb;color:#1d2636;box-shadow:0 24px 80px #101a354d;overflow:hidden}
.payment-popup:not([open]){display:none}.payment-popup::backdrop{background:#101a35a6}.payment-popup[open]{display:flex}.payment-popup-shell{width:100%;min-width:0;display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}
.payment-popup-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:#fff;border-bottom:1px solid #dce3ec}.payment-popup-header h2{font-size:1.12rem;margin:0;line-height:1.4}.payment-popup-close{flex:none;width:44px;height:44px;border:1px solid #cbd5e1;border-radius:50%;background:#fff;font-size:28px;line-height:1;cursor:pointer;color:#203049}.payment-popup-close:focus-visible{outline:3px solid #ed6e25;outline-offset:2px}
.payment-popup-body{overflow:auto;overscroll-behavior:contain;padding:20px;min-height:140px}.payment-popup-body .order-payment-page{max-width:none;margin:0;padding:0}.payment-popup-body .order-payment-header h1{font-size:1.6rem}.payment-popup-message{margin:0 0 16px;padding:12px 15px;border-radius:10px;border:1px solid #b9d1ec;background:#ecf4ff;line-height:1.5;overflow-wrap:anywhere}.payment-popup-message.is-error{border-color:#e9c2b6;background:#fff1e9;color:#8c341b}.payment-popup-recovery{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.payment-popup-recovery:has(> [hidden]):not(:has(> :not([hidden]))){display:none}.payment-popup [hidden]{display:none!important}.payment-popup [data-payment-popup-content][aria-busy=true]{opacity:.72}.payment-popup [data-proof-submit]:disabled{cursor:wait}.payment-popup-fallback{position:fixed;inset:16px;margin:auto;z-index:10001;box-shadow:0 0 0 100vmax #101a35a6}
@media(max-width:640px){.payment-popup{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.payment-popup-shell{max-height:100dvh;height:100dvh}.payment-popup-header{padding:10px 14px}.payment-popup-body{padding:14px}.payment-popup-body .order-payment-header h1{font-size:1.35rem}.payment-popup-fallback{inset:0}.payment-popup-body .order-payment-columns{grid-template-columns:1fr}}

[data-payment-popup][hidden]{display:none!important}

/* Compact shared order/payment views keep text readable inside the dialog. */
.payment-popup{width:min(1020px,calc(100vw - 28px));font-size:14px;line-height:1.5}.payment-popup-header{padding:9px 16px;gap:12px}.payment-popup-header h2{flex:1;font-size:17px}.payment-popup-back{font-size:14px;padding:8px 12px}.payment-popup-body{padding:16px}.payment-popup-body .customer-account-v828{max-width:none;width:auto;margin:0;padding:0}.payment-popup-body .account-heading-v828{margin-bottom:14px;gap:12px}.payment-popup-body :is(.account-heading-v828 h1,.order-payment-header h1){font-size:24px;line-height:1.3;margin:4px 0}.payment-popup-body :is(.account-panel-v828,.order-payment-card){padding:16px;margin-bottom:14px}.payment-popup-body :is(.account-panel-v828 h2,.order-payment-card h2){font-size:18px;margin-bottom:10px}.payment-popup-body .account-details-grid-v828{gap:16px}.payment-popup-body :is(p,small,label,dt,dd,td,th,time,summary,.btn,.account-status-v828,.order-proof-status,.order-payment-status){font-size:max(14px,1em);line-height:1.5}.payment-popup-body :is(.order-payment-summary small,.account-items-table-v828 small){font-size:14px}.payment-popup-body .order-payment-summary>div{padding:12px}.payment-popup-body .order-payment-summary strong{font-size:24px;margin-top:3px}.payment-popup-body .order-payment-columns{gap:16px;margin-top:16px}.payment-popup-body .order-payment-header{margin-bottom:14px}.payment-popup-body .order-payment-notice{padding:11px 13px;margin:12px 0}.payment-popup-body .order-payment-card label{margin-top:13px}.payment-popup-body .order-payment-card input:not([type=hidden]),.payment-popup-body .order-payment-card select,.payment-popup-body .order-payment-card textarea{padding:10px 12px;font-size:16px}.payment-popup-body .order-payment-card #proof-amount{font-size:22px}.payment-popup-body .order-payment-upi{grid-template-columns:190px minmax(0,1fr);gap:16px}.payment-popup-body .order-payment-qr{min-height:190px}.payment-popup-body .order-payment-qr :is(img,canvas){max-width:180px;height:auto!important}.payment-popup-body .account-detail-actions-v828{gap:10px;margin-bottom:14px}.payment-popup-body .account-items-table-v828 :is(th,td){padding:10px}.payment-popup-body .account-panel-v828{min-width:0}.payment-popup-body .account-table-scroll-v828{overflow:auto}
@media(max-width:640px){.payment-popup{width:100%;max-width:100%}.payment-popup-header{gap:8px;padding:8px 12px;flex-wrap:wrap}.payment-popup-header h2{font-size:16px;min-width:100px}.payment-popup-back{max-width:55%;white-space:normal}.payment-popup-body{padding:12px}.payment-popup-body :is(.account-heading-v828 h1,.order-payment-header h1){font-size:22px}.payment-popup-body :is(.account-panel-v828,.order-payment-card){padding:14px}.payment-popup-body .order-payment-upi{grid-template-columns:1fr}.payment-popup-body .order-payment-summary{grid-template-columns:1fr;gap:6px}.payment-popup-body .order-payment-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px}.payment-popup-body .order-payment-summary strong{font-size:21px;white-space:nowrap}.payment-popup-body .order-payment-summary small{max-width:65%}.payment-popup-body .account-details-grid-v828{grid-template-columns:1fr}.payment-popup-body .account-items-table-v828{min-width:620px}.payment-popup-body .order-payment-card input:not([type=hidden]),.payment-popup-body .order-payment-card select,.payment-popup-body .order-payment-card textarea{font-size:16px}}
.payment-popup-body :is(.account-helper-v828,.section-kicker),.payment-popup-body .account-section-title-v828>span{font-size:14px!important;line-height:1.5}