.online-payment-page{background:var(--surface-page);color:var(--ink)}.online-payment-page__wrap{margin:0 auto;padding-top:28px;width:min(1180px,100%)}.online-payment-page--selection{background:var(--surface-page);padding-left:12px;padding-right:12px}.online-payment-page--selection .online-payment-page__wrap{padding-top:12px;width:min(1540px,100%)}.online-payment-page .online-payment-entry{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)}.online-payment-page .help-panel,.online-payment-page .online-payment-result,.online-payment-page .online-payment-visual,.online-payment-page .payment-panel,.online-payment-page .selection-panel{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 18px 42px #1f232014}.online-payment-page .online-payment-result{margin:0 auto;padding:28px;width:min(760px,100%)}.online-payment-page .online-payment-result__intro{align-items:center;display:grid;gap:16px;grid-template-columns:56px 1fr}.online-payment-page .online-payment-result__intro h1{color:var(--ink);font-family:Montserrat-Bold;font-size:30px;font-weight:900;letter-spacing:0;line-height:1.1;margin:4px 0 6px}.online-payment-page .online-payment-result__intro p{color:var(--ink-soft);font-size:14px;line-height:1.5;margin:0}.online-payment-page .online-payment-result__icon{background:var(--surface-soft);border-radius:50%;color:var(--brand-primary-dark);display:grid;height:56px;place-items:center;width:56px}.online-payment-page .online-payment-result__icon i{font-size:22px}.online-payment-page .online-payment-result__actions{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:18px}.online-payment-page .online-payment-result--success .online-payment-result__icon{background:var(--green-bg);color:var(--success-green)}.online-payment-page .online-payment-result--pending .online-payment-result__icon{background:var(--surface-soft);color:var(--brand-primary-dark)}.online-payment-page .online-payment-result--error .online-payment-result__icon{background:#fff0ed;color:#c33f39}.online-payment-page .online-payment-visual{align-items:flex-end;display:flex;isolation:isolate;min-height:540px;overflow:hidden;position:sticky;top:124px}.online-payment-page .online-payment-visual img{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;width:100%;z-index:-2}.online-payment-page .online-payment-visual:after{background:linear-gradient(180deg,#1f232000,#1f2320bd);content:"";height:58%;inset:auto 0 0;position:absolute;z-index:-1}.online-payment-page .online-payment-visual__content{color:#fff;padding:34px;width:min(520px,100%)}.online-payment-page .online-payment-visual__content span{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;min-height:28px;padding:0 12px}.online-payment-page .online-payment-visual__content h1{font-family:Montserrat-Bold;font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:0;line-height:1;margin:14px 0 8px}.online-payment-page .online-payment-visual__content p{color:#ffffffe0;font-size:15px;line-height:1.55;margin:0;width:min(440px,100%)}.online-payment-page .online-payment-entry__side{display:grid;gap:16px}.online-payment-page .help-panel{padding:18px}.online-payment-page .help-panel__title{align-items:center;color:var(--brand-primary-dark);display:flex;font-weight:800;gap:8px;margin:0 0 12px}.online-payment-page .help-panel ul{color:var(--ink-soft);display:grid;font-size:13px;gap:8px;line-height:1.45;margin:0;padding-left:18px}.online-payment-page .support-chip{align-items:center;background:var(--green-bg);border:1px solid #cfe8d6;border-radius:12px;color:var(--ink-soft);display:flex;gap:12px;justify-content:space-between;margin-top:16px;padding:12px 16px}.online-payment-page .support-chip__icon{background:#25d366;border-radius:50%;color:#fff;display:grid;flex:0 0 32px;height:32px;place-items:center;width:32px}.online-payment-page .support-chip__copy{background:transparent;color:inherit;display:block;flex:1 1 auto;height:auto;width:auto}.online-payment-page .support-chip__copy strong{color:var(--ink);display:block;font-size:13px}.online-payment-page .support-chip__copy small{color:var(--ink-soft);font-size:12px;line-height:1.4}.online-payment-page .payment-panel{display:grid;gap:18px;padding:24px}.online-payment-page .payment-panel__heading{display:grid;gap:4px}.online-payment-page .payment-panel__heading h2{color:var(--ink);font-family:Montserrat-Bold;font-size:28px;font-weight:900;letter-spacing:0;line-height:1.1;margin:0}.online-payment-page .payment-panel__eyebrow{color:var(--brand-primary-dark);font-size:12px;font-weight:900;letter-spacing:.02em;margin:0;text-transform:uppercase}.online-payment-page .payment-panel label{color:var(--ink-soft);display:grid;font-size:13px;font-weight:700;gap:8px}.online-payment-page .payment-panel input,.online-payment-page .payment-panel select{background:#fff;border:1.5px solid var(--border-soft);border-radius:11px;color:var(--ink);font:inherit;min-height:48px;padding:0 14px;width:100%}.online-payment-page .payment-panel input:focus,.online-payment-page .payment-panel select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.online-payment-page .option-grid{display:grid;gap:10px}.online-payment-page .option-card{align-items:center;background:#fff;border:1.5px solid var(--border-soft);border-radius:14px;color:var(--ink);cursor:pointer;display:grid;gap:12px;grid-template-columns:38px 1fr;min-height:58px;padding:10px 12px;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.online-payment-page .option-card span{background:var(--surface-soft);border-radius:12px;color:var(--brand-primary-dark);display:grid;height:38px;place-items:center;width:38px}.online-payment-page .option-card strong{font-size:13.5px;line-height:1.25}.online-payment-page .option-card--active,.online-payment-page .option-card:hover{background:var(--surface-soft);border-color:var(--brand-primary);box-shadow:0 8px 18px #a9722f1a}.online-payment-page .option-card--active span{background:var(--brand-primary);color:#fff}.online-payment-page .panel-copy,.online-payment-page .secure-note{color:var(--ink-soft);font-size:13px;line-height:1.45;margin:0}.online-payment-page .secure-note{align-items:center;display:flex;gap:8px;justify-content:center}.online-payment-page .status-message{align-items:flex-start;border-radius:var(--radius-control);display:flex;font-size:13px;font-weight:700;gap:10px;line-height:1.35;margin-top:16px;padding:12px 14px}.online-payment-page .status-message>.pi{display:inline-grid;flex:0 0 18px;height:18px;line-height:1;place-items:center;transform:translateY(.5px);width:18px}.online-payment-page .status-message>.pi:before{display:block;line-height:1}.online-payment-page .status-message--error{background:#fff0ed;border:1px solid #f5c4ba;color:#9d2f20}.online-payment-page .status-message--success{background:var(--green-bg);border:1px solid rgba(34,122,61,.24);color:var(--success-green)}.online-payment-page .selection-panel{margin-top:0;padding:14px}.online-payment-page .payment-summary-row,.online-payment-page .selection-header{align-items:center;display:flex;gap:18px;justify-content:space-between}.online-payment-page .selection-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid var(--border-soft);border-radius:18px 18px 0 0;display:flex;flex-wrap:wrap;margin:-14px -14px 12px;padding:12px 14px;position:sticky;top:138px;z-index:6}.online-payment-page .selection-header__main{display:grid;gap:8px;min-width:min(520px,100%)}.online-payment-page .selection-header__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px 16px}.online-payment-page .selection-header .selection-kicker{align-items:center;background:var(--surface-soft);border-radius:999px;color:var(--brand-primary-dark);display:inline-flex;font-size:11px;font-weight:900;min-height:26px;padding:0 10px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.online-payment-page .selection-header h2{color:var(--ink);font-family:Montserrat-Bold;font-size:24px;font-weight:800;line-height:1.2;margin:8px 0}.online-payment-page .selection-header p{color:var(--ink-soft);font-size:12.5px;margin:0}.online-payment-page .selection-header p strong{color:var(--ink);font-size:13.5px}.online-payment-page .total-pill{display:grid;justify-items:end;min-width:260px}.online-payment-page .total-pill .button{margin-top:10px;min-width:210px}.online-payment-page .payment-summary-row>div,.online-payment-page .total-pill{display:grid;gap:4px}.online-payment-page .payment-summary-row>div span,.online-payment-page .total-pill span{color:var(--ink-soft);font-size:12px;font-weight:700}.online-payment-page .payment-summary-row>div strong,.online-payment-page .total-pill strong{color:var(--success-green);font-family:Montserrat-Bold,sans-serif;font-size:28px;letter-spacing:0;line-height:1}.online-payment-page .selection-societies{display:grid;flex:1 1 360px;gap:8px;min-width:min(420px,100%)}.online-payment-page .selection-societies p{color:var(--brand-primary-dark);font-size:11px;font-weight:800;margin:0;text-transform:uppercase}.online-payment-page .selection-societies>div{align-items:center;display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.online-payment-page .society-option{align-items:center;align-self:flex-start;background:#fff;border:1px solid var(--border-soft);border-radius:999px;color:var(--ink);cursor:pointer;display:flex;flex:0 0 auto;font-size:12.5px;font-weight:700;gap:8px;height:auto;padding:7px 11px;width:-moz-fit-content;width:fit-content}.online-payment-page .society-option input{accent-color:var(--brand-primary);flex:0 0 auto}.online-payment-page .section-title{background:#fff;border-bottom:1px solid var(--border-soft);color:var(--brand-primary-dark);font-weight:800;margin:0;padding:10px 12px;text-align:left}.online-payment-page .payment-table-wrap{background:#fff;border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}.online-payment-page .payment-table-scroll{max-height:clamp(320px,100vh - 362px,580px);overflow:auto}.online-payment-page .payment-table{border:0;border-collapse:collapse;border-spacing:0;font-size:12px;min-width:760px;width:100%}.online-payment-page .payment-table td,.online-payment-page .payment-table th{border-bottom:1px solid var(--border-soft);padding:9px 10px;text-align:left;vertical-align:middle;white-space:nowrap}.online-payment-page .payment-table th{background:#faf8f4;border-bottom:1px solid var(--border-soft);color:var(--ink);font-size:11.5px;font-weight:800;position:sticky;text-transform:none;top:0;z-index:2}.online-payment-page .payment-table tbody tr:nth-child(odd){background:#fafaf8}.online-payment-page .payment-table tbody tr:last-child td{border-bottom:0}.online-payment-page .payment-table tfoot td{border-top:2px solid var(--border-soft);font-weight:800;padding:10px}.online-payment-page .payment-table .total-label{text-align:right}.online-payment-page .payment-table .total-amt{color:var(--brand-primary-dark);font-size:15px;text-align:right}.online-payment-page .payment-table .right{text-align:right}.online-payment-page .payment-table .center{text-align:center}.online-payment-page .city-tag,.online-payment-page .pending-chip{align-items:center;background:var(--surface-chip);border-radius:999px;color:var(--brand-primary-dark);display:inline-flex;font-size:11.5px;font-weight:800;min-height:26px;padding:0 9px}.online-payment-page .pending-chip{background:#fff0ed;color:#9d2f20}.online-payment-page .amount-input{margin-left:auto;position:relative;width:150px}.online-payment-page .amount-input span{color:var(--ink-soft);font-weight:800;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.online-payment-page .amount-input input{border:1.5px solid var(--border-soft);border-radius:9px;font-weight:700;min-height:36px;padding:0 12px 0 28px;text-align:right;width:100%}.online-payment-page .amount-input input:focus{border-color:var(--brand-primary);outline:none}.online-payment-page .amount-input input:disabled{background:var(--surface-page);color:var(--ink-faint)}.online-payment-page .payment-summary-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid var(--border-soft);border-radius:14px;bottom:0;box-shadow:0 -8px 24px #1f232014;justify-content:space-between;margin:12px -2px 0;padding:12px 14px;position:sticky;z-index:5}.online-payment-page .payment-summary-row__meta{min-width:220px}.online-payment-page .payment-summary-row .button{min-width:260px}.online-payment-page .payment-security-panel{background:#fafaf8;border:1px solid var(--border-soft);border-radius:14px;margin-top:18px;padding:16px 18px}.online-payment-page .payment-security-panel__head,.online-payment-page .payment-security-panel__note{align-items:center;display:flex;gap:8px;margin:0}.online-payment-page .payment-security-panel__head{color:var(--ink);font-size:12.5px;font-weight:700}.online-payment-page .payment-security-panel__head i{color:var(--success-green)}.online-payment-page .payment-security-panel__note{color:var(--ink-faint);font-size:11px}.online-payment-page .payment-security-panel__note i{color:var(--success-green)}.online-payment-page .payment-methods{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.online-payment-page .payment-methods span{align-items:center;background:#fff;border:1px solid var(--border-soft);border-radius:8px;color:var(--ink-soft);display:inline-flex;font-size:11.5px;font-weight:700;gap:6px;padding:6px 10px}.online-payment-page .p-checkbox{height:22px;width:22px}.online-payment-page .p-checkbox .p-checkbox-box{background:#fff;border:2px solid #b9afa3;border-radius:7px;box-shadow:inset 0 0 0 2px #fff;height:22px;width:22px}.online-payment-page .p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--brand-primary-dark)}.online-payment-page .p-checkbox-input:checked+.p-checkbox-box,.online-payment-page .p-checkbox.p-highlight .p-checkbox-box,.online-payment-page .p-checkbox[data-p-highlight=true] .p-checkbox-box{background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;box-shadow:none;color:#fff!important}.online-payment-page .p-checkbox-input:checked+.p-checkbox-box .p-checkbox-icon,.online-payment-page .p-checkbox.p-highlight .p-checkbox-icon,.online-payment-page .p-checkbox[data-p-highlight=true] .p-checkbox-icon{color:#fff!important;height:12px;width:12px;stroke:currentColor}.online-payment-page .mobile-payment-bar{display:none}body:has(.online-payment-page--selection) .button-whatsapp,body:has(.online-payment-page--selection) .campaign-float-stack,body:has(.online-payment-page--selection) .recommended-button,body:has(.online-payment-page--selection) .scroll-btn{display:none!important}.online-payment-auth-dialog,.online-payment-confirm{width:min(440px,100vw - 32px)}.online-payment-auth-dialog .p-dialog-content,.online-payment-confirm .p-dialog-content{color:var(--ink-soft)}.online-payment-auth-dialog .confirm-header,.online-payment-confirm .confirm-header{align-items:center;color:var(--ink);display:flex;gap:10px}.online-payment-auth-dialog .confirm-header span,.online-payment-confirm .confirm-header span{background:var(--surface-soft);border-radius:50%;color:var(--brand-primary-dark);display:grid;height:38px;place-items:center;width:38px}.online-payment-auth-dialog .confirm-actions,.online-payment-confirm .confirm-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:18px}.online-payment-auth-dialog{width:min(520px,100vw - 32px)}.online-payment-auth-dialog .p-dialog-header{display:none}.online-payment-auth-dialog .p-dialog-content{padding:34px 32px 28px}.online-payment-auth-dialog .auth-step-content{display:grid;gap:22px;justify-items:center;text-align:center}.online-payment-auth-dialog .auth-step-content .auth-step-icon{border:4px solid #49bfe8;border-radius:50%;color:#49bfe8;display:grid;height:86px;place-items:center;width:86px}.online-payment-auth-dialog .auth-step-content .auth-step-icon i{font-size:50px;line-height:1}.online-payment-auth-dialog .auth-step-content p{color:#5d5d5d;font-family:Montserrat-Medium;font-size:20px;line-height:1.35;margin:0}.online-payment-auth-dialog .auth-step-content p strong{color:#4d4d4d;font-family:Montserrat-Bold}.online-payment-auth-dialog .auth-step-content .auth-step-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.online-payment-auth-dialog .auth-step-content .auth-step-actions .auth-step-button{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Montserrat-SemiBold;font-size:16.5px;justify-content:center;line-height:1;min-height:44px;padding-left:1rem;padding-right:1rem;text-align:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;white-space:nowrap;width:-moz-fit-content;width:fit-content}.online-payment-auth-dialog .auth-step-content .auth-step-actions .auth-step-button:hover{box-shadow:0 8px 18px #1f23201f;transform:translateY(-1px)}.online-payment-auth-dialog .auth-step-content .auth-step-actions .auth-step-button--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.online-payment-auth-dialog .auth-step-content .auth-step-actions .auth-step-button--blue{background:#2f86de;border-color:#2f86de;color:#fff}.online-payment-auth-dialog .auth-step-content .auth-step-actions .auth-step-button--danger{background:#df343b;border-color:#df343b;color:#fff}.online-payment-auth-dialog .auth-step-content .auth-step-actions .auth-step-button--outline{background:#fff;border-color:var(--brand-primary);color:var(--brand-primary-dark)}.online-payment-auth-dialog .auth-step-content label{color:var(--ink-soft);display:grid;font-size:13px;font-weight:700;gap:8px}.online-payment-auth-dialog .auth-step-content input{background:#fff;border:2px solid #b8d7ef;border-radius:4px;color:var(--ink);font:inherit;min-height:44px;padding:0 14px;width:100%}.online-payment-auth-dialog .auth-step-content input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--accent-bg);outline:none}@media (max-width:900px){.online-payment-page{padding-bottom:96px;padding-left:14px;padding-right:14px}.online-payment-page .online-payment-entry{grid-template-columns:1fr}.online-payment-page .online-payment-visual{min-height:280px;position:relative;top:auto}.online-payment-page .online-payment-visual__content{padding:24px}.online-payment-page .online-payment-visual__content h1{font-size:38px}.online-payment-page .payment-summary-row,.online-payment-page .selection-header{align-items:stretch;flex-direction:column}.online-payment-page .payment-summary-row .button{min-width:0;width:100%}.online-payment-page .selection-header{position:static}}@media (max-width:640px){.online-payment-page .help-panel,.online-payment-page .online-payment-result,.online-payment-page .payment-panel,.online-payment-page .selection-panel{padding:18px}.online-payment-page .online-payment-visual{border-radius:16px;min-height:145px}.online-payment-page .online-payment-visual__content{padding:16px}.online-payment-page .online-payment-visual__content h1{font-size:26px}.online-payment-page .online-payment-visual__content p{font-size:12px}.online-payment-page .payment-panel__heading h2,.online-payment-page .selection-header h2{font-size:22px}.online-payment-page .option-card{min-height:54px}.online-payment-page .online-payment-result__intro{grid-template-columns:1fr;text-align:center}.online-payment-page .online-payment-result__icon{margin:0 auto}.online-payment-page .online-payment-result__actions{grid-template-columns:1fr}.online-payment-page .selection-header{align-items:flex-start;display:grid;gap:14px;margin:-18px -18px 18px;padding:16px}.online-payment-page .selection-societies{gap:7px;min-width:0;width:100%}.online-payment-page .selection-societies p{font-size:10.5px}.online-payment-page .selection-societies>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px;overflow-x:visible;padding-bottom:0}.online-payment-page .society-option{border-radius:999px;font-size:12px;gap:6px;line-height:1.1;max-height:36px;min-height:34px;padding:6px 10px;white-space:nowrap}.online-payment-page .society-option input{height:14px;margin:0;width:14px}.online-payment-page .payment-summary-row,.online-payment-page .total-pill{display:none}.online-payment-page .mobile-payment-bar{align-items:center;background:#fffffff5;border-top:1px solid var(--border-soft);bottom:0;box-shadow:0 -10px 24px #1f23201a;display:grid;gap:12px;grid-template-columns:1fr auto;left:0;padding:12px 14px;position:fixed;right:0;z-index:40}.online-payment-page .mobile-payment-bar div{display:grid;gap:2px}.online-payment-page .mobile-payment-bar span{color:var(--ink-soft);font-size:11px;font-weight:700}.online-payment-page .mobile-payment-bar strong{color:var(--success-green);font-family:Montserrat-Bold,sans-serif;font-size:20px;line-height:1}.online-payment-page .mobile-payment-bar .button{color:#fff!important;min-width:118px}.online-payment-page .mobile-payment-bar .button:not(:disabled),.online-payment-page .mobile-payment-bar .button:not(:disabled) *{color:#fff!important}.online-payment-page .mobile-payment-bar .button:disabled,.online-payment-page .mobile-payment-bar .button:disabled *{color:var(--ink-faint)!important}.online-payment-confirm .confirm-actions{grid-template-columns:1fr}.online-payment-auth-dialog .p-dialog-content{padding:28px 20px 22px}.online-payment-auth-dialog .auth-step-content{gap:18px}.online-payment-auth-dialog .auth-step-content .auth-step-icon{height:74px;width:74px}.online-payment-auth-dialog .auth-step-content .auth-step-icon i{font-size:42px}.online-payment-auth-dialog .auth-step-content p{font-size:16px}.online-payment-auth-dialog .auth-step-content .auth-step-actions{grid-template-columns:1fr;width:100%}.online-payment-auth-dialog .auth-step-content .auth-step-actions .auth-step-button{min-height:44px}}