.booking-page{padding:34px clamp(24px,7vw,104px) 70px;background:radial-gradient(circle at 8% 8%,rgba(11,103,240,.08),transparent 28%),linear-gradient(180deg,#f7fbff,#fff 38%,#fff)}.booking-header{position:relative;overflow:hidden;max-width:1180px;padding:clamp(26px,4vw,42px);margin:0 auto 20px;background:linear-gradient(90deg,#fffffffa,#e8f2ffeb 50%,#ffffff5c),url(/assets/yaalah-hero-aircraft-reference-Ck1I_gNR.png) right 9% center / min(410px,36vw) auto no-repeat,url(/assets/yaalah-flight-sky-Dr-TPv8V.jpg) right center / cover no-repeat;border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 22px 58px #0c2b5b1f}.booking-header h1{max-width:590px;margin:8px 0 10px;color:#07124a;font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:0}.booking-header p{max-width:560px;margin:0;color:#07124a;font-size:18px;line-height:1.5}.booking-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:850px;margin-top:22px}.booking-guidance-grid span{min-height:58px;padding:13px 14px;color:var(--color-blue-900);background:#ffffffe6;border:1px solid #dfe7f3;border-radius:10px;box-shadow:0 10px 26px #0c2b5b0f;font-size:13px;font-weight:800}.booking-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:900px;margin-top:16px}.booking-continuity-grid,.payment-next-grid,.confirmation-continuity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.confirmation-session-note{display:grid;gap:8px;margin:0 clamp(22px,4vw,42px) 18px;padding:16px;color:var(--color-blue-900);background:linear-gradient(135deg,#e8f2ffe6,#fffffff5),var(--color-white);border:1px solid #dfe7f3;border-radius:12px;box-shadow:0 10px 26px #0c2b5b0e}.confirmation-session-note span{color:var(--color-slate-600);line-height:1.45}.confirmation-session-actions{display:flex;flex-wrap:wrap;gap:10px}.confirmation-session-actions button{font:inherit}.booking-readiness-grid article{display:grid;gap:7px;min-height:116px;padding:14px;color:var(--color-blue-900);background:linear-gradient(135deg,#fffffffa,#e8f2ffbd),var(--color-white);border:1px solid #dfe7f3;border-radius:12px;box-shadow:0 10px 26px #0c2b5b0e}.booking-continuity-grid article,.payment-next-grid article,.confirmation-continuity-grid article{display:grid;gap:8px;min-height:122px;padding:16px;color:var(--color-blue-900);background:linear-gradient(135deg,#fffffffa,#e8f2ffbd),var(--color-white);border:1px solid #dfe7f3;border-radius:12px;box-shadow:0 10px 26px #0c2b5b0e}.booking-readiness-grid span,.booking-continuity-grid span,.payment-next-grid span,.confirmation-continuity-grid span{color:var(--color-slate-600);line-height:1.45}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;max-width:1180px;margin:0 auto;align-items:start}.booking-panel,.booking-summary-card,.confirmation-panel{background:var(--color-white);border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 18px 44px #0c2b5b17}.booking-panel{display:grid;gap:18px;padding:clamp(20px,3vw,28px)}.booking-panel h2{margin:0 0 12px;color:var(--color-blue-900);font-size:22px}.booking-provider-notice{display:grid;gap:10px;padding:16px;background:linear-gradient(120deg,#fff6e8f5,#fffffff0);border:1px solid rgba(245,147,36,.28);border-radius:var(--radius-card)}.booking-provider-notice h2{margin:0;font-size:22px}.booking-provider-notice p{margin:0;color:var(--color-slate-700);line-height:1.55}.booking-provider-notice dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.booking-provider-notice dl div{display:grid;gap:3px;padding:10px;background:var(--color-white);border:1px solid rgba(245,147,36,.18);border-radius:var(--radius-control)}.booking-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1180px;margin:0 auto 18px;padding:0;list-style:none}.booking-steps li{display:flex;gap:10px;align-items:center;min-height:62px;padding:12px 14px;color:var(--color-slate-700);background:#ffffffeb;border:1px solid #dfe7f3;border-radius:12px;box-shadow:0 10px 26px #0c2b5b0e;font-size:14px;font-weight:800}.booking-steps span{display:grid;width:30px;height:30px;place-items:center;color:var(--color-slate-700);background:var(--color-slate-100);border-radius:50%;font-weight:900}.booking-steps .active,.booking-steps .complete{color:var(--color-blue-900);border-color:#0b67f052;box-shadow:0 12px 30px #0b67f01f}.booking-steps .active span,.booking-steps .complete span{color:var(--color-white);background:var(--color-blue-600)}.passenger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.booking-panel .field{color:#4d5c79}.booking-panel .field input,.booking-panel .field select,.booking-panel .field textarea{min-height:52px;padding:0 14px;color:#07124a;background:#fbfdff;border:1px solid #d8e3f2;border-radius:10px;box-shadow:inset 0 1px #fffc}.booking-panel .field input:focus,.booking-panel .field select:focus,.booking-panel .field textarea:focus{background:#fff;border-color:#0b67f07a}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.booking-summary-card{position:sticky;top:92px;overflow:hidden;padding:20px;background:linear-gradient(180deg,#fffffff7,#e8f2ffc2),var(--color-white)}.booking-summary-card:before{display:block;width:calc(100% + 40px);height:74px;margin:-20px -20px 16px;content:"";background:linear-gradient(90deg,#ffffff38,#ffffffe6),url(/assets/yaalah-hero-aircraft-reference-Ck1I_gNR.png) right 12px center / 150px auto no-repeat,url(/assets/yaalah-flight-sky-Dr-TPv8V.jpg) center / cover no-repeat}.booking-summary-card h2{margin:0 0 14px;color:var(--color-blue-900)}.booking-summary-card dl,.payment-lines,.confirmation-panel dl{display:grid;gap:12px;margin:0}.booking-summary-card div,.payment-lines div,.confirmation-panel dl div{display:flex;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid var(--color-slate-200)}dt,.payment-lines span{color:var(--color-slate-500);font-size:12px;font-weight:900;text-transform:uppercase}dd{margin:0;color:var(--color-slate-900);text-align:right}.add-on-list{display:grid;gap:12px}.add-on-card{display:flex;gap:12px;align-items:flex-start;min-height:92px;padding:18px;background:linear-gradient(135deg,#fffffff5,#e8f2ffb8),#fbfdff;border:1px solid #d8e3f2;border-radius:12px;box-shadow:0 10px 26px #0c2b5b0e;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.add-on-card:hover{background:var(--color-white);border-color:#0b67f047;box-shadow:0 16px 34px #0c2b5b1a;transform:translateY(-1px)}.add-on-card:has(input:checked){background:linear-gradient(135deg,#fffffffa,#e8f2fff2),#fff;border-color:#0b67f073;box-shadow:0 16px 34px #0b67f01f}.add-on-card input,.payment-option input{width:18px;height:18px;margin-top:2px;accent-color:var(--color-blue-600)}.add-on-card span{display:grid;gap:5px}.add-on-card em,.add-on-card b{font-style:normal;font-weight:900}.add-on-card em{color:var(--color-blue-600);font-size:11px;letter-spacing:.02em;text-transform:uppercase}.add-on-card strong{color:var(--color-blue-900)}.add-on-card small{color:var(--color-slate-700);line-height:1.45}.add-on-card b{width:max-content;max-width:100%;margin-top:4px;padding:6px 9px;color:#7a3b00;background:#fff3e7;border:1px solid rgba(245,147,36,.22);border-radius:999px;font-size:12px}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-option{display:flex;min-height:78px;gap:10px;align-items:center;padding:16px;color:var(--color-blue-900);background:#fbfdff;border:1px solid #d8e3f2;border-radius:12px;font-weight:800}.payment-option:has(input:checked){background:linear-gradient(135deg,#fff,#e8f2ff);border-color:#0b67f073;box-shadow:0 12px 30px #0b67f01a}.payment-safety-panel{display:grid;gap:12px;padding:16px;background:linear-gradient(135deg,#fffffffa,#fff8ecd1),var(--color-white);border:1px solid rgba(245,147,36,.28);border-radius:var(--radius-card)}.payment-safety-panel h2{margin:0;color:var(--color-blue-900);font-size:20px}.payment-test-panel{display:grid;gap:16px;padding:18px;background:linear-gradient(135deg,#eff6fffa,#fffffffa);border:1px solid rgba(11,103,240,.24);border-radius:var(--radius-card);box-shadow:0 14px 32px #0c2b5b12}.payment-test-panel h2,.payment-test-panel p{margin:0}.payment-test-panel>p{color:var(--color-slate-700);line-height:1.55}.payment-rehearsal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-rehearsal-actions{display:flex;flex-wrap:wrap;gap:10px}.payment-rehearsal-actions button:disabled{cursor:not-allowed;opacity:.5}.payment-rehearsal-reference{display:grid;gap:14px;padding:16px;background:#ffffffeb;border:1px solid rgba(11,103,240,.22);border-radius:var(--radius-control)}.payment-rehearsal-reference-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.payment-rehearsal-reference-heading>div{display:grid;gap:4px}.payment-rehearsal-reference-heading span{color:var(--color-blue-700);font-size:12px;font-weight:900;text-transform:uppercase}.payment-rehearsal-reference-heading strong{color:var(--color-blue-900)}.payment-rehearsal-reference input[readonly]{color:var(--color-blue-900);background:var(--color-blue-100);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800}.payment-rehearsal-contract{display:grid;gap:8px}.payment-rehearsal-contract span{overflow-wrap:anywhere;padding:10px 12px;color:var(--color-slate-700);background:var(--color-slate-100);border-radius:8px}.payment-rehearsal-confirmation{display:flex;gap:10px;align-items:flex-start;color:var(--color-slate-700);line-height:1.5}.payment-rehearsal-confirmation input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--color-blue-600)}.payment-what-happens-next{display:grid;gap:12px;padding:16px;background:linear-gradient(135deg,#fffbf3fa,#fffffff5),var(--color-white);border:1px solid rgba(234,223,205,.92);border-radius:var(--radius-card);box-shadow:0 12px 28px #0c2b5b0f}.payment-what-happens-next h2{margin:0;color:var(--color-blue-900);font-size:20px}.payment-safety-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-safety-grid article{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#ffffffdb;border:1px solid #d8e3f2;border-radius:var(--radius-control)}.payment-safety-grid strong{display:inline-grid;min-width:28px;height:28px;place-items:center;color:var(--color-blue-800);background:var(--color-blue-100);border-radius:999px;font-size:12px}.payment-safety-grid span{color:var(--color-slate-700);line-height:1.45}.total-line{color:var(--color-blue-900);font-size:18px}.state-card.error{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;padding:16px;color:#793a00;background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f5822047;box-shadow:none}.state-card.error .state-icon{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--color-orange-600);border-radius:50%;font-weight:900}.state-card.error h3,.state-card.error p{margin:0}.state-card.error p{grid-column:2;color:#72512d;line-height:1.45}.confirmation-panel{max-width:960px;margin:0 auto;overflow:hidden;padding:0 0 28px;background:linear-gradient(180deg,#fffffffa,#e8f2ffc7),var(--color-white);text-align:left}.confirmation-icon{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;margin:0 auto 16px;color:var(--color-white);background:#0f9f6e;border-radius:50%;box-shadow:0 14px 32px #0f9f6e38;font-size:18px;font-weight:900}.confirmation-hero{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:start;padding:clamp(28px,4vw,42px);background:linear-gradient(90deg,#fffffff5,#e8f2ffd1 58%,#ffffff70),url(/assets/yaalah-hero-aircraft-reference-Ck1I_gNR.png) right 26px center / min(300px,32vw) auto no-repeat,url(/assets/yaalah-flight-sky-Dr-TPv8V.jpg) right center / cover no-repeat}.confirmation-panel h1{margin:6px 0 10px;color:var(--color-blue-900);font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:0}.confirmation-panel p{max-width:590px;margin:0;color:var(--color-slate-700);line-height:1.55}.confirmation-panel .booking-guidance-grid,.confirmation-next-steps,.confirmation-continuity-grid,.confirmation-panel dl,.confirmation-actions{margin-right:clamp(22px,4vw,42px);margin-left:clamp(22px,4vw,42px)}.confirmation-panel .booking-guidance-grid{margin-top:22px}.confirmation-next-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;margin-bottom:18px;text-align:left}.confirmation-next-steps article{display:grid;gap:6px;min-height:128px;padding:16px;background:#ffffffd1;border:1px solid rgba(11,31,71,.08);border-radius:12px;box-shadow:0 10px 26px #0c2b5b0e}.confirmation-next-steps strong{color:var(--color-blue-900)}.confirmation-next-steps span{color:var(--color-slate-600);line-height:1.4}.confirmation-continuity-grid{margin-top:0;margin-bottom:18px}.confirmation-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:22px}@media(max-width:980px){.booking-layout,.booking-steps,.passenger-grid,.booking-guidance-grid,.booking-readiness-grid,.booking-continuity-grid,.confirmation-next-steps,.confirmation-continuity-grid,.booking-provider-notice dl,.payment-method-grid,.payment-safety-grid,.payment-next-grid,.payment-rehearsal-fields{grid-template-columns:1fr}.booking-summary-card{position:static}.booking-header,.confirmation-panel{background:linear-gradient(180deg,#fffffffa,#e8f2ffe6),url(/assets/yaalah-flight-sky-Dr-TPv8V.jpg) center top / cover no-repeat}.confirmation-hero{grid-template-columns:1fr;background:linear-gradient(180deg,#fffffffa,#e8f2ffe6),url(/assets/yaalah-flight-sky-Dr-TPv8V.jpg) center top / cover no-repeat}.confirmation-icon{margin:0}}@media(max-width:640px){.form-actions,.confirmation-actions{flex-direction:column}.form-actions a,.confirmation-actions a,.confirmation-session-actions a{width:100%}.payment-rehearsal-reference-heading,.payment-rehearsal-actions{align-items:stretch;flex-direction:column}.payment-rehearsal-reference-heading button,.payment-rehearsal-actions button{width:100%}}