.simple-payment-trigger{display:flex;align-items:center;font-size:14px;background:linear-gradient(135deg,#ebffa8,#f0ffb8);padding:12px 16px;border-radius:12px;margin-bottom:0;cursor:pointer;box-shadow:0 4px 20px #00000014;position:relative;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);max-width:440px}.simple-payment-trigger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.simple-payment-trigger .trigger-content{display:flex;align-items:center;gap:8px;width:100%}.simple-payment-trigger .trigger-text{margin:0;font-weight:500;color:#333}.simple-payment-trigger .trigger-amount{color:#006400;font-size:1.2em;font-weight:700}.simple-payment-trigger .trigger-logo{width:120px;height:48px;display:block}.simple-payment-trigger .img-wrapper{display:flex;align-items:center;margin-left:auto}.simple-payment-trigger .trigger-logo{width:80px;height:32px;display:block}.simple-payment-modal{width:100%;height:100%;max-width:400px;max-height:600px;border:none;border-radius:20px;padding:0;background:#fff;box-shadow:0 20px 60px #0000004d}.simple-payment-modal::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.simple-payment-modal .modal-container{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden}.simple-payment-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef}.simple-payment-modal .header-brand{display:flex;align-items:center;gap:12px}.simple-payment-modal .brand-logo img{height:22px;width:auto;display:flex;justify-content:center;align-items:center}.simple-payment-modal .payment-type{background:linear-gradient(135deg,#006400,green);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.simple-payment-modal .close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.simple-payment-modal .close-button:hover{background-color:#0000001a}.simple-payment-modal .close-icon{width:16px;height:16px;fill:#666}.simple-payment-modal .hero-section{padding:20px 24px;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);position:relative}.simple-payment-modal .hero-section{padding-bottom:0!important}.simple-payment-modal .hero-content{display:flex;position:relative;min-height:120px}.simple-payment-modal .hero-text{flex:1;padding-right:140px;z-index:2}.simple-payment-modal .hero-heading{font-size:16px;font-weight:700;color:#333;margin:0 0 6px;line-height:1.2}.simple-payment-modal .original-price{text-decoration:line-through;color:#999;font-weight:500;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.simple-payment-modal .installment-price{color:#006400;font-weight:700;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.simple-payment-modal .hero-description{font-size:13px;color:#666;display:flex;align-items:center;gap:4px}.simple-payment-modal .inline-logo{height:14px;width:auto}.simple-payment-modal .hero-image{position:absolute;bottom:0;right:0;z-index:1}.simple-payment-modal .hero-image img{max-width:130px;height:auto;display:block}.simple-payment-modal .payment-schedule{padding:20px 24px;background:#fff;border-bottom:1px solid #e9ecef}.simple-payment-modal .schedule-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.simple-payment-modal .calendar-icon{width:16px;height:16px;fill:#006400}.simple-payment-modal .schedule-grid{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.simple-payment-modal .schedule-item{display:flex;flex-direction:column;align-items:center;background:#fff;padding:4px 8px;border-radius:6px;border:1px solid #e9ecef;gap:4px;min-width:120px;font-size:11px;box-shadow:0 1px 2px #00000008}.simple-payment-modal .schedule-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.simple-payment-modal .schedule-amount{font-weight:700;color:#006400;font-size:12px;margin:0 2px}.simple-payment-modal .schedule-period{color:#666;font-size:13px;text-align:center}.simple-payment-modal .schedule-progress-line{position:absolute;left:35px;top:40px;bottom:40px;width:2px;background:linear-gradient(to bottom,#006400,#48bb78);border-radius:1px;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.simple-payment-modal .benefits-section{padding:20px 24px;background:#fff;flex:1}.simple-payment-modal .benefits-title{font-size:14px;font-weight:600;color:#333;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.simple-payment-modal .benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.simple-payment-modal .benefit-item{background:linear-gradient(135deg,#e8f5e8,#d4edda);padding:16px 12px;border-radius:12px;text-align:center;border:1px solid #c3e6cb}.simple-payment-modal .benefit-value{font-size:18px;font-weight:700;color:#006400;margin-bottom:4px}.simple-payment-modal .benefit-label{font-size:11px;color:#666;font-weight:500;line-height:1.2}.simple-payment-modal .modal-footer{padding:16px 24px;background:#23272f;border-top:1px solid #23272F;text-align:center}.simple-payment-modal .modal-footer img{max-width:100%;height:auto}@media (max-width: 480px){.simple-payment-modal{max-width:95vw;max-height:90vh;margin:auto}.simple-payment-modal .hero-content{flex-direction:column;text-align:center}.simple-payment-modal .schedule-grid{grid-template-columns:1fr}.simple-payment-modal .benefits-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.simple-payment-modal .modal-header,.simple-payment-modal .hero-section,.simple-payment-modal .payment-schedule,.simple-payment-modal .benefits-section{padding:16px}}.simple-payment-modal .schedule-combined{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;padding:8px 0}.simple-payment-modal .schedule-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.simple-payment-modal .schedule-amount{font-weight:700;color:#006400;margin:0 2px;font-size:15px}.simple-payment-modal .schedule-period{color:#666;margin-right:8px}.simple-payment-modal .schedule-divider{width:1px;height:18px;background:#ccc;margin:0 8px;display:inline-block}.simple-payment-modal .schedule-divider{width:1px;height:32px;background:#ccc;margin:0 10px;border-radius:1px}.simple-payment-modal .schedule-divider-horizontal{width:100%;height:1px;background:#ccc;margin:0;border-radius:1px}.simple-payment-modal .schedule-item-divide-line{position:relative;width:100%;height:2px;background:#e0e0e0;overflow:hidden;margin:8px 0}.simple-payment-modal .schedule-item-divide-line:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#48bb78,#006400);animation:scheduleLineGrow 3s cubic-bezier(.4,0,.2,1) infinite;border-radius:1px}@keyframes scheduleLineGrow{0%{width:0}to{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/simple-2.css.map */
