.payment-popup-modal .CdsTV-Modal-Container{max-width:400px;width:100%;margin:0 auto}.payment-popup-modal .CdsTV-Modal-Content{border-radius:12px;background:#ffffff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.payment-popup-modal .CdsTV-Modal-Body{padding:0}.payment-popup-container{padding:24px}.payment-popup-progress{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.progress-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;width:50%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;transition:width .3s ease-in-out}.progress-text{font-size:12px;color:#6b7280;font-weight:500}.payment-popup-header{text-align:center;margin-bottom:32px}.payment-popup-title{font-size:24px;font-weight:600;color:#111827;margin-bottom:8px;line-height:1.3}.payment-popup-subtitle{font-size:14px;color:#6b7280;margin:0}.payment-amount-container{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;padding:24px;text-align:center;margin-bottom:32px;position:relative;overflow:hidden}.payment-amount-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));pointer-events:none}.payment-amount-label{font-size:14px;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:8px}.payment-amount-value{font-size:36px;font-weight:700;color:#ffffff;line-height:1.1}.payment-description{font-size:14px;color:rgba(255,255,255,.8);margin-top:8px}.payment-methods-section{margin-bottom:32px}.payment-methods-title{font-size:12px;font-weight:600;color:#6b7280;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.payment-methods-list{display:flex;flex-direction:column;gap:8px}.payment-method-item{display:flex;align-items:center;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;background:#ffffff}.payment-method-item:hover{border-color:#d1d5db;background:#f9fafb}.payment-method-item.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 1px rgba(59,130,246,.1)}.payment-method-radio{position:relative;margin-right:12px}.payment-method-input{position:absolute;opacity:0;cursor:pointer}.payment-method-radio-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;background:#ffffff;transition:all .2s ease-in-out}.payment-method-item.selected .payment-method-radio-custom{border-color:#3b82f6;background:#3b82f6}.payment-method-item.selected .payment-method-radio-custom:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#ffffff;transform:translate(-50%,-50%)}.payment-method-icon-container{margin-right:12px;display:flex;align-items:center;justify-content:center}.payment-method-icon{width:24px;height:24px;color:#6b7280}.payment-method-item.selected .payment-method-icon{color:#3b82f6}.razorpay-icon{width:24px;height:24px;background:#528ff0;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14px}.payment-method-details{flex:1}.payment-method-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:2px}.payment-method-description{font-size:12px;color:#6b7280}.payment-popup-footer{margin-bottom:16px}.payment-continue-button{font-size:16px;font-weight:600;padding:16px 24px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#ffffff;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.payment-continue-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 8px -1px rgba(0,0,0,.15);transform:translateY(-1px)}.payment-continue-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.payment-continue-button:active{transform:translateY(0)}.payment-security-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#6b7280;text-align:center}.security-icon{width:16px;height:16px;color:#059669}.payment-popup-container.loading{opacity:.7;pointer-events:none}@media (max-width:480px){.payment-popup-modal .CdsTV-Modal-Container{max-width:95%;margin:20px auto}.payment-popup-container{padding:20px}.payment-popup-title{font-size:20px}.payment-amount-value{font-size:28px}.payment-method-item{padding:12px}.payment-continue-button{padding:14px 20px;font-size:14px}}.payment-popup-modal.animate .CdsTV-Modal-Container{animation:paymentPopupSlideIn .3s ease-out}@keyframes paymentPopupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.payment-continue-button:focus,.payment-method-item:focus{outline:2px solid #3b82f6;outline-offset:2px}.payment-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001}.payment-error-message{background:#ffffff;border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);border-left:4px solid #dc2626}.payment-error-message p{color:#dc2626;font-size:14px;margin-bottom:16px;line-height:1.5}.payment-error-dismiss{background:#dc2626;color:#ffffff;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.payment-error-dismiss:hover{background:#b91c1c}.payment-step-container{padding-top:0}.payment-step-header{display:flex;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.payment-back-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease-in-out;margin-right:16px}.payment-back-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.payment-back-button:disabled{opacity:.5;cursor:not-allowed}.payment-step-title{font-size:18px;font-weight:600;color:#111827;margin:0}.stripe-payment-form{width:100%}.stripe-form{display:flex;flex-direction:column;gap:20px}.address-element-container,.payment-element-container{margin-bottom:16px}.stripe-error-message{padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px}.stripe-error-message p{color:#dc2626;font-size:14px;margin:0}.stripe-form-actions{display:flex;gap:12px;margin-bottom:16px}.stripe-form-actions button:first-child{flex:0 0 auto;min-width:80px}.stripe-form-actions button:last-child{flex:1}.stripe-security-notice{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#6b7280;text-align:center;padding-top:12px;border-top:1px solid #e5e7eb}.stripe-security-notice .security-icon{width:16px;height:16px;color:#059669}.StripeElement{padding:12px;border:1px solid #d1d5db;border-radius:6px;background:#ffffff;transition:border-color .2s ease-in-out}.StripeElement:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 1px rgba(59,130,246,.1)}.StripeElement--invalid{border-color:#dc2626}.StripeElement--complete{border-color:#059669}@media (max-width:480px){.payment-step-header{flex-direction:column;align-items:flex-start;gap:8px}.payment-back-button{margin-right:0;align-self:flex-start}.payment-step-title{font-size:16px}.stripe-form-actions{flex-direction:column}.stripe-form-actions button:first-child{flex:1;min-width:auto}}@media (prefers-contrast:high){.payment-method-item{border-width:3px}.payment-method-item.selected{background:#ffffff;border-color:#000000}.payment-amount-container{background:#000000}.StripeElement,.payment-back-button{border-width:2px}}