@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.booking-design{--ink:#153b49;--muted:#6e8289;--teal:#116a70;--green:#6b9f35;--line:#e1e9e8;--bg:#f5f8f6;--gold:#e5b94c}.booking-design *{box-sizing:border-box}html{scroll-behavior:smooth}.booking-design{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}.booking-design button,.booking-design input,.booking-design select{font:inherit}.booking-design button{cursor:pointer}.booking-design a{color:inherit;text-decoration:none}.booking-design .wrap{width:min(1240px,calc(100% - 64px));margin:auto}.booking-design header{height:84px;background:#fff}.booking-design .nav{height:100%;display:flex;align-items:center;gap:62px}.booking-design .brand img{width:191px;display:block}.booking-design .nav nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}.booking-design .nav nav a:hover{color:var(--teal)}.booking-design .nav-note{margin-left:auto;color:#819396;font-size:12px}.booking-design .nav-note span{color:#e0b43e}.booking-design .hero{height:460px;position:relative;background:#2a827f url('hero.png') center 55%/cover no-repeat}.booking-design .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,53,59,.76),rgba(8,62,67,.32) 53%,rgba(8,62,67,.04))}.booking-design .hero-copy{position:relative;padding-top:84px;color:white}.booking-design .eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--teal)}.booking-design .eyebrow.light{color:#d7edce}.booking-design .hero h1{font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,67px);letter-spacing:-.055em;line-height:1.07;margin:17px 0;font-weight:700}.booking-design .hero h1 em{font-style:normal;font-weight:400}.booking-design .hero p{font-size:16px;color:#e9f5f1}.booking-design .hero-side{position:absolute;right:4%;bottom:100px;color:#fff;font-size:10px;letter-spacing:.15em;font-weight:700}.booking-design .hero-side span{font-size:18px;margin-left:10px}.booking-design .search-wrap{position:relative;margin-top:-66px}.booking-design .search-card{background:white;border-radius:12px;padding:27px 30px 20px;box-shadow:0 16px 55px rgba(22,64,64,.16);position:relative}.booking-design .search-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.booking-design .search-top h2,.booking-design .section-head h2,.booking-design .exp-inner h2{font-family:Manrope,sans-serif;letter-spacing:-.04em;font-size:25px;margin:7px 0 0}.booking-design .trip-toggle{background:#f2f6f4;border-radius:8px;padding:4px;display:flex}.booking-design .trip-toggle button{border:0;background:transparent;color:#738689;font-size:12px;font-weight:700;padding:9px 14px;border-radius:6px}.booking-design .trip-toggle button.active{background:#fff;color:var(--teal);box-shadow:0 2px 8px #163f4514}.booking-design .search-grid{display:grid;grid-template-columns:1.15fr 28px 1.15fr 1fr 1fr 1.25fr auto;gap:8px;align-items:stretch}.booking-design .field{min-width:0;position:relative;border:1px solid #dce7e4;border-radius:7px;padding:10px 11px;display:flex;flex-direction:column;justify-content:center;background:#fff}.booking-design .field>span{font-size:9px;letter-spacing:.11em;font-weight:800;color:#819593;margin-bottom:6px}.booking-design .field select,.booking-design .field input,.booking-design .field-button{width:100%;border:0;outline:0;padding:0;color:var(--ink);background:transparent;font-size:13px;font-weight:700;min-width:0}.booking-design .field-button{text-align:left;white-space:nowrap}.booking-design .field-button b{float:right;color:#819593}.booking-design .swap{border:0;background:transparent;color:var(--teal);font-size:19px;padding:0}.booking-design .primary{border:0;border-radius:7px;background:var(--teal);color:#fff;font-weight:700;padding:15px 20px}.booking-design .primary:hover{background:#0d555b}.booking-design .search-button{white-space:nowrap;min-width:130px}.booking-design .search-button span{margin-left:10px}.booking-design .search-foot{display:flex;justify-content:space-between;color:#899997;font-size:11px;margin-top:18px}.booking-design .search-foot span:first-child{color:#69916e}.booking-design .error{color:#b33a36;font-size:12px;margin:8px 0 0}.booking-design .popover{position:absolute;z-index:10;top:calc(100% + 8px);right:0;width:270px;padding:18px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 40px #173c4930}.booking-design .popover[hidden]{display:none}.booking-design .pop-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.booking-design .pop-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.booking-design .counter{display:flex;gap:12px;align-items:center}.booking-design .counter button{border:1px solid var(--line);border-radius:50%;width:28px;height:28px;background:#fff;color:var(--teal)}.booking-design .class-select{display:block;margin-top:20px;font-size:12px;font-weight:700}.booking-design .class-select select{display:block;margin-top:7px;border:1px solid var(--line);padding:9px;border-radius:5px}.booking-design .done{margin-top:16px;width:100%;border:0;padding:10px;background:#eaf4f1;color:var(--teal);font-weight:700;border-radius:5px}.booking-design .discovery{padding:88px 0}.booking-design .section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.booking-design .section-head h2,.booking-design .exp-inner h2{font-size:31px}.booking-design .section-head p,.booking-design .exp-inner p{color:var(--muted);font-size:14px;margin:9px 0 0}.booking-design .section-label{color:#9aadab;font-size:10px;letter-spacing:.14em;font-weight:700}.booking-design .section-label b{color:var(--teal);font-size:16px}.booking-design .dest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.booking-design .dest-card{height:270px;border:0;border-radius:9px;overflow:hidden;position:relative;text-align:left;background:#387c7c;color:white;padding:0}.booking-design .dest-image{position:absolute;inset:0;background-image:url('hero.png');background-size:cover;transition:transform .4s}.booking-design .dest-cebu .dest-image{background-position:25% center}.booking-design .dest-manila .dest-image{background-position:60% center;filter:brightness(.85)}.booking-design .dest-singapore .dest-image{background-position:90% center;filter:saturate(.8)}.booking-design .dest-card:hover .dest-image{transform:scale(1.05)}.booking-design .dest-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,38,43,.78),transparent 75%)}.booking-design .dest-text{position:absolute;left:24px;bottom:22px;display:grid;gap:6px}.booking-design .dest-text small{font-size:9px;letter-spacing:.17em}.booking-design .dest-text strong{font:700 25px Manrope,sans-serif}.booking-design .dest-text span{font-size:12px}.booking-design .experience{background:#eef5f1;padding:65px 0}.booking-design .exp-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center}.booking-design .perks{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.booking-design .perks div{display:grid;gap:9px}.booking-design .perks div>span{font-size:24px;color:var(--green)}.booking-design .perks strong{font-size:13px}.booking-design .perks small{font-size:12px;line-height:1.6;color:#778d8b}.booking-design footer{padding:30px 0}.booking-design .footer-inner{display:flex;align-items:center;gap:30px;font-size:12px;color:var(--muted)}.booking-design .footer-inner img{width:140px}.booking-design .footer-inner small{margin-left:auto}.booking-design .booking-shell{position:fixed;inset:0;z-index:20;background:#f5f8f6;overflow:auto}.booking-design .booking-shell[hidden]{display:none}.booking-design .booking-header{background:white;border-bottom:1px solid var(--line)}.booking-design .booking-nav{display:flex;align-items:center;justify-content:space-between;height:76px}.booking-design .booking-nav img{width:170px}.booking-design .text-btn{border:0;background:transparent;color:var(--teal);font-weight:700;padding:10px}.booking-design .steps{display:flex;gap:0;background:white;border-bottom:1px solid var(--line);justify-content:center}.booking-design .step{padding:19px 28px;color:#91a3a2;font-weight:700;font-size:12px;border-bottom:3px solid transparent}.booking-design .step span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #cbdad6;border-radius:50%;margin-right:8px}.booking-design .step.current{color:var(--teal);border-color:var(--teal)}.booking-design .step.current span,.booking-design .step.complete span{background:var(--teal);color:white;border-color:var(--teal)}.booking-design .booking-content{padding:38px 0 80px}.booking-design .booking-title{margin-bottom:25px}.booking-design .booking-title h1{font:700 30px Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0}.booking-design .booking-title p{color:var(--muted);font-size:14px;margin:0}.booking-design .booking-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px;align-items:start}.booking-design .panel,.booking-design .summary{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:16px}.booking-design .panel h2,.booking-design .summary h2{font:700 18px Manrope,sans-serif;margin:0 0 7px}.booking-design .panel p,.booking-design .summary p{font-size:13px;color:var(--muted);line-height:1.5}.booking-design .tag{font-size:10px;color:var(--teal);background:#e9f4ef;padding:6px 9px;border-radius:20px;font-weight:800;display:inline-block}.booking-design .route-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.booking-design .route-head h2{margin:0}.booking-design .flight{border:1px solid var(--line);border-radius:8px;padding:18px;margin-top:12px;display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:12px;align-items:center}.booking-design .flight.selected{border:2px solid var(--teal);background:#f6fbf9}.booking-design .flight strong{font-size:19px}.booking-design .flight small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.booking-design .flight-mid{text-align:center;color:var(--muted);font-size:11px}.booking-design .flight-mid div{border-top:1px solid #bdd1ca;margin:8px 0}.booking-design .flight-price{text-align:right}.booking-design .flight-price strong{font-size:17px}.booking-design .select-btn{border:1px solid var(--teal);background:white;border-radius:6px;color:var(--teal);font-weight:700;padding:10px 14px;font-size:12px}.booking-design .selected .select-btn{background:var(--teal);color:white}.booking-design .summary{position:sticky;top:20px}.booking-design .summary h2{margin-bottom:20px}.booking-design .sum-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;color:#637b7c;border-bottom:1px solid #eef2f0}.booking-design .sum-line strong{color:var(--ink);text-align:right}.booking-design .sum-total{display:flex;justify-content:space-between;padding:18px 0 4px;font-weight:700}.booking-design .sum-total strong{font-size:21px}.booking-design .hint{font-size:11px!important;color:#8a9a99!important}.booking-design .actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.booking-design .actions button:disabled{opacity:.45;cursor:not-allowed}.booking-design .category{margin:24px 0 14px}.booking-design .category h3{font:700 16px Manrope,sans-serif;margin:0}.booking-design .category p{margin:5px 0}.booking-design .option{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:15px;margin:8px 0;font-size:13px}.booking-design .option strong{display:block}.booking-design .option small{display:block;color:var(--muted);margin-top:5px;line-height:1.4}.booking-design .option input{accent-color:var(--teal);width:17px;height:17px}.booking-design .option-right{display:flex;align-items:center;gap:15px;white-space:nowrap;font-weight:700}.booking-design .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.booking-design .form-grid label{font-size:12px;font-weight:700}.booking-design .form-grid input,.booking-design .form-grid select{display:block;margin-top:7px;width:100%;border:1px solid #d5e2df;border-radius:6px;padding:12px;background:white;color:var(--ink)}.booking-design .seat-layout{max-width:420px;margin:auto;background:#f4f8f6;border-radius:80px 80px 20px 20px;padding:45px 26px 25px}.booking-design .seat-grid{display:grid;grid-template-columns:repeat(3,1fr) 24px repeat(3,1fr);gap:7px}.booking-design .seat{aspect-ratio:1;border:1px solid #b5d3c7;background:white;color:var(--teal);border-radius:7px;font-size:11px;font-weight:700}.booking-design .seat.picked{background:var(--teal);color:#fff}.booking-design .seat:disabled{background:#e2e9e6;border-color:#e2e9e6;color:#9caeaa;cursor:not-allowed}.booking-design .seat-aisle{text-align:center;color:#a2b3b0;font-size:10px;align-self:center}.booking-design .legend{display:flex;gap:18px;justify-content:center;color:var(--muted);font-size:11px;margin:15px}.booking-design .legend i{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid #b5d3c7;margin-right:5px}.booking-design .legend i.chosen{background:var(--teal)}.booking-design .legend i.taken{background:#e2e9e6;border-color:#e2e9e6}.booking-design .pass-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.booking-design .pass-tabs button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 12px;color:var(--ink);font-size:12px}.booking-design .pass-tabs button.active{border-color:var(--teal);color:var(--teal);background:#edf7f2}.booking-design .notice{background:#f2f8f4;border-radius:7px;padding:12px;color:#50746c;font-size:12px;line-height:1.5}.booking-design .success{padding:24px;background:#eaf5ef;border-radius:8px;color:#285d4d;margin-top:20px}.booking-design .success h3{margin-top:0}@media(max-width:1000px){.booking-design .nav nav{gap:20px}.booking-design .nav-note{display:none}.booking-design .search-grid{grid-template-columns:1fr 30px 1fr 1fr 1fr}.booking-design .search-grid .field:nth-of-type(5){grid-column:1/4}.booking-design .search-button{grid-column:4/6}.booking-design .booking-grid{grid-template-columns:1fr 260px}}@media(max-width:700px){.booking-design .wrap{width:calc(100% - 32px)}.booking-design header{height:70px}.booking-design .brand img{width:155px}.booking-design .nav{gap:0;justify-content:space-between}.booking-design .nav nav a:not(:first-child){display:none}.booking-design .nav nav{font-size:12px}.booking-design .hero{height:360px}.booking-design .hero-copy{padding-top:63px}.booking-design .hero h1{font-size:43px}.booking-design .hero-side{display:none}.booking-design .search-wrap{margin-top:-42px}.booking-design .search-card{padding:22px 18px}.booking-design .search-top{align-items:start;flex-direction:column;gap:15px}.booking-design .search-top h2{font-size:21px}.booking-design .search-grid{grid-template-columns:1fr 28px 1fr;gap:8px}.booking-design .search-grid .field:nth-of-type(3),.booking-design .search-grid .field:nth-of-type(4){grid-column:auto}.booking-design .search-grid .field:nth-of-type(5){grid-column:1/4}.booking-design .search-button{grid-column:1/4}.booking-design .search-grid .field:nth-of-type(3){grid-column:1/2}.booking-design .search-grid .field:nth-of-type(4){grid-column:2/4}.booking-design .search-foot{display:block;line-height:1.8}.booking-design .search-foot span{display:block}.booking-design .popover{left:0;right:auto}.booking-design .discovery{padding:60px 0}.booking-design .section-head h2,.booking-design .exp-inner h2{font-size:26px}.booking-design .section-label{display:none}.booking-design .dest-grid{grid-template-columns:1fr;gap:12px}.booking-design .dest-card{height:190px}.booking-design .exp-inner{display:block}.booking-design .perks{margin-top:30px;grid-template-columns:1fr;gap:20px}.booking-design .perks div{grid-template-columns:35px 1fr}.booking-design .perks small{grid-column:2}.booking-design .footer-inner{align-items:start;flex-direction:column;gap:10px}.booking-design .footer-inner small{margin:0}.booking-design .booking-nav{height:65px}.booking-design .booking-nav img{width:140px}.booking-design .steps{overflow:auto;justify-content:flex-start}.booking-design .step{white-space:nowrap;padding:14px 12px;font-size:11px}.booking-design .step span{width:21px;height:21px;margin-right:4px}.booking-design .booking-content{padding-top:26px}.booking-design .booking-grid{display:flex;flex-direction:column}.booking-design .booking-grid>div{width:100%}.booking-design .summary{position:static}.booking-design .flight{grid-template-columns:1fr 1fr 1fr;gap:8px}.booking-design .flight .select-btn{grid-column:1/4}.booking-design .flight-price strong{font-size:15px}.booking-design .flight strong{font-size:16px}.booking-design .panel,.booking-design .summary{padding:18px}.booking-design .form-grid{grid-template-columns:1fr}.booking-design .booking-title h1{font-size:25px}.booking-design .seat-layout{padding-left:12px;padding-right:12px}}
.booking-design .select-btn:disabled{border-color:#d8e2df;background:#f4f6f5;color:#98a9a5;cursor:not-allowed}
.booking-design .dest-cebu .dest-image{background-image:url('cebu.png');background-position:center}.booking-design .dest-manila .dest-image{background-image:url('manila.png');background-position:center;filter:none}.booking-design .dest-singapore .dest-image{background-image:url('singapore.png');background-position:center;filter:none}
.booking-design .pop-row+.pop-row{margin-top:14px}.booking-design .seat-rows{display:grid;gap:7px}.booking-design .seat-row{display:flex;align-items:center;justify-content:center;gap:6px}.booking-design .seat-row .seat{width:42px;flex:0 1 42px}.booking-design .seat-row .seat-aisle{width:22px}.booking-design .footer-inner a{font-weight:700;color:var(--teal)}.booking-design .footer-inner a[hidden]{display:none}.booking-design .success .primary{margin-top:8px}.booking-design .success #confirmError{color:#a33333}.booking-design .select-btn:disabled{opacity:.55}
.booking-design .sox-presentation{background:#eff4f4;padding:72px 0 58px}.booking-design .sox-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:30px}.booking-design .sox-intro h2{font:700 42px/1.12 Manrope,sans-serif;letter-spacing:-.05em;margin:13px 0 0}.booking-design .sox-intro h2 em{font-style:normal;font-weight:400}.booking-design .sox-intro p{font-size:18px;margin:0 0 10px}.booking-design .sox-intro .sox-description{font-size:14px;line-height:1.7;color:var(--muted);max-width:430px}.booking-design .sox-cta{display:inline-flex;gap:35px;color:var(--teal);font-weight:700;font-size:13px;margin-top:10px}.booking-design .sox-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.booking-design .sox-tier{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;align-self:start}.booking-design .sox-tier>img{width:100%;display:block;aspect-ratio:1280/761;object-fit:cover}.booking-design .sox-tier>div{padding:20px}.booking-design .sox-tier h3{font:600 23px Manrope,sans-serif;letter-spacing:-.03em;margin:6px 0 12px}.booking-design .sox-qualification{font-size:12px;line-height:1.7;color:var(--muted);min-height:80px}.booking-design .sox-tier details{border-top:1px solid var(--line);padding-top:14px;font-size:12px}.booking-design .sox-tier summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:700;color:var(--teal)}.booking-design .sox-benefit{padding:13px 0 0}.booking-design .sox-benefit strong{font-size:12px;font-weight:600}.booking-design .sox-benefit p{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0 0}.booking-design .sox-fine{color:#819694;font-size:11px;margin-top:22px}.booking-design .sox-status{font-size:13px;color:var(--muted);grid-column:1/-1}.booking-design .seat-map-scroll{overflow-x:auto;width:100%;padding-bottom:10px}.booking-design .seat-map-scroll .seat-layout{width:max-content;min-width:260px;max-width:none;padding:45px 20px 24px}.booking-design .seat-block{display:flex;gap:6px}.booking-design .seat-block+.seat-block{margin-left:15px}.booking-design .seat-row .seat{width:36px;flex:0 0 36px;min-height:36px}.booking-design .seat-gap{display:block;width:36px;height:36px}.booking-design .seat-row{justify-content:flex-start}.booking-design .seat-layout .seat-aisle{flex:0 0 20px}.booking-design .seat-choice-price{font-size:12px;line-height:1.6;color:var(--teal);text-align:center;margin:12px 0}.booking-design .pass-tabs button small{display:block;font-size:10px;font-weight:400;margin-top:4px}.booking-design .nav nav{gap:26px}.booking-design .nav{gap:45px}
@media(max-width:1000px){.booking-design .sox-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-design .sox-intro{gap:35px}.booking-design .sox-qualification{min-height:65px}}
@media(max-width:700px){.booking-design .sox-presentation{padding:48px 0}.booking-design .sox-intro{display:block}.booking-design .sox-intro h2{font-size:34px;margin-bottom:25px}.booking-design .sox-intro p{font-size:16px}.booking-design .sox-tier-grid{grid-template-columns:1fr;gap:16px}.booking-design .sox-tier>img{max-height:230px;object-fit:contain;background:#f3f5f5}.booking-design .sox-qualification{min-height:0}.booking-design .seat-map-scroll .seat-layout{padding:35px 9px 20px}.booking-design .seat-row .seat,.booking-design .seat-gap{width:31px;flex-basis:31px;min-height:34px}.booking-design .seat-block{gap:3px}.booking-design .seat-block+.seat-block{margin-left:12px}.booking-design .seat-row{gap:3px}.booking-design .seat-layout .seat-aisle{flex-basis:16px}.booking-design .nav nav a:last-child{display:block}.booking-design .nav nav{gap:14px}.booking-design .brand img{width:142px}.booking-design .nav nav{font-size:10px}}
.booking-design .banner-controls{position:absolute;right:max(32px,calc((100% - 1240px)/2));bottom:82px;display:flex;align-items:center;gap:8px;color:white;font-size:11px}.booking-design .banner-controls[hidden]{display:none}.booking-design .banner-controls button{border:1px solid #ffffff5c;border-radius:5px;padding:7px 10px;color:white;background:#164c4b66;font-size:11px}.booking-design .banner-controls span{padding-left:6px}.booking-design .hero-side{bottom:140px}@media(max-width:700px){.booking-design .banner-controls{right:18px;bottom:52px}}
.booking-design .dest-card[hidden]{display:none}@media(min-width:701px){.booking-design .dest-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-design .dest-grid[data-count="1"]{grid-template-columns:1fr}}

/* Gensan Air flight selection and flight-details experience */
.booking-design{--ink:#06324e;--muted:#607b89;--teal:#06324e;--green:#82bd35;--ga-blue:#18a8dd;--ga-navy:#06324e;--line:#d7e3e8;--bg:#f2f6f8}
.booking-design .booking-shell{background:#f2f6f8}
.booking-design .booking-header{border-top:5px solid transparent;border-image:linear-gradient(90deg,var(--ga-blue) 0 58%,var(--green) 58% 100%) 1;background:#fff;box-shadow:0 6px 22px rgba(6,50,78,.06)}
.booking-design .step.current{color:var(--ga-blue);border-color:var(--ga-blue)}
.booking-design .step.current span,.booking-design .step.complete span{border-color:var(--ga-navy);background:var(--ga-navy)}
.booking-design .booking-title .eyebrow{color:#087eaa}
.booking-design .booking-title h1{color:var(--ga-navy);font-weight:500}
.booking-design .flight-panel{overflow:hidden;padding:24px;border-color:#cedde4;box-shadow:0 12px 34px rgba(6,50,78,.08)}
.booking-design .flight-panel .route-head{margin:-24px -24px 18px;padding:18px 24px;background:linear-gradient(105deg,#06324e,#075d7d);color:#fff}
.booking-design .flight-panel .route-head .eyebrow{color:#9edff2;font-size:11px;font-weight:500}
.booking-design .flight-panel .route-head h2{margin-top:5px;color:#fff;font-size:19px;font-weight:500}
.booking-design .flight-panel .tag{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);color:#fff;font-weight:500;letter-spacing:.08em}
.booking-design .flight-date-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 20px;padding:2px 0 5px;border-bottom:1px solid #cfdde3}
.booking-design .flight-date-strip button{position:relative;display:grid;min-width:0;min-height:78px;align-content:center;gap:2px;border:1px solid #0785b7;border-radius:7px 7px 3px 3px;padding:9px 7px;background:linear-gradient(145deg,#087cab,#18a8dd);color:#fff;text-align:center;box-shadow:0 5px 12px rgba(9,111,153,.13);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.booking-design .flight-date-strip button:hover:not(:disabled){transform:translateY(-2px);border-color:#06324e;box-shadow:0 8px 17px rgba(6,50,78,.18)}
.booking-design .flight-date-strip button small{font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;opacity:.86}
.booking-design .flight-date-strip button strong{overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.booking-design .flight-date-strip button em{font-size:8px;font-style:normal;font-weight:400;letter-spacing:.08em;opacity:.82}
.booking-design .flight-date-strip button.current{border:2px solid var(--ga-blue);background:#fff;color:var(--ga-navy);box-shadow:0 8px 18px rgba(6,50,78,.12)}
.booking-design .flight-date-strip button.current:after{position:absolute;right:10px;bottom:-6px;left:10px;height:4px;border-radius:4px;background:var(--green);content:""}
.booking-design .flight-date-strip button.unavailable{border-color:#d8e0e3;background:#edf1f3;color:#98a6ad;box-shadow:none;cursor:not-allowed}
.booking-design .flight-date-strip button.unavailable em{color:#87969d;opacity:1}
.booking-design .date-switch-status,.booking-design .no-date-flights{margin:0 0 15px;padding:20px;border:1px solid #d3e2e8;border-radius:7px;background:#f5fafb;color:#506d7b;font-size:12px;letter-spacing:.04em;text-align:center}
.booking-design .date-switch-status.error{border-color:#e2cccc;background:#fff7f7;color:#8c3c3c}
.booking-design .flight{grid-template-columns:minmax(118px,.9fr) minmax(180px,1.2fr) minmax(150px,.95fr) minmax(126px,.8fr);min-height:142px;padding:19px;border-color:#d2e0e5;border-left:4px solid var(--ga-blue);background:#fff;box-shadow:0 7px 20px rgba(6,50,78,.055)}
.booking-design .flight.selected{border:1px solid #70a92d;border-left:4px solid var(--green);background:#fbfdf9;box-shadow:0 9px 24px rgba(73,117,26,.1)}
.booking-design .flight.connection-flight{border-left-color:#82bd35;background:linear-gradient(90deg,#fbfdf7,#fff 35%)}
.booking-design .flight.connection-flight.selected{border-left-color:#82bd35;background:#f7fbf2}
.booking-design .flight>div:first-child>strong,.booking-design .flight-price>strong{color:var(--ga-navy);font-weight:500}
.booking-design .flight small{color:#637d89;font-size:12px}
.booking-design .flight-mid{color:#4f6f7d;font-size:12px}
.booking-design .flight-mid>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:10px 0;border:0}
.booking-design .flight-mid>div>span{height:1px;background:#9fcbdc}
.booking-design .flight-mid>div>b{color:var(--ga-blue);font-size:14px;font-weight:400}
.booking-design .flight-price small b{color:#087da8;font-size:13px;font-weight:500}
.booking-design .flight-actions{display:grid;gap:8px}
.booking-design .details-btn,.booking-design .select-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:6px;padding:9px 12px;font-size:12px;font-weight:500;white-space:nowrap}
.booking-design .details-btn{border:1px solid #66b9d7;background:#f4fbfd;color:#075f87}
.booking-design .details-btn i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:14px;font-style:normal;line-height:1}
.booking-design .details-btn:hover{border-color:var(--ga-navy);background:var(--ga-navy);color:#fff}
.booking-design .select-btn{border-color:var(--ga-navy);color:var(--ga-navy)}
.booking-design .selected .select-btn{background:var(--ga-navy);color:#fff}

.booking-design .flight-detail-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,28,46,.64);backdrop-filter:blur(5px)}
.booking-design .flight-detail-dialog{width:min(940px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #a9c4d1;border-radius:14px;background:#fff;color:#173e58;box-shadow:0 38px 110px rgba(3,28,46,.4)}
.booking-design .flight-detail-dialog>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;gap:17px;height:auto;min-height:78px;padding:14px 21px;border-bottom:4px solid var(--green);background:linear-gradient(105deg,#062d49,#075c7b);color:#fff}
.booking-design .flight-detail-dialog>header>.flight-detail-brand{position:relative;display:block;flex:0 0 145px;width:145px;aspect-ratio:1756/409;overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.booking-design .flight-detail-brand>img{position:absolute;left:-4.6697%;top:-68.7042%;display:block;width:116.6287%;max-width:none;height:250.3667%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:fill}
@media(max-width:700px){.booking-design .flight-detail-dialog>header>.flight-detail-brand{flex-basis:110px;width:110px}}
.booking-design .flight-detail-dialog>header>div{min-width:0;flex:1;padding-left:17px;border-left:1px solid rgba(255,255,255,.25)}
.booking-design .flight-detail-dialog>header span{display:block;color:#a7e2f3;font-size:10px;letter-spacing:.14em}
.booking-design .flight-detail-dialog>header h2{margin:4px 0 0;color:#fff;font:500 16px/1.3 Manrope,Arial,sans-serif;letter-spacing:.04em}
.booking-design .flight-detail-dialog>header button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.45);border-radius:6px;background:transparent;color:#fff;font-size:10px;font-weight:500;letter-spacing:.08em}
.booking-design .flight-detail-dialog>header button i{font-size:17px;font-style:normal;line-height:1}
.booking-design .flight-detail-hero{padding:21px 24px;background:linear-gradient(105deg,#0b3d60,#117da5);color:#fff}
.booking-design .flight-detail-hero>span{color:#ace6f5;font-size:10px;letter-spacing:.13em}
.booking-design .flight-detail-hero h3{margin:7px 0 4px;color:#fff;font:500 19px/1.4 Manrope,Arial,sans-serif}
.booking-design .flight-detail-hero h3 i{padding:0 8px;color:#a8db43;font-style:normal}
.booking-design .flight-detail-hero p{margin:0;color:#d5eaf1;font-size:11px;letter-spacing:.07em}
.booking-design .flight-detail-ribbon{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:8px 18px;border-bottom:1px solid #d7e4e9;background:#f2f8fa;color:#2d596f;font-size:10px;letter-spacing:.09em;text-align:center}
.booking-design .flight-detail-ribbon i{width:5px;height:5px;border-radius:50%;background:var(--green)}
.booking-design .flight-detail-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;padding:18px 24px;background:#d7e4e9}
.booking-design .flight-detail-summary>div{min-height:100px;padding:16px;background:#fff}
.booking-design .flight-detail-summary>div:nth-child(2){background:#f2f8fa;text-align:center}
.booking-design .flight-detail-summary>div:last-child{text-align:right}
.booking-design .flight-detail-summary small,.booking-design .flight-detail-dialog>footer>span{display:block;color:#607d89;font-size:10px;letter-spacing:.09em}
.booking-design .flight-detail-summary strong{display:block;margin:5px 0;color:var(--ga-navy);font-size:19px;font-weight:500}
.booking-design .flight-detail-summary span{display:block;color:#577482;font-size:11px;line-height:1.4}
.booking-design .flight-detail-sectors{padding:4px 24px 20px}
.booking-design .flight-detail-sectors>header{display:flex;align-items:center;justify-content:space-between;height:auto;padding:13px 0 10px;background:transparent}
.booking-design .flight-detail-sectors>header span{color:#087da8;font-size:10px;letter-spacing:.12em}
.booking-design .flight-detail-sectors>header strong{color:#3c5e70;font-size:10px;font-weight:500;letter-spacing:.08em}
.booking-design .flight-detail-sector-wrap{overflow:hidden;border:1px solid #d4e2e8;border-bottom:0}
.booking-design .flight-detail-sector-wrap:first-of-type{border-radius:8px 8px 0 0}
.booking-design .flight-detail-sector-wrap:last-of-type{border-bottom:1px solid #d4e2e8;border-radius:0 0 8px 8px}
.booking-design .flight-detail-sector{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(145px,.72fr) minmax(0,1fr);align-items:center;gap:14px;padding:15px 16px;background:#fff}
.booking-design .flight-detail-sector>b{display:grid;place-items:center;width:38px;height:44px;border-radius:7px;background:var(--ga-navy);color:#fff;font-size:15px;font-weight:400}
.booking-design .flight-detail-sector>div small{display:block;color:#6b838e;font-size:9px;letter-spacing:.08em}
.booking-design .flight-detail-sector>div strong{display:block;margin:4px 0;color:var(--ga-navy);font-size:17px;font-weight:500}
.booking-design .flight-detail-sector>div span{display:block;overflow:hidden;color:#506f7e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.booking-design .flight-detail-sector>div em{display:block;margin-top:4px;color:#80939c;font-size:9px;font-style:normal}
.booking-design .flight-detail-sector>div.arrival{text-align:right}
.booking-design .flight-detail-sector>p{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:0;text-align:center}
.booking-design .flight-detail-sector>p>span{padding:6px;border-radius:5px;background:#edf7fa;color:#08739f;font-size:11px;letter-spacing:.07em}
.booking-design .flight-detail-sector>p>i{color:var(--green);font-style:normal}
.booking-design .flight-detail-sector>p>small{grid-column:1/-1;color:#6e8490;font-size:9px;letter-spacing:.06em}
.booking-design .flight-detail-stopover{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:10px 16px 10px 75px;border-top:1px dashed #b9ced7;background:linear-gradient(90deg,#eff8e9,#f5fafc)}
.booking-design .flight-detail-stopover span{color:#31566d;font-size:10px;letter-spacing:.06em}
.booking-design .flight-detail-stopover strong{grid-row:1/3;grid-column:2;color:var(--ga-navy);font-size:13px;font-weight:500}
.booking-design .flight-detail-stopover small{color:#708792;font-size:9px;letter-spacing:.07em}
.booking-design .flight-detail-dialog>footer{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:0 24px 22px;padding:16px 17px;border:1px solid #d3e1e7;border-radius:8px;background:#f6fafb}
.booking-design .flight-detail-dialog>footer strong{color:var(--ga-navy);font-size:13px;font-weight:500;text-align:right}
.booking-design .flight-detail-dialog>footer small{grid-column:1/-1;color:#6b838f;font-size:10px}
@media(max-width:700px){.booking-design .flight-date-strip{display:flex;overflow-x:auto;margin-right:-18px;margin-left:-18px;padding:2px 18px 10px;scroll-snap-type:x mandatory}.booking-design .flight-date-strip button{flex:0 0 112px;min-height:72px;scroll-snap-align:start}.booking-design .flight{grid-template-columns:1fr 1fr 1fr;border-left-width:3px}.booking-design .flight-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.booking-design .flight .select-btn{grid-column:auto}.booking-design .flight-detail-backdrop{padding:8px}.booking-design .flight-detail-dialog{max-height:calc(100vh - 16px)}.booking-design .flight-detail-dialog>header{gap:10px;padding:11px}.booking-design .flight-detail-dialog>header>img{width:85px}.booking-design .flight-detail-dialog>header>div{padding-left:10px}.booking-design .flight-detail-dialog>header button{font-size:0}.booking-design .flight-detail-dialog>header button i{font-size:18px}.booking-design .flight-detail-hero{padding:17px 15px}.booking-design .flight-detail-hero h3{font-size:15px}.booking-design .flight-detail-ribbon{flex-wrap:wrap;gap:7px;font-size:8px}.booking-design .flight-detail-summary{grid-template-columns:1fr;padding:12px}.booking-design .flight-detail-summary>div{min-height:0}.booking-design .flight-detail-summary>div:nth-child(2),.booking-design .flight-detail-summary>div:last-child{text-align:left}.booking-design .flight-detail-sectors{padding:4px 12px 14px}.booking-design .flight-detail-sector{grid-template-columns:38px 1fr 1fr;gap:9px;padding:12px}.booking-design .flight-detail-sector>p{grid-column:2/-1;grid-row:2}.booking-design .flight-detail-stopover{padding-left:58px}.booking-design .flight-detail-dialog>footer{margin:0 12px 14px}}

/* Compact flight results */
.booking-design .flight{grid-template-columns:76px minmax(190px,1fr) 76px minmax(212px,.92fr);min-height:104px;gap:14px;margin-top:9px;padding:13px 14px}
.booking-design .flight-time strong{display:block;color:var(--ga-navy);font-size:17px;font-weight:500;line-height:1.1}
.booking-design .flight-time small{margin-top:4px;color:#6d8490;font-size:10px;letter-spacing:.13em}
.booking-design .flight-time.arrival{text-align:right}
.booking-design .flight-mid{text-align:left}
.booking-design .flight-mid .flight-number,.booking-design .flight-mid .flight-summary{display:block}
.booking-design .flight-mid .flight-number{color:#0a5273;font-size:11px;font-weight:500;letter-spacing:.08em}
.booking-design .flight-mid .flight-summary{margin-top:5px;color:#4e6b79;font-size:10px;letter-spacing:.045em}
.booking-design .flight-mid small{margin-top:5px;color:#7b8f98;font-size:10px}
.booking-design .flight-actions{display:grid;grid-template-columns:1fr;gap:7px;min-width:0}
.booking-design .flight-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.booking-design .flight-fare{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.booking-design .flight-fare small{margin:0;color:#718791;font-size:8px;letter-spacing:.12em}
.booking-design .flight-fare strong{overflow:hidden;color:#087da8;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.booking-design .fare-unavailable .flight-fare strong{color:#8b979c;font-size:10px;letter-spacing:.06em}
.booking-design .details-btn,.booking-design .select-btn{min-height:31px;padding:6px 8px;font-size:9px;font-weight:500;letter-spacing:.045em}
.booking-design .details-btn i{width:15px;height:15px;font-size:11px}
.booking-design .fare-unavailable{background:#fbfcfc;border-color:#dde5e8}
@media(max-width:700px){.booking-design .flight{grid-template-columns:62px minmax(0,1fr) 62px;gap:10px;padding:12px}.booking-design .flight-actions{grid-column:1/-1;grid-template-columns:1fr}.booking-design .flight-fare{padding-top:7px;border-top:1px solid #e4ecef}.booking-design .flight-time strong{font-size:15px}.booking-design .flight-mid .flight-summary,.booking-design .flight-mid small{font-size:9px}}

/* Elegant SOX Miles presentation with a restrained T'nalak-inspired weave */
.booking-design .sox-presentation{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 12%,rgba(142,105,184,.25),transparent 30%),linear-gradient(138deg,#180d2c 0%,#2d174a 52%,#442160 100%);color:#f7f3fa}
.booking-design .sox-presentation:before{position:absolute;inset:-20%;background:repeating-linear-gradient(45deg,transparent 0 32px,rgba(255,255,255,.025) 32px 33px),repeating-linear-gradient(-45deg,transparent 0 32px,rgba(196,183,211,.02) 32px 33px);content:"";transform:rotate(-2deg);pointer-events:none}
.booking-design .sox-presentation .wrap{position:relative;z-index:1}
.booking-design .sox-presentation .eyebrow{color:#b9df67;font-weight:500}
.booking-design .sox-intro h2{color:#fff;font-weight:500}
.booking-design .sox-intro h2 em{color:#ddd2e7}
.booking-design .sox-intro p{color:#f2edf5}
.booking-design .sox-intro .sox-description{color:#cfc4d9}
.booking-design .sox-cta{color:#b9df67;font-weight:500}
.booking-design .sox-tier{border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(10,4,22,.28)}
.booking-design .sox-tier>img{background:#f4f1f6}
.booking-design .sox-tier h3{color:#25153b;font-weight:500}
.booking-design .sox-tier details{border-top-color:#e7e0ec}
.booking-design .sox-tier summary{color:#3c2355;font-weight:500}
.booking-design .sox-fine,.booking-design .sox-status{color:#bfb3ca}

/* Ancillary cards keep the full product image visible and titles aligned. */
.booking-design .ancillary-option{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:stretch;gap:16px;min-height:124px;padding:0;overflow:hidden}
.booking-design .ancillary-option-image{position:relative;display:grid;width:112px;height:124px;place-items:center;padding:8px;background:#f3f8f8;overflow:hidden}
.booking-design .ancillary-option-image>span{position:absolute;color:#d4e1e1;font:500 28px/1 Manrope,Arial,sans-serif}
.booking-design .ancillary-option-image>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}
.booking-design .ancillary-option-copy{display:flex;min-width:0;padding:16px 0;flex-direction:column;align-items:flex-start;justify-content:center}
.booking-design .ancillary-option-copy>strong{display:flex;min-height:42px;align-items:flex-start;color:var(--ga-navy);font-size:15px;line-height:1.4}
.booking-design .ancillary-option-copy>small{color:#607985;font-size:12px;line-height:1.5}
.booking-design .ancillary-option .option-right{align-self:stretch;display:flex;min-width:150px;padding:16px;align-items:center;justify-content:flex-end;gap:12px}
@media(max-width:640px){.booking-design .ancillary-option{grid-template-columns:86px minmax(0,1fr)}.booking-design .ancillary-option-image{width:86px;height:108px}.booking-design .ancillary-option-copy{padding:12px 12px 4px 0}.booking-design .ancillary-option .option-right{grid-column:2;min-width:0;padding:4px 12px 12px 0;justify-content:flex-start}}
/* Passenger-specific special meal requests */
.special-meal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 22px}.special-meal-grid label{display:grid;gap:7px;padding:13px;border:1px solid #dbe5ea;border-radius:10px;background:#f8fbfc;color:#163650;font-size:.78rem}.special-meal-grid select{width:100%;min-height:44px;border:1px solid #cadbe4;border-radius:8px;background:#fff;padding:9px 11px;color:#0b3758;font:inherit}
@media(max-width:640px){.special-meal-grid{grid-template-columns:1fr}}
