@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeInOverlay;display:flex;position:fixed;inset:0}.checkout-overlay .checkout-modal{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;width:100%;max-width:440px;height:80%;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalScaleUp;position:relative;overflow:hidden scroll;box-shadow:0 25px 50px -12px #00000040}.checkout-overlay .checkout-modal__header{background:linear-gradient(90deg,#f59e0b14,#ea580c14);justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;display:flex}.checkout-overlay .checkout-modal__header .header-title{color:#1e293b;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.checkout-overlay .checkout-modal__header .header-title .card-icon{color:#f59e0b}.checkout-overlay .checkout-modal__header .header-subtitle{color:#64748b;margin-top:.25rem;font-size:.75rem}.checkout-overlay .checkout-modal__header .close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.checkout-overlay .checkout-modal__header .close-btn:hover{color:#475569;background-color:#f1f5f9}.checkout-overlay .checkout-modal__body{padding:1.5rem}.checkout-overlay .checkout-modal__body .summary-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.checkout-overlay .checkout-modal__body .summary-card__label{text-transform:uppercase;letter-spacing:.05em;color:#d97706;font-size:.75rem;font-weight:600}.checkout-overlay .checkout-modal__body .summary-card__desc{color:#475569;margin-top:.125rem;font-size:.875rem}.checkout-overlay .checkout-modal__body .summary-card__price{color:#1e293b;font-size:1.25rem;font-weight:800}.checkout-overlay .checkout-modal__footer{border-t:1px solid #f1f5f9;color:#94a3b8;background-color:#f8fafc;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.75rem;display:flex}.checkout-overlay .checkout-modal__footer .shield-icon{color:#10b981}.stripe-payment-form{flex-direction:column;gap:1rem;display:flex}.stripe-payment-form .elements-wrapper{min-height:150px}.stripe-payment-form .error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:.5rem;padding:.75rem;font-size:.875rem}.stripe-payment-form .submit-payment-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f59e0b,#ea580c);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.stripe-payment-form .submit-payment-btn:hover:not(:disabled){background:linear-gradient(90deg,#d97706,#c2410c)}.stripe-payment-form .submit-payment-btn:disabled{opacity:.5;cursor:not-allowed}.stripe-payment-form .submit-payment-btn .spinner-icon{animation:1s linear infinite spin}.skeleton-loader{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.skeleton-loader__bar,.skeleton-loader__btn{background-color:#e2e8f0;border-radius:.5rem;width:100%;height:2.5rem;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton-loader__btn{background-color:#fde68a;height:3rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
