.checkout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:4000;padding:16px}.checkout-modal-content{width:100%;max-width:1024px;height:100%;max-height:800px;background-color:white;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.checkout-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid #d9d9d9;flex-shrink:0;background-color:white}.checkout-modal-title{display:flex;align-items:center;gap:16px}.checkout-modal-icon{color:#333333;flex-shrink:0}.checkout-modal-heading{font-family:Sora,sans-serif;font-size:12px;font-weight:700;color:#000000;margin:0;text-transform:uppercase;letter-spacing:.5px}.checkout-modal-close{background:none;border:none;font-size:24px;color:#333333;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s;line-height:1}.checkout-modal-close:hover{background-color:#f5f3ef}.checkout-modal-body{display:flex;flex:1;overflow:hidden;background-color:white}.checkout-modal-left{flex:0 0 360px;border-right:1px solid #d9d9d9;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.checkout-plan-selector-title{font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:#000000;margin:0 0 16px}.checkout-plan-selector{display:flex;flex-direction:column;gap:12px}.checkout-plan-option{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;background-color:#f5f3ef;border:1px solid transparent;transition:all .2s;cursor:pointer}.checkout-plan-option--selected{background:linear-gradient(135deg,rgba(88,173,71,.1),rgba(88,173,71,.05));border-color:#58AD47}.checkout-plan-option-indicator{width:20px;height:20px;border-radius:50%;border:2px solid #58ad47;background-color:white;position:relative;flex-shrink:0}.checkout-plan-option--selected .checkout-plan-option-indicator:after{content:"";position:absolute;width:10px;height:10px;background-color:#58AD47;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.checkout-plan-option-label{font-family:Sora,sans-serif;font-size:16px;font-weight:700;color:#000000}.checkout-plan-option-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start;flex:1}.checkout-plan-option-price{font-size:12px;color:#555}.checkout-plan-option-badge{flex-shrink:0}.checkout-disclaimer{font-family:Sora,sans-serif;font-size:11px;font-weight:400;color:#999194;margin:0;line-height:1.5;flex-grow:1;display:flex;align-items:flex-end}.checkout-modal-right{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:white}.checkout-right-content{display:flex;flex-direction:column;overflow-y:auto;padding:32px 48px;flex:1}.checkout-plan-details-label{font-family:Sora,sans-serif;font-size:14px;font-weight:400;color:#999194;margin:0 0 4px;text-transform:capitalize;padding:0}.checkout-plan-details-name{font-family:Sora,sans-serif;font-size:24px;font-weight:700;color:#000000;margin:0 0 24px}.checkout-flags-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.checkout-flag-item{display:flex;gap:12px;align-items:flex-start}.checkout-flag-check{flex-shrink:0;margin-top:2px}.checkout-flag-text{font-family:Sora,sans-serif;font-size:14px;font-weight:500;color:#000000;margin:0;line-height:1.5}.checkout-services-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.checkout-services-title{font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:#000000;margin:0 0 12px}.checkout-service-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background-color:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}.checkout-service-info{flex:1}.checkout-service-name{font-family:Sora,sans-serif;font-size:14px;font-weight:600;color:#000000;margin:0 0 4px}.checkout-service-description{font-family:Sora,sans-serif;font-size:12px;font-weight:400;color:#999194;margin:0}.checkout-service-quantity{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;background-color:#f5f3ef;border-radius:6px;min-width:50px;flex-shrink:0}.checkout-service-qty-value{font-family:Sora,sans-serif;font-size:16px;font-weight:700;color:#000000;line-height:1}.checkout-service-qty-label{font-family:Sora,sans-serif;font-size:10px;font-weight:400;color:#999194;margin-top:2px}.checkout-service-simple-wrapper{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.checkout-service-simple-wrapper:last-child{margin-bottom:0}.checkout-service-check{flex-shrink:0;margin-top:2px}.checkout-service-simple{font-family:Sora,sans-serif;font-size:14px;font-weight:500;color:#000000;margin:0;line-height:1.5}.checkout-addons-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.checkout-addons-title{font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:#000000;margin:0}.checkout-addon-item{gap:16px;padding-bottom:16px;border-bottom:1px dashed #d9d9d9}.checkout-addon-item:last-child{border-bottom:none}.checkout-addon-info{flex:1}.checkout-addon-name{font-family:Sora,sans-serif;font-weight:700;color:#000000;margin:0 0 4px}.checkout-addon-description{font-family:Sora,sans-serif;font-size:12px;font-weight:400;color:#999194;margin:0}.checkout-addon-controls{display:flex;align-items:center;gap:8px;background-color:#f5f3ef;border-radius:8px;padding:6px;flex-shrink:0}.checkout-addon-btn{background:none;border:none;color:#333333;cursor:pointer;font-size:18px;padding:4px 8px;display:flex;align-items:center;justify-content:center;transition:color .2s;font-weight:700;line-height:1}.checkout-addon-btn:hover{color:#000000}.checkout-addon-quantity{font-family:Sora,sans-serif;font-size:14px;color:#000000;min-width:30px;text-align:center;font-weight:700}.checkout-divider{height:1px;background-color:#d9d9d9;margin:24px 0;flex-shrink:0}.checkout-payment-form-section{display:flex;flex-direction:column;gap:16px}.checkout-price-box{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);padding:16px;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:24px}.checkout-price-amount{font-family:Sora,sans-serif;font-size:28px;font-weight:700;color:#000000;line-height:1}.checkout-price-suffix{font-family:Sora,sans-serif;font-size:12px;font-weight:400;color:#000000;align-self:flex-end;margin-bottom:2px}.checkout-price-breakdown{margin-top:-12px;border:1px solid #e5e5e5;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;background:#fafafa}.checkout-breakdown-row,.checkout-breakdown-total{display:flex;justify-content:space-between;font-size:14px;color:#333}.checkout-breakdown-total{font-weight:700;font-size:15px}.checkout-addons-section{margin-top:12px}.checkout-addons-list{display:flex;flex-direction:column;gap:12px}.checkout-addon-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e5e5;border-radius:8px;padding:12px 16px;background:#fff}.checkout-addon-info{display:flex;flex-direction:column;gap:4px}.checkout-addon-name{font-size:14px;font-weight:600;margin:0;color:#111}.checkout-addon-price{font-size:12px;color:#666}.checkout-addon-breakdown{display:flex;gap:12px;font-size:12px;color:#444}.checkout-addon-actions{display:flex;align-items:center;gap:8px}.checkout-addon-actions button{width:28px;height:28px;border-radius:50%;border:1px solid #d1d5db;background:#fff;color:#111;cursor:pointer}.checkout-addon-actions button:disabled{opacity:.5;cursor:not-allowed}.checkout-addon-qty{min-width:20px;text-align:center;font-weight:600}.checkout-payment-title{font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:#000000;margin:0 0 16px}.checkout-form{gap:8px}.checkout-form,.checkout-form-group{display:flex;flex-direction:column}.checkout-input{background-color:white;border:1px solid #d9d9d9;border-radius:8px;padding:11px 16px;min-height:40px;font-family:Sora,sans-serif;font-size:14px;color:#333333;transition:border-color .2s;box-sizing:border-box}.checkout-input::placeholder{color:#999194}.checkout-input:focus{outline:none;border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.StripeElement{background-color:white;border:1px solid #d9d9d9;border-radius:8px;padding:11px 16px;min-height:40px;font-family:Sora,sans-serif;font-size:14px;color:#333333;box-sizing:border-box}.StripeElement--focus{outline:none;border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.StripeElement--invalid{border-color:#fa755a}.checkout-select{background-color:white;border:1px solid #d9d9d9;border-radius:8px;min-height:40px;font-family:Sora,sans-serif;font-size:14px;color:#333333;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:24px;padding:11px 40px 11px 16px;transition:border-color .2s;box-sizing:border-box}.checkout-select:focus{outline:none;border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.checkout-form-row{display:flex;gap:8px}.checkout-form-row .checkout-input,.checkout-form-row .checkout-select{flex:1}.checkout-error{background-color:#fee;border:1px solid #faa;border-radius:8px;padding:12px 16px;margin-top:8px}.checkout-error p{font-family:Sora,sans-serif;font-size:14px;color:#c33;margin:0}.checkout-actions{display:flex;gap:16px;margin-top:24px}.checkout-btn-cancel,.checkout-btn-subscribe{flex:1;padding:12px 24px;border-radius:8px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .2s;min-height:40px;display:flex;align-items:center;justify-content:center;text-transform:capitalize}.checkout-btn-cancel{background-color:#f5f3ef;color:#000000}.checkout-btn-cancel:not(:disabled):hover{background-color:#ede8e0}.checkout-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.checkout-btn-subscribe{background-color:#cccccc;color:#999194}.checkout-btn-subscribe:not(:disabled):hover{background-color:#999999;color:#ffffff}.checkout-btn-subscribe:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.checkout-modal-content{max-height:90vh}.checkout-modal-body{flex-direction:column}.checkout-modal-left{flex:0 0 auto;border-right:none;border-bottom:1px solid #d9d9d9;max-height:300px}.checkout-modal-right{flex:1}.checkout-payment-section,.checkout-plan-details{padding:24px 16px}.checkout-form-row{flex-direction:column}.checkout-form-row .checkout-input,.checkout-form-row .checkout-select{width:100%}}