/* THG browser-mobile flight funnel QC v92.
   Flight-only and phone-only: does not affect hotels, cabs, other sectors or desktop. */

@media (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  /* ---------- Shared compact mobile header ---------- */
  body.flow-page.flight-results-page .topbar,
  body.flow-page.mmt-flight-checkout-page .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 110 !important;
    min-height: 58px !important;
    padding: 0 !important;
  }

  body.flow-page.flight-results-page .header-main,
  body.flow-page.mmt-flight-checkout-page .header-main {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 6px 10px !important;
  }

  body.flow-page.flight-results-page .brand,
  body.flow-page.mmt-flight-checkout-page .brand {
    grid-column: 2 !important;
    width: min(190px, 100%) !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 3px 8px !important;
    justify-self: center !important;
  }

  body.flow-page.flight-results-page .brand-logo-image,
  body.flow-page.mmt-flight-checkout-page .brand-logo-image {
    width: 100% !important;
    max-width: 174px !important;
    height: 38px !important;
    object-fit: contain !important;
  }

  body.flow-page.flight-results-page :is(.header-search, .topnav, .travel-menu, .helpline-chip, .flow-whatsapp-chip, .flow-brand-copy),
  body.flow-page.mmt-flight-checkout-page :is(.header-search, .topnav, .travel-menu, .helpline-chip, .flow-whatsapp-chip, .flow-brand-copy) {
    display: none !important;
  }

  body.flow-page.flight-results-page .account-actions,
  body.flow-page.mmt-flight-checkout-page .account-actions {
    grid-column: 3 !important;
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 0 !important;
  }

  body.flow-page.flight-results-page .login-button,
  body.flow-page.mmt-flight-checkout-page .login-button {
    min-width: 72px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  body.flow-page.flight-results-page .flow-mobile-menu-toggle,
  body.flow-page.mmt-flight-checkout-page .flow-mobile-menu-toggle {
    grid-column: 1 !important;
    display: inline-flex !important;
    width: 40px !important;
    height: 40px !important;
  }

  /* ---------- Home flight search ---------- */
  body.mmt-home #flightsPanel.mmt-panel.active {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
  }

  body.mmt-home #flightsPanel .mmt-card-top {
    display: grid !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  body.mmt-home #flightsPanel .mmt-trip-switch {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    padding: 4px !important;
    border-radius: 16px !important;
  }

  body.mmt-home #flightsPanel .mmt-trip-switch label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 5px 3px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  body.mmt-home #flightsPanel .mmt-card-copy {
    display: none !important;
  }

  body.mmt-home #flightsPanel .mmt-field-grid.mmt-flight-route-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.mmt-home #flightsPanel .mmt-field-grid.mmt-flight-route-grid .mmt-field {
    min-width: 0 !important;
    min-height: 78px !important;
    padding: 10px 12px !important;
    border: 1px solid #d9e4f0 !important;
    border-radius: 14px !important;
  }

  body.mmt-home #flightsPanel .mmt-field-grid.mmt-flight-route-grid .mmt-field:nth-child(-n + 2) {
    grid-column: 1 / -1 !important;
  }

  body.mmt-home #flightsPanel .mmt-field-grid.mmt-flight-route-grid .mmt-field:nth-child(n + 5) {
    grid-column: 1 / -1 !important;
  }

  body.mmt-home #flightsPanel .mmt-field span {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  body.mmt-home #flightsPanel .mmt-field :is(input, select),
  body.mmt-home #flightsPanel #flightDepartureDate,
  body.mmt-home #flightsPanel #flightReturnDate {
    min-width: 0 !important;
    min-height: 30px !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
  }

  body.mmt-home #flightsPanel .mmt-field small,
  body.mmt-home #flightsPanel .mmt-traveller-mix small {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body.mmt-home #flightsPanel .mmt-swap {
    width: 36px !important;
    height: 36px !important;
    right: 12px !important;
    top: 78px !important;
  }

  body.mmt-home #flightsPanel .mmt-fare-row,
  body.mmt-home #flightsPanel .mmt-price-protection {
    display: none !important;
  }

  body.mmt-home #flightsPanel .mmt-search-submit-wrap {
    margin-top: 14px !important;
  }

  body.mmt-home #flightsPanel .mmt-search-button,
  body.mmt-home #flightsPanel .mmt-search-btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
  }

  /* ---------- Browser flight results ---------- */
  body.flow-page.flight-results-page[data-flow-page="results"] {
    padding-bottom: 82px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] :is(.flow-main, .results-shell, .results-layout, .results-main, .live-results) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .flow-main {
    padding: 10px 8px 90px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .live-results {
    display: grid !important;
    gap: 10px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-listing-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d8e4f1 !important;
    border-radius: 14px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-promo {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 36px !important;
    padding: 6px 9px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-promo :is(span, b) {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    font-size: 10px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-airline {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 0 !important;
    padding: 10px 12px 6px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-airline :is(img, .mmt-airline-logo) {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-airline label {
    display: none !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-airline strong {
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-airline small {
    font-size: 11px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 {
    display: grid !important;
    grid-template-columns: minmax(62px, 1fr) minmax(92px, 1.25fr) minmax(62px, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 0 !important;
    padding: 9px 12px !important;
    border-top: 1px solid #edf2f7 !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 > div {
    min-width: 0 !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 > div:last-child {
    text-align: right !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 b {
    font-size: 19px !important;
    line-height: 1 !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 > div > span,
  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-line :is(span, small) {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(132px, 0.9fr) !important;
    align-items: center !important;
    gap: 2px 10px !important;
    min-height: 0 !important;
    padding: 10px 12px !important;
    border-top: 1px solid #edf2f7 !important;
    border-left: 0 !important;
    text-align: left !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel > b {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 22px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel > span {
    grid-column: 1 !important;
    grid-row: 2 !important;
    font-size: 10px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel > button {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] :is(.mmt-flight-result-chips, .mmt-flight-live-rules, .mmt-flight-coupon) {
    display: none !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-card-footer {
    min-height: 34px !important;
    padding: 0 10px 8px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-detail-toggle {
    width: 100% !important;
    min-height: 30px !important;
    padding: 4px 10px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  body.flow-page.flight-results-page[data-flow-page="results"] .mmt-flight-expanded[hidden] {
    display: none !important;
  }

  /* ---------- Traveller details and live airline add-ons ---------- */
  body.flow-page.mmt-flight-checkout-page,
  body.flow-page.mmt-flight-checkout-page :is(.flow-main, .flow-section, .section.booking-plan, .plan-layout, .customer-form, .customer-grid, .mmt-flight-guest-form, .mmt-flight-guest-details-card, .mmt-flight-simple-traveller-card, .mmt-flight-co-traveller-card, .mmt-flight-addons-card, .mmt-additional-travellers, .mmt-flight-co-passenger-card, .mmt-flight-passenger-entry) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* The desktop traveller section leaves a 608px grid track in place. On a
     phone that track is clipped by the page shell, which makes the name,
     contact and co-traveller fields look cut off. Collapse the track before
     sizing the form and its passenger entry to the mobile content width. */
  html body.flow-page.mmt-flight-checkout-page .mmt-traveller-section {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.flow-page.mmt-flight-checkout-page #customerForm.mmt-flight-guest-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px 8px 14px !important;
  }

  html body.flow-page.mmt-flight-checkout-page .mmt-flight-simple-traveller-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 !important;
    padding: 12px !important;
  }

  html body.flow-page.mmt-flight-checkout-page .mmt-flight-passenger-entry {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.flow-page.mmt-flight-checkout-page .flow-main {
    padding: 10px 8px 40px !important;
  }

  body.flow-page.mmt-flight-checkout-page :is(.flow-hero, .booking-steps) {
    display: none !important;
  }

  body.flow-page.mmt-flight-checkout-page .section.booking-plan {
    padding: 0 !important;
    border: 0 !important;
  }

  body.flow-page.mmt-flight-checkout-page .plan-layout {
    display: block !important;
    padding: 0 !important;
  }

  body.flow-page.mmt-flight-checkout-page .plan-summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 14px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-checkout-progress {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 2px !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-checkout-progress span {
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 6px 3px !important;
    font-size: 12px !important;
    text-align: center !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-checkout-progress b {
    display: none !important;
  }

  body.flow-page.mmt-flight-checkout-page :is(.mmt-flight-review-title, .mmt-flight-traveller-heading) {
    width: 100% !important;
    padding: 14px 12px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-review-title {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  body.flow-page.mmt-flight-checkout-page :is(.mmt-flight-review-title h1, .mmt-flight-traveller-heading h2) {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  body.flow-page.mmt-flight-checkout-page :is(.mmt-flight-review-title p, .mmt-flight-traveller-heading p) {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-lock-strip {
    display: none !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-postfare-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 !important;
    padding: 14px 12px !important;
    overflow: hidden !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-postfare-head h2 {
    font-size: 21px !important;
    line-height: 1.2 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-postfare-points {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-postfare-points article,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-postfare-points :is(b, ul, li) {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-postfare-points article {
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.flow-page.mmt-flight-checkout-page :is(.mmt-flight-simple-traveller-card, .mmt-flight-co-traveller-card, .mmt-flight-addons-card) {
    margin: 10px 0 !important;
    padding: 14px 12px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-passenger-count,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-form-card-head,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-delivery-head,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-addons-head {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 6px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-form-card-head > div,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-addons-head > div {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-form-card-head :is(h2, p, span, b),
  body.flow-page.mmt-flight-checkout-page .mmt-flight-addons-head :is(h2, p, span, b) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-form-card-head h2,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-addons-head h2 {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-name-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-name-row > label {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 78px !important;
    padding: 10px 11px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-name-row > label:nth-child(5) {
    grid-column: 1 / -1 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-name-row > label > span,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-contact-row > label > span,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-doc-row > label > span {
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-name-row :is(input, select),
  body.flow-page.mmt-flight-checkout-page .mmt-flight-contact-row :is(input, select),
  body.flow-page.mmt-flight-checkout-page .mmt-flight-doc-row :is(input, select) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 6px 4px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-contact-row {
    display: grid !important;
    grid-template-columns: minmax(104px, 0.8fr) minmax(0, 1.2fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-contact-row > label {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 10px 11px !important;
    box-sizing: border-box !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-contact-row > label:last-child {
    grid-column: 1 / -1 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-delivery-head,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-contact-confirmation {
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-doc-row,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-gst-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-gst-card,
  body.flow-page.mmt-flight-checkout-page .mmt-traveller-note,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-note-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-additional-travellers {
    display: grid !important;
    gap: 10px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-co-passenger-card {
    display: block !important;
    padding: 12px 0 !important;
    overflow: hidden !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-note-field {
    min-height: 76px !important;
    padding: 10px 11px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-note-field input {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 14px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-details-step-actions,
  body.flow-page.mmt-flight-checkout-page .mmt-live-ancillary-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-details-step-actions :is(button, small),
  body.flow-page.mmt-flight-checkout-page .mmt-live-ancillary-actions :is(button, small) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-details-step-actions button,
  body.flow-page.mmt-flight-checkout-page .mmt-live-ancillary-actions button {
    min-height: 50px !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-addon-head-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-addon-head-actions button {
    min-height: 40px !important;
    padding: 8px 10px !important;
  }

  body.flow-page.mmt-flight-checkout-page :is(.mmt-live-airline-status, .mmt-live-passenger-ancillaries, .mmt-live-passenger-ancillaries section, .mmt-live-ancillary-fields, .mmt-live-seat-slot, .mmt-live-ancillary-empty, .mmt-live-ancillary-select) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-airline-status {
    display: grid !important;
    gap: 5px !important;
    padding: 14px 12px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-airline-status :is(span, strong, small),
  body.flow-page.mmt-flight-checkout-page .mmt-live-passenger-ancillaries :is(header, h4, b, span, small) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-airline-status strong {
    font-size: 21px !important;
    line-height: 1.2 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-passenger-ancillaries {
    margin-top: 10px !important;
    overflow: hidden !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-passenger-ancillaries > header {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px 10px !important;
    padding: 12px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-passenger-ancillaries section {
    padding: 12px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-ancillary-fields {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-ancillary-select select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-live-seat-map {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-customer-actions,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-booking-pay-actions {
    display: none !important;
  }
}

@media (max-width: 420px) {
  body.mmt-home #flightsPanel .mmt-field-grid.mmt-flight-route-grid {
    grid-template-columns: 1fr !important;
  }

  body.mmt-home #flightsPanel .mmt-field-grid.mmt-flight-route-grid .mmt-field {
    grid-column: 1 !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-name-row,
  body.flow-page.mmt-flight-checkout-page .mmt-flight-contact-row {
    grid-template-columns: 1fr 1fr !important;
  }

  body.flow-page.mmt-flight-checkout-page .mmt-flight-name-row > label:nth-child(n + 3),
  body.flow-page.mmt-flight-checkout-page .mmt-flight-contact-row > label:last-child {
    grid-column: 1 / -1 !important;
  }
}

/* Final mobile containment pass. These selectors intentionally come after the
   legacy checkout rules: generated passenger markup adds desktop margins to
   the card and entry after the common mobile rules have been declared. */
@media (max-width: 760px) {
  html body.flow-page.mmt-flight-checkout-page[data-flow-page="details"]
    #customerForm.mmt-flight-guest-form
    > section.mmt-flight-guest-details-card.mmt-flight-simple-traveller-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  html body.flow-page.mmt-flight-checkout-page[data-flow-page="details"]
    #customerForm.mmt-flight-guest-form
    .mmt-flight-passenger-entry,
  html body.flow-page.mmt-flight-checkout-page[data-flow-page="details"]
    #customerForm.mmt-flight-guest-form
    #additionalTravellerFields
    > .mmt-flight-co-passenger {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.flow-page.mmt-flight-checkout-page[data-flow-page="details"]
    #customerForm.mmt-flight-guest-form
    :is(.mmt-flight-name-row, .mmt-flight-contact-row, .mmt-flight-doc-row) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}