.checkout-wrapper{min-height:100vh;padding:140px 20px 80px;background:var(--gradient-hero-mesh),linear-gradient(180deg,#f8fafc 0,#e2e8f0 100%);transition:background .5s ease}[data-theme=dark] .checkout-wrapper{background:var(--gradient-hero-mesh),linear-gradient(180deg,#020617 0,#0a0e1a 100%)}.checkout-container{max-width:1000px;margin:0 auto}.checkout-header{text-align:center;margin-bottom:45px}.checkout-header h1{font-size:2.6rem;font-weight:900;color:var(--gray-800);margin-bottom:12px;font-family:var(--font-tajawal),Tajawal,sans-serif}.checkout-header p{color:var(--gray-500);font-size:1.1rem;font-weight:600}.checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}@media (max-width:900px){.checkout-grid{grid-template-columns:1fr;gap:25px}.checkout-header h1{font-size:2.1rem}}.order-card,.payment-card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-xl);padding:35px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);transition:var(--transition);color:var(--gray-800)}.order-card h2,.payment-card h2{font-size:1.5rem;color:var(--primary);margin-bottom:25px;display:flex;align-items:center;gap:10px;font-family:var(--font-tajawal),Tajawal,sans-serif;font-weight:800}.plan-select{margin-bottom:25px}.plan-option{padding:20px;border:2px solid var(--gray-200);background:var(--white);border-radius:var(--radius-lg);margin-bottom:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-xs)}.plan-option:hover{border-color:var(--primary-light);background:rgba(37,99,235,.04);transform:translateY(-2px)}.plan-option.selected{border-color:var(--primary);background:rgba(37,99,235,.08);box-shadow:0 8px 25px rgba(37,99,235,.12)}.plan-option input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plan-info h3{font-size:1.15rem;color:var(--gray-800);margin-bottom:5px;font-weight:800;font-family:var(--font-tajawal),Tajawal,sans-serif}.plan-info span{font-size:.92rem;color:var(--gray-500);font-weight:600}.plan-price{text-align:left}.plan-price .old-price{font-size:.92rem;color:var(--gray-400);text-decoration:line-through;margin-bottom:2px;font-weight:600}.plan-price .new-price{font-size:1.55rem;font-weight:800;color:var(--primary);font-family:var(--font-tajawal),Tajawal,sans-serif}.plan-price .currency{font-size:.92rem;color:var(--gray-500);font-weight:700}.coupon-section{margin-top:25px;padding-top:25px;border-top:2px dashed var(--gray-200)}.coupon-section h3{font-size:1.05rem;color:var(--gray-800);margin-bottom:15px;display:flex;align-items:center;gap:8px;font-weight:800}.coupon-input-group{display:flex;gap:10px}.coupon-input-group input{flex:1;padding:14px 18px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;font-family:inherit;background:var(--gray-50);color:var(--gray-800);outline:none;transition:var(--transition);text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:1.5px}.coupon-input-group input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px var(--primary-glow)}.coupon-btn{padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px rgba(16,185,129,.2)}.coupon-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.3)}.coupon-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.coupon-remove-btn{padding:14px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .3s ease;display:none;box-shadow:0 4px 15px rgba(239,68,68,.2)}.coupon-remove-btn.show{display:block}.coupon-remove-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.3)}.coupon-message{margin-top:12px;padding:12px 15px;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;display:none}.coupon-message.success{display:block;background:rgba(16,185,129,.1);color:var(--success);border:1px solid var(--success)}.coupon-message.error{display:block;background:rgba(239,68,68,.1);color:var(--error);border:1px solid var(--error)}.price-summary{margin-top:25px;padding:20px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition)}.price-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1rem;color:var(--gray-700);font-weight:600}.price-row.discount{color:var(--success)}.price-row.total{padding-top:15px;border-top:2px solid var(--gray-200);font-size:1.35rem;font-weight:800;color:var(--primary);font-family:var(--font-tajawal),Tajawal,sans-serif}.checkout-form-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:10px}.checkout-form-grid-full{grid-column:span 1}@media (max-width:768px){.checkout-form-grid{grid-template-columns:1fr;gap:15px}.checkout-form-grid-full{grid-column:span 1}}.gender-selector{display:flex;gap:12px;width:100%}.gender-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;font-weight:700;transition:var(--transition);background:var(--gray-50);color:var(--gray-700);user-select:none;font-size:.95rem}.gender-option:hover{border-color:var(--primary-light)}.gender-option.active{border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}[data-theme=dark] .gender-option{border-color:var(--glass-border);background:rgba(255,255,255,.02);color:var(--gray-300)}[data-theme=dark] .gender-option.active{border-color:var(--primary);background:rgba(37,99,235,.15);color:var(--primary-light)}.birthdate-select-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.birthdate-select-wrapper{position:relative;width:100%}.birthdate-select{width:100%;padding:14px 18px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition);font-family:inherit;background:var(--gray-50);color:var(--gray-800);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-inline-end:35px;text-align:right;direction:rtl}.birthdate-select:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px var(--primary-glow)}.birthdate-select-wrapper:after{content:"▼";font-size:.65rem;position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray-500);transition:var(--transition)}.birthdate-select-wrapper:focus-within:after{color:var(--primary);transform:translateY(-50%) rotate(180deg)}[data-theme=dark] .birthdate-select{border-color:var(--glass-border);background:rgba(255,255,255,.03);color:#ffffff}[data-theme=dark] .birthdate-select option{background:#0f172a;color:#ffffff}[data-theme=dark] .birthdate-select:focus{background:rgba(15,23,42,.85);border-color:var(--primary);color:#ffffff}[data-theme=dark] .form-group input{background:rgba(255,255,255,.03);border-color:var(--glass-border);color:#ffffff}[data-theme=dark] .form-group input:focus{background:rgba(15,23,42,.85);border-color:var(--primary);color:#ffffff}[data-theme=dark] .form-group label{color:var(--gray-300)}.form-group{margin-bottom:24px;text-align:right}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--gray-700);font-size:.95rem}.form-group input{width:100%;padding:14px 18px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition);font-family:inherit;background:var(--gray-50);color:var(--gray-800);outline:none}.form-group input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px var(--primary-glow)}.payment-methods{margin:25px 0}.payment-methods h3{font-size:1.05rem;color:var(--gray-800);margin-bottom:15px;font-weight:800}.payment-icons{display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.payment-icon{padding:8px 16px;background:var(--white);border-radius:8px;font-size:.88rem;color:var(--gray-600);border:1px solid var(--gray-200);font-weight:700;transition:var(--transition);cursor:default}.payment-icon:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.pay-btn{width:100%;padding:18px;background:var(--primary-gradient);color:white;border:none;border-radius:var(--radius-lg);font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;box-shadow:var(--shadow-primary);font-family:var(--font-tajawal),Tajawal,sans-serif}.pay-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-primary-lg)}.pay-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.trust-badges{display:flex;justify-content:space-between;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--gray-200)}.trust-item{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--gray-500);font-size:.85rem;font-weight:700;flex:1;text-align:center}.trust-icon{font-size:1.4rem}.back-link{text-align:center;margin-top:30px}.back-link a{color:var(--gray-500);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}.back-link a:hover{color:var(--primary);transform:translateX(4px)}.checkout-toast{position:fixed;top:100px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:99999;min-width:340px;max-width:520px;width:90%;padding:20px 28px;border-radius:var(--radius-xl);font-size:1rem;font-weight:700;line-height:1.7;text-align:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-xl);animation:toastSlideIn .5s cubic-bezier(.16,1,.3,1) forwards;border:1px solid rgba(255,255,255,.1)}.checkout-toast.error{background:linear-gradient(135deg,rgba(239,68,68,.9),rgba(185,28,28,.9));color:white}.checkout-toast.success{background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(5,150,105,.9));color:white}.checkout-toast .toast-close{position:absolute;top:12px;left:14px;background:rgba(255,255,255,.2);border:none;color:white;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background .2s;font-weight:700}.checkout-toast .toast-close:hover{background:rgba(255,255,255,.35)}.checkout-toast .toast-whatsapp{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 20px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:50px;color:white;text-decoration:none;font-size:.88rem;font-weight:800;transition:all .3s ease}.checkout-toast .toast-whatsapp:hover{background:rgba(255,255,255,.35);transform:translateY(-2px)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-40px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.loading-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;align-items:center;justify-content:center;flex-direction:column}.loading-overlay.active{display:flex}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.15);border-top:5px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{margin-top:20px;font-size:1.25rem;color:white;font-weight:800;font-family:var(--font-tajawal),Tajawal,sans-serif}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.8);z-index:9998;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.login-overlay-content{background:var(--white);padding:50px 40px;border-radius:28px;text-align:center;max-width:460px;width:90%;box-shadow:var(--shadow-2xl);animation:popIn .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--glass-border);color:var(--gray-800)}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-overlay-icon{font-size:3.5rem;margin-bottom:20px}.login-overlay h2{font-size:1.8rem;color:var(--primary);margin-bottom:15px;font-weight:800;font-family:var(--font-tajawal),Tajawal,sans-serif}.login-overlay p{color:var(--gray-500);font-size:1.05rem;margin-bottom:30px;line-height:1.7;font-weight:600}.login-overlay .btn-login{display:inline-block;padding:16px 45px;background:var(--primary-gradient);color:white;text-decoration:none;border-radius:50px;font-size:1.15rem;font-weight:800;transition:all .3s ease;box-shadow:var(--shadow-primary)}.login-overlay .btn-login:hover{transform:translateY(-3px);box-shadow:var(--shadow-primary-lg)}.login-overlay .login-note{margin-top:20px;font-size:.88rem;color:var(--gray-400);font-weight:600}