/**
 * Flight Status landing page CSS (/flights/flight-status.htm).
 * Source of truth for hero/search, benefits, and SEO layout overrides.
 * Copied to flightStatusLanding.min.css by scripts/extract-flight-status-css.js
 */

/* ========== from flightStatusHeader.js ========== */
.fontSize12{font-size:calc(var(--font-scale,1) * 12px)}
.fontSize14{font-size:calc(var(--font-scale,1) * 14px)}

/* Desktop: pin common nav while scrolling flight-status.
   sticky fails here — .headerOuter lives in a short .singleHeader parent — so use fixed. */
@media screen and (min-width:768px){
  .singleHeader{
    min-height:60px
  }
  .singleHeader .headerOuter{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:14;
    background-color:#fff;
    box-shadow:0 1px 7px 0 rgba(0,0,0,.4)
  }
}

.pageStickyHder{background:#041422;width:100%;position:sticky;top:0;z-index:8}

/* Figma bg (9033:175942): earth + ellipse + Linear BG overlay + search card */
.pageStickyHder.flight-status-search{
  position:relative;
  overflow:visible;
  background:#f2f8ff;
  width:100%;
  min-height:438px;
  z-index:8;
  padding:40px 16px 56px;
  box-sizing:border-box;
  top:auto
}
.fs-landing-hero__bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0
}
/* nasa earth — Figma 9033:175943 (~1023×1020, right -224) */
.fs-landing-hero__earth{
  position:absolute;
  right:-224px;
  top:calc(50% - 9px);
  transform:translateY(-50%);
  width:1023px;
  height:1021px;
  border-radius:50%;
  border:8px solid #fff;
  box-shadow:0 -2px 34px 0 #fff;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
  box-sizing:border-box
}
.fs-landing-hero__earth img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:bottom;
  border-radius:50%;
  display:block;
  pointer-events:none
}
/* soft glow ellipse — Figma 9033:175944 */
.fs-landing-hero__ellipse{
  position:absolute;
  left:32.81%;
  right:-7.41%;
  top:-29.96%;
  bottom:-80.73%;
  width:auto;
  height:auto;
  max-width:none;
  pointer-events:none;
  z-index:1
}
/* Linear BG must sit ON TOP of earth so it washes/blends (9033:175945) */
.fs-landing-hero__gradient{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(12,43,110,.8) 0%,rgba(68,127,161,.6) 39.62%,rgba(242,248,255,.8) 92.993%,#f2f8ff 100%)
}
.fs-landing-hero__inner{
  position:relative;
  z-index:3;
  width:1200px;
  max-width:100%;
  margin:0 auto;
  padding-bottom:22px
}
.fs-landing-hero__title{
  margin:0 0 24px;
  color:#fff;
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight:400;
  line-height:1.2
}

