.installment-offer-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.installment-offer-modal .modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.installment-offer-modal .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:80vh;max-width:1000px;overflow:hidden;position:relative;width:90%}.installment-offer-modal .modal-header{align-items:center;border-bottom:1px solid #e4e4e7;display:flex;justify-content:space-between;padding:13px 16px}.installment-offer-modal .modal-header .modal-title{color:#1d1d20;font-size:20px;font-weight:700;margin:0}.installment-offer-modal .modal-header .close-button{background:#f2f2f3;border:none;border-radius:50%;cursor:pointer;height:24px;padding:4px;transition:background-color .2s ease;width:24px}.installment-offer-modal .modal-header .close-button:hover{background-color:#f5f5f5}.installment-offer-modal .modal-body{max-height:calc(80vh - 143px);overflow-y:auto;padding:24px}.installment-offer-modal .modal-body .mobile-block-product{display:none}.installment-offer-modal .modal-footer{border-top:1px solid #e4e4e7;display:flex;gap:16px;justify-content:center;padding:16px}.installment-offer-modal .modal-footer .btn-primary,.installment-offer-modal .modal-footer .btn-secondary{cursor:pointer;line-height:1.5;max-width:240px;width:100%}.installment-offer-modal .modal-footer .btn-secondary{background:#fff;border:1px solid #e4e4e7;border-radius:8px;color:#1d1d20;font-size:16px;font-weight:500;padding:12px;transition:all .2s ease}.installment-offer-modal .modal-footer .btn-secondary:hover{background:#f5f5f5;border-color:#d1d5db}.installment-offer-modal .modal-footer .btn-primary{background:#d70018;border:1px solid #d70018;border-radius:8px;color:#fff;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s ease}.installment-offer-modal .modal-footer .btn-primary:hover{background:#b91c1c}@media screen and (max-width:768px){.installment-offer-modal{align-items:flex-end;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.installment-offer-modal .modal-content{border-radius:0;height:100%;margin:0;max-height:100%;width:100%}.installment-offer-modal .modal-body{background-color:#e4e4e7;height:100%;max-height:calc(100% - 150px);padding:8px}.installment-offer-modal .modal-body .mobile-block-product{align-items:center;background-color:#fff;border-radius:8px;display:flex;gap:4px;margin-bottom:8px;overflow:hidden;padding:12px 8px}.installment-offer-modal .modal-body .mobile-block-product img{aspect-ratio:1;height:auto;width:80px}.installment-offer-modal .modal-body .mobile-block-product p{color:#1d1d20;font-size:14px;font-weight:700}.installment-offer-modal .modal-body .mobile-block-product .info p.price-box strong{color:#d70018}.installment-offer-modal .modal-footer{padding:8px 12px}}@media screen and (max-width:490px){.installment-offer-modal .modal-body{max-height:calc(100% - 127px)}.installment-offer-modal .modal-footer{border-radius:0;gap:8px;padding:8px 12px}.installment-offer-modal .modal-footer .btn-primary,.installment-offer-modal .modal-footer .btn-secondary{padding:0 12px}}.installment-offer-modal .skeleton-product-image{height:358px;margin:0 auto;width:358px}.installment-offer-modal .skeleton-product-image .skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:100%;width:100%}.installment-offer-modal .skeleton-product-name{height:20px;margin-bottom:12px;width:80%}.installment-offer-modal .skeleton-price,.installment-offer-modal .skeleton-product-name{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.installment-offer-modal .skeleton-price{height:16px;width:60%}.installment-offer-modal .skeleton-best-installment{margin:24px 0}.installment-offer-modal .skeleton-best-installment .skeleton-section-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:18px;margin-bottom:16px;width:60%}.installment-offer-modal .skeleton-best-installment .skeleton-package-list{display:flex;flex-direction:column;gap:12px}.installment-offer-modal .skeleton-best-installment .skeleton-package-list .skeleton-package-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.installment-offer-modal .skeleton-best-installment .skeleton-package-list .skeleton-package-item .skeleton-package-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.installment-offer-modal .skeleton-best-installment .skeleton-package-list .skeleton-package-item .skeleton-package-header .skeleton-company-name{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:16px;width:40%}.installment-offer-modal .skeleton-best-installment .skeleton-package-list .skeleton-package-item .skeleton-package-header .skeleton-interest-rate{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:16px;width:25%}.installment-offer-modal .skeleton-best-installment .skeleton-package-list .skeleton-package-item .skeleton-package-details{align-items:center;display:flex;justify-content:space-between}.installment-offer-modal .skeleton-best-installment .skeleton-package-list .skeleton-package-item .skeleton-package-details .skeleton-term{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:14px;width:30%}.installment-offer-modal .skeleton-best-installment .skeleton-package-list .skeleton-package-item .skeleton-package-details .skeleton-monthly-payment{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:14px;width:35%}.installment-offer-modal .skeleton-installment-info{margin:24px 0}.installment-offer-modal .skeleton-installment-info .skeleton-section-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:18px;margin-bottom:20px;width:60%}.installment-offer-modal .skeleton-installment-info .skeleton-form-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.installment-offer-modal .skeleton-installment-info .skeleton-form-fields .skeleton-form-field .skeleton-label{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:14px;margin-bottom:8px;width:40%}.installment-offer-modal .skeleton-installment-info .skeleton-form-fields .skeleton-form-field .skeleton-input{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:48px;width:100%}.installment-offer-modal .skeleton-installment-info .skeleton-summary{display:flex;flex-direction:column;gap:12px}.installment-offer-modal .skeleton-installment-info .skeleton-summary .skeleton-summary-item{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;width:100%}.installment-offer-modal .no-data-state{padding:40px 20px;text-align:center}.installment-offer-modal .no-data-state .no-data-icon{margin-bottom:16px}.installment-offer-modal .no-data-state .no-data-text{color:#6b7280;font-size:16px;margin:0}.installment-offer-modal .loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}.installment-offer-modal .btn-primary:disabled,.installment-offer-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.6}