:root{--rescue-red: #E63946;--rescue-red-dark: #c62d3a;--rescue-navy: #1D3557;--rescue-steel: #457B9D;--rescue-success: #2A9D8F;--rescue-light: #F1FAEE;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827}.rescue-checkout{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative}.checkout-progress{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;flex-wrap:wrap;gap:.5rem}.progress-step{display:flex;align-items:center;gap:.5rem}.step-dot{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:var(--gray-500);transition:all .3s ease}.progress-step.active .step-dot{background:var(--rescue-red);color:#fff;box-shadow:0 0 0 4px #e6394633}.progress-step.completed .step-dot{background:var(--rescue-success);color:#fff}.progress-step .step-label{font-size:.875rem;color:var(--gray-500)}.progress-step.active .step-label{color:var(--gray-900);font-weight:600}.progress-line{width:3rem;height:2px;background:var(--gray-200)}.progress-line.completed{background:var(--rescue-success)}.checkout-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkout-title{font-size:2rem;font-weight:700;color:var(--gray-900);text-align:center;margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;color:var(--gray-900);text-align:center;margin-bottom:1.5rem}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.plan-card{background:#fff;border:2px solid var(--gray-200);border-radius:1rem;padding:2rem;cursor:pointer;transition:all .2s ease;text-align:center}.plan-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px #0000001a}.plan-card.selected{border-color:var(--rescue-red);background:#e639460d;box-shadow:0 4px 20px #e6394633}.plan-icon{width:80px;height:80px;margin:0 auto 1rem;color:var(--rescue-red)}.plan-icon svg{width:100%;height:100%}.plan-card h3{font-size:1.25rem;color:var(--gray-700);margin-bottom:.75rem}.plan-card h3 strong{color:var(--gray-900)}.plan-card p{font-size:.875rem;color:var(--gray-600);margin-bottom:1rem}.plan-card ul{list-style:none;padding:0;margin:0;text-align:left}.plan-card ul li{font-size:.875rem;color:var(--gray-600);padding:.25rem 0 .25rem 1.5rem;position:relative}.plan-card ul li:before{content:"✓";position:absolute;left:0;color:var(--rescue-success);font-weight:700}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.step-header .step-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.step-header .plan-name{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.step-header .change-plan{margin-left:auto;font-size:.875rem;color:var(--rescue-red);text-decoration:none}.step-header .change-plan:hover{text-decoration:underline}.options-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:2rem}.form-group label{display:block;font-size:1rem;color:var(--gray-700);margin-bottom:.75rem}.form-group label strong{color:var(--gray-900)}.help-link{font-size:.875rem;color:var(--rescue-steel);margin-left:.5rem}.quantity-selector{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.qty-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease}.qty-btn.minus{background:var(--gray-200);color:var(--gray-700)}.qty-btn.minus:hover{background:var(--gray-300)}.qty-btn.plus{background:var(--rescue-red);color:#fff}.qty-btn.plus:hover{background:var(--rescue-red-dark)}.qty-input{width:3rem;text-align:center;font-size:1.5rem;font-weight:700;border:none;background:transparent;color:var(--gray-900)}.toggle-buttons{display:flex;gap:.75rem;justify-content:flex-end}.toggle-btn{padding:.75rem 2rem;border:2px solid var(--gray-300);background:#fff;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .2s ease;color:var(--gray-500)}.toggle-btn:hover{border-color:var(--gray-400)}.toggle-btn.active{border-color:var(--rescue-navy);background:var(--rescue-navy);color:#fff}.region-buttons{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.region-btn{padding:.5rem 1rem;border:2px solid var(--gray-300);background:#fff;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;color:var(--gray-600)}.region-btn:hover{border-color:var(--gray-400)}.region-btn.active{border-color:var(--rescue-navy);background:var(--rescue-navy);color:#fff}.pricing-summary{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.price-row,.discount-row,.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.price-label,.discount-label,.total-label{color:var(--gray-600)}.price-value{font-size:1.25rem;font-weight:600;color:var(--gray-900)}.total-row{padding-top:1rem;margin-top:.5rem;border-top:2px solid var(--gray-200)}.total-label{font-weight:600;color:var(--gray-900)}.total-value{font-size:1.5rem;font-weight:700;color:var(--rescue-red)}.add-discount-link{color:var(--rescue-red);font-size:.875rem}.discount-form{display:flex;gap:.5rem}.discount-form input{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem}.apply-btn{padding:.5rem 1rem;background:var(--rescue-navy);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer}.discount-applied{display:flex;align-items:center;gap:1rem}.discount-value{color:var(--rescue-success);font-weight:600}.remove-discount{color:var(--rescue-red);font-size:.75rem}.cart-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem;max-width:900px;margin:0 auto}@media (max-width: 768px){.cart-layout{grid-template-columns:1fr}}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--gray-200);border-radius:.75rem}.cart-item-icon{flex-shrink:0}.icon-circle{width:48px;height:48px;border-radius:50%;background:var(--rescue-light);color:var(--rescue-red);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.cart-item-info{flex:1}.cart-item-name{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .25rem}.cart-item-meta{font-size:.875rem;color:var(--gray-500);margin:0}.volume-tag{color:var(--rescue-success);font-size:.75rem;margin-left:.5rem}.cart-item-total{text-align:right}.line-total{font-size:1rem;font-weight:600;color:var(--gray-900);display:block}.vat-note{font-size:.75rem;color:var(--gray-400);display:block}.order-summary{background:var(--gray-50);padding:1.5rem;border-radius:1rem;height:fit-content}.order-summary h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0 0 1rem}.summary-rows{display:flex;flex-direction:column}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0}.summary-label{color:var(--gray-600)}.summary-value{font-weight:500;color:var(--gray-900)}.text-green{color:var(--rescue-success)}.text-muted{color:var(--gray-400)}.summary-divider{height:1px;background:var(--gray-200);margin:.5rem 0}.summary-row.total-row{padding-top:.75rem}.summary-row.total-row .summary-label{font-weight:600;color:var(--gray-900)}.summary-row.total-row .summary-value{font-size:1.25rem;font-weight:700;color:var(--rescue-red)}.summary-note{font-size:.75rem;color:var(--gray-400);text-align:right;margin:.25rem 0 0}.coverage-note{display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#2a9d8f1a;border-radius:.5rem}.note-icon{color:var(--rescue-success);font-size:1.25rem}.coverage-note strong{display:block;color:var(--gray-900);font-size:.875rem}.coverage-note p{margin:.25rem 0 0;font-size:.75rem;color:var(--gray-600)}.details-container{max-width:600px;margin:0 auto}.details-form{background:#fff;padding:2rem;border-radius:1rem;border:1px solid var(--gray-200)}.details-form .form-group{margin-bottom:1.5rem}.details-form .form-group.full-width{grid-column:1 / -1}.details-form label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.details-form input{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.details-form input:focus{outline:none;border-color:var(--rescue-red);box-shadow:0 0 0 3px #e639461a}.details-form input.error{border-color:var(--rescue-red)}.field-error{font-size:.75rem;color:var(--rescue-red);margin-top:.25rem;display:block}.field-hint{font-size:.75rem;color:var(--gray-400);margin-top:.25rem;display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.phone-input{display:flex;gap:.5rem}.phone-country{width:100px;padding:.75rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.875rem}.phone-input input{flex:1}.info-note{display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#457b9d1a;border-radius:.5rem}.info-icon{font-size:1.25rem}.info-note strong{display:block;color:var(--gray-900);font-size:.875rem}.info-note p{margin:.25rem 0 0;font-size:.75rem;color:var(--gray-600)}.payment-amount{text-align:center;font-size:1rem;color:var(--gray-500);margin-bottom:2rem}.payment-total-highlight{color:var(--gray-700);font-size:1rem;font-weight:400}.payment-methods{max-width:500px;margin:0 auto 2rem;display:flex;flex-direction:column;gap:1rem}.payment-method{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:#fff;border:1px solid var(--gray-200);border-radius:1rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.payment-method:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000d}.payment-method.selected{border-color:var(--rescue-red);background:#e6394605}.payment-icon{color:var(--gray-500);display:flex;align-items:center}.payment-icon.mpesa-green{color:#4caf50}.payment-label{font-size:1.125rem;font-weight:500;color:var(--gray-800)}.payment-form{max-width:500px;margin:0 auto 2rem;padding:2rem;background:#fff;border:1px solid var(--gray-200);border-radius:.5rem;animation:fadeIn .3s ease}.payment-form-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.payment-form-icon{color:var(--gray-500);display:flex;align-items:center}.payment-form-icon.mpesa-green{color:#4caf50}.payment-form-title{font-size:1.125rem;font-weight:500;color:var(--gray-800)}.payment-form .form-group{margin-bottom:1.25rem}.payment-form label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.payment-form input[type=text],.payment-form input[type=tel]{width:100%;padding:.875rem 1rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.payment-form input:focus{outline:none;border-color:var(--rescue-steel);box-shadow:0 0 0 3px #457b9d1a}.payment-form .phone-input{display:flex;gap:0}.payment-form .phone-country{width:110px;padding:.875rem .75rem;border:1px solid var(--gray-300);border-right:none;border-radius:.375rem 0 0 .375rem;font-size:.875rem;background:var(--gray-50)}.payment-form .phone-input input[type=tel]{border-radius:0 .375rem .375rem 0}.payment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.terms-checkbox{margin:1.5rem 0}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--gray-600);line-height:1.4}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;min-width:20px;border:2px solid var(--gray-300);border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:1px}.checkbox-label input:checked+.checkmark{background:var(--rescue-steel);border-color:var(--rescue-steel)}.checkbox-label input:checked+.checkmark:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.checkbox-label a{color:var(--rescue-steel);font-weight:500}.checkbox-label a:hover{text-decoration:underline}.btn-purchase{width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:2rem;margin-top:.5rem}.btn-purchase:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed}.privacy-note{text-align:center;font-size:.75rem;color:var(--gray-500);margin-top:1.5rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}.privacy-note a{color:var(--rescue-steel)}.confirmation-content{text-align:center;max-width:500px;margin:0 auto;padding:3rem 2rem}.success-icon{width:80px;height:80px;background:var(--rescue-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem}.confirmation-content h2{font-size:2rem;color:var(--gray-900);margin-bottom:.5rem}.confirmation-content>p{color:var(--gray-600);margin-bottom:2rem}.membership-details{background:var(--gray-50);padding:1.5rem;border-radius:.75rem;margin-bottom:2rem;text-align:left}.membership-details p{margin:.5rem 0;color:var(--gray-700)}.next-steps{text-align:left;margin-bottom:2rem}.next-steps h3{font-size:1rem;color:var(--gray-900);margin-bottom:.75rem}.next-steps ul{list-style:none;padding:0}.next-steps li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--gray-600)}.next-steps li:before{content:"→";position:absolute;left:0;color:var(--rescue-red)}.step-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--rescue-red);color:#fff}.btn-primary:hover:not(:disabled){background:var(--rescue-red-dark);box-shadow:0 4px 12px #e639464d}.btn-primary:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--rescue-red);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{margin-top:1rem;color:var(--gray-600)}@media (max-width: 768px){.checkout-progress{gap:.25rem}.progress-line{width:1.5rem}.progress-step .step-label{display:none}.plan-cards{grid-template-columns:1fr}.checkout-title{font-size:1.5rem}}