/* White search widget — Figma typography uses named Lato faces (not numeric weights on Lato-Regular) */
.fisDtSearchWidget{
  background:#fff;
  border-radius:16px;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  padding:24px 24px 40px;
  position:relative;
  box-sizing:border-box;
  font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;
  font-weight:400
}
.fisDtSearchTabs{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.fisDtSearchTab{
  display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;
  padding:4px 0;cursor:pointer;
  font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;
  font-size:14px;font-weight:400;line-height:normal;color:#4a4a4a
}
.fisDtSearchTab::before{
  content:"";width:12px;height:12px;border-radius:50%;border:1px solid #757575;flex-shrink:0;box-sizing:border-box
}
.fisDtSearchTabActive{
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-weight:400;color:#000;background:#eaf5ff;border-radius:13.5px;padding:4px 8px
}
.fisDtSearchTabActive::before{border:4px solid #008cff;background:#fff}
.fisDtSearchFields{
  display:flex;align-items:stretch;border:1px solid #d8d8d8;border-radius:16px;
  min-height:106px;margin-bottom:8px;overflow:visible;background:#fff
}
.fisDtSearchFields .fs-header__field{
  flex:1;border:0;border-right:1px solid #d8d8d8;margin:0;padding:12px 16px;
  background:transparent;border-radius:0;min-width:0;height:auto;min-height:74px;
  display:flex;flex-direction:column;justify-content:center;gap:16px;box-sizing:border-box;position:relative
}
.fisDtSearchFields .fs-header__field:last-child{border-right:none}
.fisDtSearchFields .fs-header__field-label,
.fisDtSearchFields .fs-header__field-label.fontSize12,
.fisDtSearchFields .fs-header__field-label.fontSize14{
  display:inline-flex;align-items:center;gap:8px;
  font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;
  font-size:14px;line-height:normal;font-weight:400;
  color:#4a4a4a;letter-spacing:.43px;text-transform:none;margin:0
}
.fisDtSearchFields .fs-header__field-label-icon{flex-shrink:0;color:#008cff;width:16px;height:16px}
.fisDtSearchFields .fs-header__field-input,
.fisDtSearchFields .fs-header__field-input.fontSize14,
.fisDtSearchFields .fisDtFlightNumberInput{
  background:transparent;border:none;outline:none;padding:0;min-height:auto;
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-size:32px;line-height:normal;font-weight:400;
  color:#000;width:100%;cursor:text
}
.fisDtSearchFields .fs-header__field-input--datepicker,
.fisDtSearchFields .fs-header__field-input--datepicker.fontSize14{
  display:flex;flex-direction:column;align-items:flex-start;
  font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;
  font-size:14px;line-height:normal;font-weight:400;
  height:auto;justify-content:flex-end;cursor:pointer;text-align:left;color:#000
}
.fisDtSearchFields .fs-header__field.fisDtFieldActive{background:#eaf5ff;z-index:3002}
.fisDtSearchFields > .fs-header__field.fisDtFieldActive:first-child{border-radius:16px 0 0 16px}
.fisDtSearchFields > .fs-header__field.fisDtFieldActive:last-child{border-radius:0 16px 16px 0}
.fisDtSearchFields .fs-header__field.fisDtFieldActive .fs-header__field-label{color:#008cff}
.fisDtDateDisplay{display:flex;flex-direction:column;align-items:flex-start}
.fisDtDateMain{line-height:1}
.fisDtDateDay{
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-size:30px;font-weight:400;color:#000;line-height:normal
}
.fisDtDateMonthYear{
  font-family:Lato-Medium,Lato,Arial,Helvetica,sans-serif;
  font-size:20px;font-weight:400;color:#000;line-height:normal
}
.fisDtDateWeekday{
  font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;
  font-size:14px;font-weight:400;color:#4a4a4a;letter-spacing:.7px;margin-top:2px;line-height:normal
}
.fisDtFlightNumberInput::placeholder{
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  color:#c2c2c2;font-weight:400;text-transform:none
}
.fisDtSearchButton{
  position:absolute;left:0;right:0;bottom:-22px;width:206px;height:44px;margin:0 auto;
  border:none;border-radius:56px;background:linear-gradient(102deg,#53b2fe 0%,#065af3 100%);
  color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-size:22px;font-weight:400;line-height:1;text-transform:uppercase;z-index:10;
  -webkit-font-smoothing:antialiased
}
.fisDtSearchButton:disabled{cursor:not-allowed}
.fisDtSearchButton:hover:not(:disabled){filter:brightness(1.03)}
/* Calendar must sit under the Date column — nested .datePickerWrapper was absolute/right:0 and drifted left */
.fisDtSearchFields .fs-header__field .datePickerContainer{
  position:absolute;
  top:100%;
  left:0;
  right:auto;
  width:min(360px,90vw);
  margin-top:8px;
  padding:12px 16px;
  z-index:3003;
  background:#fff;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(0,0,0,.16);
  box-sizing:border-box
}
.fisDtSearchFields .fs-header__field .datePickerContainer .datePickerWrapper{
  position:static;
  top:auto;
  right:auto;
  width:100%;
  background:transparent;
  border-radius:0;
  box-shadow:none
}
.fisDtSearchFields .fs-header__field .datePickerContainer .DayPicker,
.fisDtSearchFields .fs-header__field .datePickerContainer .DayPicker-Months,
.fisDtSearchFields .fs-header__field .datePickerContainer .DayPicker-Month{
  width:100%;
  margin:0
}
.fisDtSearchFields .fs-header__field .datePickerContainer .DayPicker-Day{
  min-width:0;
  width:14.28%;
  height:40px
}
.fisDtSearchFields .fs-autosuggest__value,.fisDtSearchFields .fs-autosuggest__placeholder{
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-size:32px;line-height:normal;font-weight:400;color:#000
}
.fisDtSearchFields .fs-autosuggest__placeholder{color:#c2c2c2}
.fisDtSearchFields .fs-header__field.fs-autosuggest,
.flight-status-search .fisDtSearchFields .fs-header__field.fs-autosuggest{
  background:transparent;border:0;border-right:1px solid #d8d8d8;border-radius:0;box-shadow:none
}
.fisDtSearchFields .fs-header__field.fs-autosuggest:last-child,
.flight-status-search .fisDtSearchFields .fs-header__field.fs-autosuggest:last-child{border-right:none}
.fisDtSearchFields .fs-autosuggest--open,
.flight-status-search .fisDtSearchFields .fs-autosuggest--open{
  background:#eaf5ff;box-shadow:none;border:0;border-right:1px solid #d8d8d8
}
.flight-status-search .fisDtSearchFields .fs-autosuggest--open:last-child{border-right:none}
.fisDtSearchFields .fs-autosuggest__sectionTitle{
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-size:12px;font-weight:400;color:#9b9b9b;letter-spacing:.4px
}
.fisDtSearchFields .fs-autosuggest__itemTitle{
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-size:14px;font-weight:400;color:#000
}
.fisDtSearchFields .fs-autosuggest__itemSubTitle{
  font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;
  font-size:12px;font-weight:400;color:#757575
}

@media (max-width:900px){
  .fs-landing-hero__earth{
    width:min(720px,90vw);
    height:min(720px,90vw);
    right:-180px
  }
  .fs-landing-hero__ellipse{opacity:.6}
  .pageStickyHder.flight-status-search{padding:24px 12px 48px;min-height:0}
  .fs-landing-hero__title{font-size:20px;margin-bottom:16px}
  .fisDtSearchFields{flex-direction:column;min-height:0}
  .fisDtSearchFields .fs-header__field{border-right:none;border-bottom:1px solid #d8d8d8;min-height:72px}
  .fisDtSearchFields .fs-header__field:last-child{border-bottom:none}
  .fisDtSearchFields .fs-header__field-input{font-size:24px}
  .fisDtDateDay{font-size:24px}
  .fisDtDateMonthYear{font-size:16px}
  .fisDtSearchButton{width:min(206px,90%);font-size:18px}
}

.fs-header{min-height:72px;justify-content:center;margin-bottom:24px;position:relative;z-index:10;width:1200px;max-width:100%;margin:0 auto;display:flex;align-items:center}
.fs-header__row{display:flex;align-items:center;gap:16px;width:100%}
.fs-header__type{background:#27394f;border-radius:4px;padding:8px;display:flex;flex-direction:column;min-width:180px;height:56px;justify-content:center;position:relative}
.fs-header__type-label{color:#008cff;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}
.fs-header__type-btn{background:transparent;border:none;outline:none;display:flex;align-items:center;cursor:pointer;padding:0;position:relative}
.fs-header__type-value{color:#fff;font-weight:400;margin-right:8px}
.fs-header__type-value font{color:#fff}
.fs-header__dropdown li font{color:#9b9b9b}
.fs-header__dropdown li:hover font{color:#fff}
.fs-header__chevron{width:16px;height:16px;display:inline-block;background:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23D8D8D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat}
.fs-header__dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:4px;box-shadow:0 1px 6px 0 rgb(0 0 0 / .2);z-index:2000;min-width:180px;margin-top:4px;padding:0;width:180px;overflow:hidden;list-style:none}
.fs-header__dropdown-item{color:#9b9b9b;padding:8px 10px;cursor:pointer;transition:background .2s,color .2s;border-radius:0;font-weight:700}
.fs-header__dropdown-item.selected,.fs-header__dropdown-item:hover{color:#fff;background:#008cff;border-radius:0}
.fs-header__dropdown-item.selected font{color:#fff}
.fs-header__dropdown-item:first-child:hover{border-radius:4px 4px 0 0}
.fs-header__dropdown-item:last-child:hover{border-radius:0 0 4px 4px}
.fs-header__fields{flex:1;display:flex;gap:16px;min-width:0;margin-right:0}
.fs-header__field{background:#27394f;border-radius:4px;padding:8px;display:flex;flex-direction:column;min-width:180px;height:56px;justify-content:center;position:relative;flex:1}
.fs-header__field input::placeholder{text-transform:none}
.fs-header__field-label{color:#008cff;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}
.fs-header__field-input{background:transparent;border:none;outline:none;color:#fff;font-weight:400;padding:0;min-height:24px;display:flex;align-items:center;width:100%;cursor:pointer}
.fs-header__field-input--autocomplete{padding-bottom:4px;background:transparent;transition:border-color .2s}
.fs-header__field-input--datepicker{padding-bottom:4px;background:transparent;transition:border-color .2s}
.fs-header__field-input--captext{text-transform:uppercase}
.fs-header__search-btn{width:176px;height:40px}
.fs-header__search-btn button{width:100%;height:100%;font-size:calc(var(--font-scale,1) * 18px);border-radius:4px;border:none;cursor:pointer;background:#008cff;color:#fff;font-weight:600}
.fs-header__search-btn button:hover:not(:disabled){background:#0077dd}
.fs-header__search-btn button:disabled{cursor:not-allowed;background:#c2c2c2}
.fs-overlayBg{background:rgba(0,0,0,0);position:fixed;width:100%;height:100%;top:0;left:0;z-index:99}
.fs-header .downArrow{position:absolute;right:10%;top:13px;pointer-events:none;transform:none;left:auto}
.fs-header .downArrow::after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;border-bottom:5px solid transparent;position:absolute;top:-13px;z-index:1}
.fs-header .downArrow::before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #243950;border-bottom:5px solid transparent;position:absolute;top:-14px;z-index:2}

.datePickerWrapper,.autocompletePopupWrapper{z-index:1001}
.datePickerWrapper{position:absolute;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);right:0}

.flight-status-search .datePickerContainer{position:absolute;top:100%;left:0;z-index:1000;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:4px;margin-top:8px}
.flight-status-search .dayPickerFlightWrap{display:flex;flex-direction:column}
.flight-status-search .dayPickerFlightWrap .DayPicker{font-size:10px}
.flight-status-search .DayPicker{width:100%}
.flight-status-search .DayPicker-wrapper{outline:0}
.flight-status-search .DayPicker-Months{width:100%;flex:1}
.flight-status-search .DayPicker-Month{width:45%}
.flight-status-search .DayPicker-Day{height:48px;color:#000;outline:0;border:0;min-width:53px;padding:4px 0}
.flight-status-search .DayPicker-Day--start.DayPicker-Day--selected:not(.DayPicker-Day--disabled,.DayPicker-Day--outside){background-color:#008cff;color:#fff;border-top-right-radius:0;border-bottom-right-radius:0}
.flight-status-search .DayPicker-Day--end.DayPicker-Day--selected:not(.DayPicker-Day--disabled,.DayPicker-Day--outside){background-color:#008cff;color:#fff;border-top-left-radius:0;border-bottom-left-radius:0}
.flight-status-search .DayPicker-Caption{margin-bottom:25px}
.flight-status-search .DayPicker-Caption>div{font-size:calc(var(--font-scale,1) * 18px);font-weight:bolder;color:#000;text-align:center}
.flight-status-search .DayPicker-Caption>div>span{font-weight:bold;font-size:calc(var(--font-scale,1) * 18px);line-height:20px;margin-left:5px}
.flight-status-search .DayPicker-Weekday{font-weight:bold}
.flight-status-search .DayPicker-NavBar .DayPicker-NavButton--prev{top:17px;left:30px;cursor:pointer;z-index:100;width:16px;height:13px;background-position:-5px -21px;background-image:url("//imgak.mmtcdn.com/pwa_v3/pwa_commons_assets/desktop/spriteModifySearch.png");background-size:50px 50px;transform:rotate(-180deg);outline:0;border:0}
.flight-status-search .DayPicker-NavBar .DayPicker-NavButton--next{top:17px;right:30px;cursor:pointer;z-index:100;width:16px;height:13px;background-position:-5px -21px;background-image:url("//imgak.mmtcdn.com/pwa_v3/pwa_commons_assets/desktop/spriteModifySearch.png");background-size:50px 50px;outline:0;border:0}
.flight-status-search .dayPickerFlightWrap .DayPicker-Day--selected,.flight-status-search .dayPickerFlightWrap .DayPicker-Day--selected:hover{background-color:var(--primary-blue-color,#008cff);color:#fff}
.flight-status-search .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled,.DayPicker-Day--selected,.DayPicker-Day--outside):hover{border-radius:0}
.flight-status-search .dayPickerFlightWrap .DayPicker-Day--selected.DayPicker-Day--start,.flight-status-search .dayPickerFlightWrap .DayPicker-Day--selected.DayPicker-Day--end{font-weight:600;border-radius:5px}
.flight-status-search .dayPickerFlightWrap .DayPicker-Day--end,.flight-status-search .dayPickerFlightWrap .DayPicker-Day--end:hover{border-top-right-radius:5px;border-bottom-right-radius:5px}
.flight-status-search .dayPickerFlightWrap .DayPicker-Day--start,.flight-status-search .dayPickerFlightWrap .DayPicker-Day--start:hover{border-top-left-radius:5px;border-bottom-left-radius:5px}
.flight-status-search .dayPickerFlightWrap .DayPicker-Day--selected:not(.DayPicker-Day--disabled,.DayPicker-Day--outside){border-radius:5px;background-color:#008cff;font-weight:600;color:#fff}
.flight-status-search .fs-header__field.fs-autosuggest{background:#fff;border:1px solid #d8d8d8;border-radius:6px;box-sizing:border-box}
.flight-status-search .fs-header__field.fs-autosuggest .fs-header__field-label{color:#757575;font-weight:700}
.flight-status-search .fs-autosuggest--open{border-color:#008cff;box-shadow:0 0 0 1px #008cff;z-index:2200}
.flight-status-search .fs-autosuggest__trigger{text-align:left}
.flight-status-search .fs-autosuggest__value,.flight-status-search .fs-autosuggest__placeholder{display:block;width:100%;overflow:hidden;color:#000;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.flight-status-search .fs-autosuggest__placeholder{color:#757575;font-weight:400}
.flight-status-search .fs-autosuggest__popup{position:absolute;top:30%;left:0;width:360px;max-height:430px;margin-top:8px;overflow:hidden auto;background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.18);color:#000;padding:10px 0}
.fs-autosuggest__searchRow{display:flex;align-items:center;gap:8px;padding:0 14px 10px;border-bottom:1px solid #eceff1}
.fs-autosuggest__searchIcon{flex:0 0 16px;width:16px;height:16px;opacity:.65;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='7' stroke='%23000' stroke-width='2'/%3E%3Cpath stroke='%23000' stroke-width='2' stroke-linecap='round' d='m16 16 5 5'/%3E%3C/svg%3E") center/contain no-repeat}
.fs-autosuggest__searchInput{width:100%;min-width:0;padding:7px 0;border:0;outline:0;color:#000}
.fs-autosuggest__subTitle{padding:10px 14px 4px;color:#4a4a4a;line-height:1.35}
.fs-autosuggest__subTitle font{color:#4a4a4a}
.fs-autosuggest__sectionTitle{padding:10px 14px 6px;color:#9b9b9b;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.fs-autosuggest__loading{padding:8px 14px;color:#9b9b9b}
.fs-autosuggest__list{margin:0;padding:0;list-style:none}
.fs-autosuggest__item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;outline:0}
.fs-autosuggest__item--nearby{padding-left:64px}
.fs-autosuggest__item:hover,.fs-autosuggest__item:focus{background:#f5f8fa}
.fs-autosuggest__iataPill{min-width:38px;padding:8px 7px;border:1px solid #d8d8d8;border-radius:6px;color:#000;font-weight:700;line-height:1.2;text-align:center}
.fs-autosuggest__itemText{flex:1;min-width:0}
.fs-autosuggest__itemTitle{overflow:hidden;color:#000;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.fs-autosuggest__itemSubTitle{overflow:hidden;margin-top:3px;color:#757575;text-overflow:ellipsis;white-space:nowrap}
.fs-autosuggest__tag{flex-shrink:0;padding:5px 8px;border-radius:4px;color:#4a4a4a;font-weight:700}
.fs-autosuggest__tag font{color:#4a4a4a}
.fs-autosuggest__nearbyHeader{margin:0 14px 0 64px;padding:8px 10px;background:#fbeec2;color:#4a4a4a;list-style:none}
.fs-autosuggest__nearbyHeader font{color:#4a4a4a}

/* ========== from flightStatusLanding.js ========== */
.fsl-landing{width:100%;max-width:1200px;margin:0 auto;padding:0 16px 40px;box-sizing:border-box}
.fsl-landing *{box-sizing:border-box}

.fsl-benefits{position:relative;overflow:hidden;padding:40px 0 52px;background:linear-gradient(177deg,#f2f8ff 12%,#fbfdff 88%)}
.fsl-benefits__title{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0 auto 32px;max-width:520px;text-align:center}
.fsl-benefits__quote{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:0;color:#4a4a4a;font-size:22px;font-weight:900;line-height:1.2}
.fsl-benefits__quote-mark{font-size:24px;font-weight:400;color:#4a4a4a}
.fsl-benefits__highlight{background:linear-gradient(185deg,#3023ae 0%,#c86dd7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fsl-benefits__divider{display:flex;align-items:center;justify-content:center;gap:4px}
.fsl-benefits__divider-line{width:57px;height:2px;display:block}
.fsl-benefits__divider-star{width:8px;height:8px;display:block}
.fsl-benefits__plane{position:absolute;right:-80px;top:40px;width:360px;height:auto;pointer-events:none;opacity:.9}
.fsl-benefits__grid{display:flex;gap:24px;align-items:center;width:100%;position:relative;z-index:1}
.fsl-benefits__item{flex:1;display:flex;gap:16px;align-items:center;min-width:0}
.fsl-benefits__icon{flex:0 0 64px;width:64px;height:64px;overflow:hidden}
.fsl-benefits__icon img{width:100%;height:100%;object-fit:cover;display:block}
.fsl-benefits__item-title{margin:0 0 4px;color:#4a4a4a;font-size:16px;font-weight:900;line-height:1.2}
.fsl-benefits__item-desc{margin:0;color:#757575;font-size:14px;line-height:1.35}

.fsl-upcoming{padding:32px 0 0}
.fsl-upcoming__heading{margin:0 0 4px;color:#000;font-size:22px;font-weight:900;line-height:1.2}
.fsl-upcoming__sub{margin:0 0 24px;color:#717171;font-size:16px;line-height:1.3}
.fsl-upcoming__grid{display:flex;gap:24px;align-items:stretch}

.fsl-ticket{position:relative;flex:1;min-width:0;padding:24px 32px;background:#fff;border:1px solid #e6e6e6;border-radius:16px}
.fsl-ticket::before,.fsl-ticket::after{content:"";position:absolute;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#f5f7fa;box-shadow:inset 0 0 0 1px #e6e6e6}
.fsl-ticket::before{left:-15px}
.fsl-ticket::after{right:-15px}
.fsl-ticket__airline{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.fsl-ticket__airline-left{display:flex;align-items:center;gap:8px}
.fsl-ticket__logo{width:24px;height:24px;border-radius:4px;overflow:hidden;flex:0 0 24px}
.fsl-ticket__logo img{width:100%;height:100%;object-fit:cover;display:block}
.fsl-ticket__code{margin:0;color:#4a4a4a;font-size:14px;font-weight:700}
.fsl-ticket__name{margin:0;color:#4a4a4a;font-size:14px;font-weight:400}
.fsl-ticket__route{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.fsl-ticket__city{display:flex;flex-direction:column;gap:2px;min-width:0}
.fsl-ticket__city--to{align-items:flex-end;text-align:right}
.fsl-ticket__city-row{display:flex;align-items:baseline;gap:4px}
.fsl-ticket__city-name{margin:0;color:#000;font-size:18px;font-weight:900;line-height:1.2}
.fsl-ticket__city-time{margin:0;color:#000;font-size:14px;font-weight:700}
.fsl-ticket__city-date{margin:0;color:#4a4a4a;font-size:14px;line-height:1.2}
.fsl-ticket__path{width:92px;height:20px;flex:0 0 92px}
.fsl-ticket__path img{width:100%;height:100%;display:block}
.fsl-ticket__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fsl-ticket__pnr{margin:0;color:#4a4a4a;font-size:14px}
.fsl-ticket__cta{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:32px;padding:0 16px;border:1px solid #008cff;border-radius:8px;background:#fff;color:#008cff;font-size:12px;font-weight:900;letter-spacing:.2px;text-decoration:none;cursor:pointer}
.fsl-ticket__cta:hover{background:#f0f8ff}

@media (max-width:1024px){
  .fsl-benefits__grid{flex-wrap:wrap}
  .fsl-benefits__item{flex:1 1 calc(50% - 12px)}
  .fsl-benefits__plane{display:none}
  .fsl-upcoming__grid{flex-direction:column}
}

@media (max-width:640px){
  .fsl-landing{padding:0 12px 24px}
  .fsl-benefits{padding:24px 0 32px}
  .fsl-benefits__quote{font-size:18px}
  .fsl-benefits__item{flex:1 1 100%}
  .fsl-ticket{padding:20px 24px}
  .fsl-ticket::before,.fsl-ticket::after{display:none}
  .fsl-ticket__route{flex-wrap:wrap;justify-content:center;gap:8px}
  .fsl-ticket__city--to{align-items:flex-start;text-align:left}
}

/* ========== from fisDesktop.js ========== */
.fisDtPage--seo{background:transparent;min-height:0;width:100%}
.fisDtCardsContainer{width:100%;margin:0;display:flex;flex-direction:column;gap:0;position:relative;z-index:1;box-sizing:border-box}

/* Benefits — Figma 9033:176013 */
.fisDtBenefitsCard{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:40px max(120px, calc((100vw - 1200px) / 2)) 52px;
  box-sizing:border-box;
  overflow:hidden;
  background-image:linear-gradient(177deg,#F2F8FF 12%,#FBFDFF 88%)
}
.fisDtBenefitsPlaneVector{
  position:absolute;
  top:45px;
  right:-124px;
  width:588px;
  height:130px;
  object-fit:fill;
  pointer-events:none;
  user-select:none;
  z-index:0
}
.fisDtBenefitsContent{
  position:relative;
  z-index:1;
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:32px
}
.fisDtBenefitsTitleSection{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  width:min(450px, 100%)
}
.fisDtBenefitsQuoteRow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  flex-wrap:wrap
}
.fisDtBenefitsQuoteMark{
  font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;
  color:#4a4a4a;
  font-size:24px;
  font-weight:400;
  line-height:1;
  flex-shrink:0
}
.fisDtBenefitsQuoteMark--end{
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-weight:400
}
.fisDtBenefitsTitleText{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center
}
.fisDtBenefitsTitleSegment,
.fisDtBenefitsTitleSegment.latoBlack{
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight:400;
  line-height:normal;
  white-space:pre
}
.fisDtBenefitsDivider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:100%
}
.fisDtBenefitsDividerLine{
  width:57px;
  height:2px;
  display:block;
  object-fit:fill
}
.fisDtBenefitsDividerStar{
  width:8px;
  height:8px;
  display:block
}
.fisDtBenefitsList{
  width:100%;
  display:flex;
  align-items:center;
  gap:24px
}
.fisDtBenefitItem{
  flex:1 1 0;
  min-width:0;
  display:flex;
  align-items:center;
  gap:16px;
  box-sizing:border-box
}
.fisDtBenefitIconWrap{
  width:64px;
  height:64px;
  flex:0 0 64px;
  overflow:hidden;
  border-radius:0
}
.fisDtBenefitIcon{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.fisDtBenefitCopy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  flex:1
}
.fisDtBenefitTitle,
.fisDtBenefitTitle.latoBlack{
  margin:0;
  font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;
  color:#4a4a4a;
  font-size:16px;
  font-weight:400;
  line-height:normal
}
.fisDtBenefitSubtext,
.fisDtBenefitSubtext.latoRegular{
  margin:0;
  font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;
  color:#757575;
  font-size:14px;
  font-weight:400;
  line-height:1.35;
  min-height:38px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.latoBlack{font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;font-weight:400}
.latoBold{font-family:Lato-Bold,Lato,Arial,Helvetica,sans-serif;font-weight:400}
.latoRegular{font-family:Lato-Regular,Lato,Arial,Helvetica,sans-serif;font-weight:400}

@media (max-width:1100px){
  .fisDtBenefitsCard{padding:40px 24px 52px}
  .fisDtBenefitsList{flex-wrap:wrap}
  .fisDtBenefitItem{flex:1 1 calc(50% - 12px)}
  .fisDtBenefitsPlaneVector{opacity:.45;right:-180px}
}
@media (max-width:640px){
  .fisDtBenefitsCard{padding:32px 16px 40px}
  .fisDtBenefitsTitleSegment{font-size:18px;white-space:normal}
  .fisDtBenefitsQuoteMark{font-size:20px}
  .fisDtBenefitItem{flex:1 1 100%}
  .fisDtBenefitsPlaneVector{display:none}
}

/* Keep parent SEO layout from fighting full-bleed benefits */
.fisSeoListing{padding-top:0;width:100%;max-width:none}
.fisSeoCenter{
  max-width:1200px;
  padding:0;
  float:none;
  width:100%;
  margin:0 auto;
  box-sizing:border-box
}
/* Match fisDtSearchWidget width (hero inner 1200px) end-to-end */
.fisSeoCmsFull{
  float:none;
  width:100%;
  max-width:1200px;
  padding:24px 0 40px;
  margin:0 auto;
  box-sizing:border-box;
  color:#4a4a4a;
  font-family:Lato,sans-serif
}
.fisSeoCmsFull .border-box.find-schedules.append_bottom,
.fisSeoCmsFull .border-box.find-schedules{
  /* Match seoListing .fli-sectionbox (cheap-airtickets SEO cards) */
  width:100%;
  max-width:100%;
  float:none;
  clear:both;
  box-sizing:border-box;
  margin:0 0 20px;
  padding:20px;
  background-color:#fff;
  border:1px solid #d8eaff;
  border-radius:10px;
  font:14px/21px Lato,sans-serif;
  color:#4a4a4a
}
.fisSeoCmsFull .border-box.find-schedules h2,
.fisSeoCmsFull .border-box.find-schedules h3{
  padding:0;
  font-size:20px;
  line-height:28px;
  font-weight:400;
  font-family:Lato,sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
}
.fisSeoCmsFull .border-box.find-schedules p{
  padding:0;
  font-size:14px;
  line-height:21px;
  color:#4a4a4a;
  text-align:left
}
.fisSeoCmsFull .border-box.find-schedules p:last-child{
  margin-bottom:0
}
.fisSeoCmsFull .border-box.find-schedules ul,
.fisSeoCmsFull .border-box.find-schedules ol{
  margin:0 0 12px;
  padding:0 0 0 20px;
  list-style:disc outside;
  color:#4a4a4a
}
.fisSeoCmsFull .border-box.find-schedules ol{
  list-style:decimal outside
}
.fisSeoCmsFull .border-box.find-schedules li{
  margin:0 0 8px;
  padding:0;
  font-size:14px;
  line-height:21px;
  list-style:inherit
}
.fisSeoCmsFull .border-box.find-schedules li:last-child{
  margin-bottom:0
}
.fisSeoCmsFull .block.block-mmt-common,
.fisSeoCmsFull .block-inner,
.fisSeoCmsFull .content{
  width:100%;
  max-width:100%;
  float:none;
  box-sizing:border-box
}
.fisSeoCmsAside{
  float:none;
  width:100%;
  max-width:1200px;
  margin:24px auto 0;
  padding:0;
  box-sizing:border-box
}