.installment-widget-container{margin:20px 0;display:flex;flex-direction:column;gap:12px}.installment-option{border:1px solid #e0e0e0;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;background:#fff}.installment-option:hover{border-color:#3bffc8;box-shadow:0 2px 8px #3bffc833}.widget-trigger{display:flex;align-items:center;gap:12px}.widget-logo{flex-shrink:0}.widget-logo img,.widget-logo svg{display:block}.widget-text{flex:1;font-size:14px;line-height:1.5}.widget-message{color:#333}.installment-price{color:#000;font-weight:600}.currency-symbol{margin-right:2px}.learn-more{color:#3533ac;text-decoration:underline;margin-left:8px;font-weight:500}.learn-more:hover{opacity:.8}.installment-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;z-index:9999!important;display:none!important;padding:0!important;overflow-y:auto!important}.installment-modal.show{display:block!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background:#000000b3!important;cursor:pointer!important;z-index:9998!important}.modal-content{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#f2f5f7!important;border-radius:32px!important;max-width:480px!important;width:95%!important;max-height:90vh!important;overflow-y:auto!important;z-index:9999!important;animation:slideUp .3s ease!important;box-shadow:0 20px 60px #0000004d!important;margin:0!important}.modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 32px!important;background:linear-gradient(135deg,#3bffc8,#3bff9d)!important;border-radius:32px 32px 0 0!important}.modal-header img{display:block!important}.modal-close{background:transparent!important;border:none!important;font-size:32px!important;cursor:pointer!important;padding:0!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#182430!important;font-family:Arial,sans-serif!important;line-height:1!important;font-weight:300!important}.modal-close:hover{opacity:.7!important}.modal-body{padding:32px!important}.modal-body h2{font-size:28px!important;margin:0 0 8px!important;color:#182430!important;font-weight:700!important}.modal-subtitle{font-size:16px!important;color:#666!important;margin:0 0 24px!important}.modal-body h3{font-size:20px!important;margin:32px 0 16px!important;color:#182430!important;font-weight:600!important}.payment-plans{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:24px!important}.plan-option{background:#fff!important;border-radius:16px!important;padding:16px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.plan-option.highlight{background:linear-gradient(135deg,#f2e8ff,#e7fae4)!important}.plan-details{flex:1!important}.plan-amount{font-size:18px!important;font-weight:700!important;color:#182430!important;margin-bottom:4px!important}.plan-fee{font-size:13px!important;color:#7f8b99!important}.plan-badge{background:#e1edfc!important;color:#2b7ddc!important;padding:6px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important}.plan-badge.primary{background:#5d21de!important;color:#fff!important}.how-it-works{display:flex!important;flex-direction:column!important;gap:20px!important}.step{display:flex!important;gap:16px!important;align-items:flex-start!important}.step-number{width:32px!important;height:32px!important;border-radius:50%!important;background:#e1edfc!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;color:#182430!important;flex-shrink:0!important;font-size:14px!important}.step-content{flex:1!important}.step-content h4{margin:0 0 4px!important;font-size:16px!important;color:#182430!important;font-weight:600!important}.step-content p{margin:0!important;font-size:14px!important;color:#7f8b99!important;line-height:1.5!important}.trust-badges{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:16px!important;margin-top:24px!important;padding-top:24px!important;border-top:1px solid #d8e0eb!important}.badge-item{display:flex!important;align-items:center!important;gap:12px!important}.badge-item svg{flex-shrink:0!important}.badge-item span{font-size:14px!important;color:#182430!important}.tabby-style .modal-header{background:#182430!important;color:#fff!important}.tabby-hero{position:relative!important;border-radius:24px!important;overflow:hidden!important;margin-bottom:24px!important;min-height:160px!important;background:linear-gradient(135deg,#5d21de,#3bffc8)!important;padding:32px!important;display:flex!important;align-items:center!important}.hero-text h2{margin:0 0 8px!important;font-size:28px!important;color:#fff!important;font-weight:700!important}.hero-text p{margin:0!important;font-size:16px!important;color:#fff!important;opacity:.9!important}.payment-options{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:24px!important}.option-card{background:#fff!important;border-radius:16px!important;padding:20px!important}.option-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}.option-header strong{font-size:16px!important;color:#182430!important}.option-price{font-size:18px!important;font-weight:700!important;color:#182430!important}.option-note{margin:0!important;font-size:14px!important;color:#7f8b99!important}.tabby-steps .step-number{background:#f2e8ff!important;color:#5d21de!important}.tabby-trust{grid-template-columns:1fr!important}.tabby-trust .badge-item{background:#fff!important;padding:16px!important;border-radius:12px!important;align-items:flex-start!important}.tabby-trust .badge-item svg{width:40px!important;height:40px!important}.tabby-trust .badge-item div{flex:1!important}.tabby-trust .badge-item div strong{display:block!important;margin-bottom:4px!important;color:#182430!important;font-size:15px!important}.tabby-trust .badge-item div p{margin:0!important;font-size:13px!important;color:#7f8b99!important}.continue-button{width:100%!important;padding:16px!important;background:#182430!important;color:#fff!important;border:none!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;margin:24px 0 16px!important;transition:opacity .3s ease!important}.continue-button:hover{opacity:.9!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.installment-modal{padding:0!important}.modal-content{max-height:100vh!important;border-radius:20px!important;width:100%!important;max-width:95%!important}.modal-header{padding:16px 20px!important}.modal-body{padding:20px!important}.modal-body h2{font-size:24px!important}.modal-body h3{font-size:18px!important}.trust-badges{grid-template-columns:1fr!important}.tabby-hero{min-height:140px!important;padding:24px!important}.hero-text h2{font-size:24px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/installment-widget.css.map */