/* Mobile layout repair. Colours, logos and transaction handlers are inherited.
   Kept last in each page so older compact/desktop patches cannot override it. */
@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  body { font-size: 15px; line-height: 1.5; }
  *, *::before, *::after { box-sizing: border-box; }
  img, video { max-width: 100%; }
  .shell, .section, .account-page, .admin-page, .holiday-catalogue-section,
  .holiday-detail-page, .holiday-landing-shell, .detail-page { max-width: calc(100% - 24px); margin-inline: auto; }
  .site-header .header-inner, .premium-flight-topbar .nav-row {
    height: auto !important; min-height: 64px !important; flex-wrap: wrap;
    gap: 10px; padding-block: 10px; align-items: center;
  }
  .site-header .brand { flex: 0 0 auto; }
  .site-header .brand img { object-fit: contain; max-width: 132px; }
  .header-actions, .flight-header-actions { min-width: 0; margin-left: auto; flex-wrap: wrap; gap: 8px; }
  .premium-flight-topbar .primary-nav { order: 3; width: 100%; flex-basis: 100%; min-width: 0; overflow-x: auto; justify-content: flex-start; gap: 8px; }
  .premium-flight-topbar .premium-nav-item { flex: 0 0 auto !important; min-width: max-content !important; height: auto !important; min-height: 44px; }
  .premium-flight-topbar .premium-nav-item > span:last-child { display: block !important; }
  .premium-flight-topbar .premium-nav-item small { display: none; }
  .mobile-nav { max-height: 65dvh; overflow-y: auto; }
  .global-search-mount .home-search-grid, .global-search-mount .home-search-grid.flight-grid,
  .global-search-mount .home-search-grid.hotel-grid, .global-search-mount .home-search-grid.holiday-grid,
  .flight-hero .search-grid, .flight-hero .search-grid.trip-oneway,
  .flight-hero .search-grid.trip-roundtrip, .flight-hero .search-grid.trip-multicity {
    grid-template-columns: minmax(0, 1fr) !important; width: 100%;
  }
  .home-search-field, .search-field { min-width: 0; max-width: 100%; }
  .global-search-mount .home-search-field { padding: 14px !important; }
  .home-search-field input, .home-search-field select, .search-field input,
  .search-field select { width: 100%; min-width: 0; }
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),
  select, textarea { font-size: 16px !important; max-width: 100%; }
  input[type=checkbox], input[type=radio] { width: 18px; height: 18px; flex-shrink: 0; }
  button, .button, .small-btn, .select-fare-btn, .trip-chip, .fare-chip, .filter-chip,
  .account-menu button, .holiday-detail-tab { min-height: 44px; touch-action: manipulation; }
  .home-search-field small, .home-field-helper, .search-field .field-helper,
  .filter-group label, .filter-group label small, .fare-chip span, .flight-card-meta,
  .catalogue-compact-meta, .account-trip-card small, .field-help { font-size: 13px !important; line-height: 1.5; }
  .search-field > span:first-child, .home-search-field > span:first-child { font-size: 13px !important; }
  .global-search-mount .main-search-btn, .search-shell .main-search-btn { width: 100%; min-height: 48px !important; }
  .trip-row, .fare-options, .home-option-row, .search-assurance { flex-wrap: wrap; height: auto; }
  .trip-types, .trip-mode-row { display: flex; flex-wrap: wrap; gap: 8px; }
  .search-grid > .swap-route { position: static; grid-column: 1; justify-self: center; display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; transform: none; }
  .traveller-popover, .flight-hero .traveller-popover, .home-selector-panel,
  .home-search-popover, .departure-fare-picker { position: relative !important; inset: auto !important; width: 100% !important; max-width: 100% !important; margin-top: 10px; max-height: 65dvh; overflow-y: auto; }
  .departure-fare-dates { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
  .departure-fare-dates button { padding-inline: 2px; min-width: 0; }
  .results-layout, .holiday-catalogue-layout, .checkout-grid, #checkoutSection .checkout-grid,
  .payment-review-grid, .account-shell, .admin-workspace, .detail-grid,
  .holiday-detail-layout, .hb-results-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .results-main, .account-content, .admin-main-pane, .checkout-left, .fare-sidebar { min-width: 0; }
  .result-search-bar { position: static; }
  .result-search-inner.result-search-professional { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; }
  .result-search-item { min-width: 0; padding: 10px; }
  .result-search-item strong { white-space: normal; overflow-wrap: anywhere; font-size: 14px; }
  #modifySearch { width: 100%; grid-column: 1 / -1; margin: 0 !important; }
  .professional-filters, .filters-card, .holiday-filter-sidebar, .fare-sidebar,
  .payment-summary-card { position: static !important; max-height: none !important; }
  .sort-tabs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; }
  .sort-tab { min-width: 0 !important; padding: 12px; }
  .sort-tab span { font-size: 14px; }
  .sort-tab small { font-size: 12px; }
  .professional-flight-card .flight-card-main, .flight-card .flight-card-main,
  .rfx-flight-main { grid-template-columns: minmax(0, 1fr) !important; padding: 16px; gap: 14px; }
  .flight-times, .flight-route, .rfx-journey { display: grid; grid-template-columns: minmax(0,1fr) minmax(70px,.85fr) minmax(0,1fr); gap: 8px; min-width: 0; }
  .rfx-journey strong { font-size: 22px; }
  .rfx-time-period { display: block; font-size: 12px; }
  .rfx-journey small, .rfx-airline small, .airline-block small, .rfx-price small { font-size: 13px; }
  .airline-block, .rfx-airline { min-width: 0; }
  .airline-block b, .rfx-airline b { font-size: 15px; overflow-wrap: anywhere; }
  .price-block, .rfx-price { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; text-align: left; min-width: 0; }
  .price-block strong, .rfx-price strong { font-size: 24px; }
  .flight-card-main > .select-fare-btn { width: 100%; }
  .rfx-flight-bottom, .flight-card-bottom { font-size: 13px; line-height: 1.5; padding: 12px 16px; flex-wrap: wrap; gap: 8px; }
  .rt-combination, .rt-individual, .roundtrip-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .rt-combination .rt-leg, .rt-leg { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px; }
  .rt-airline, .rt-leg > div:first-child { grid-column: 1 / -1; min-width: 0; }
  .rt-leg strong { font-size: 18px; }
  .rt-leg small, .rt-duration small { font-size: 12px !important; overflow-wrap: anywhere; }
  .rt-view-tabs { flex-wrap: wrap; }
  .rt-price { min-width: 0; padding: 14px; }
  .rt-selection-bar { position: static !important; flex-wrap: wrap; display: flex; gap: 12px; padding: 14px; }
  .rt-selection-bar > * { min-width: 0; max-width: 100%; }
  .rt-selection-bar button { width: 100%; }
  .cards, .premium-package-grid, .holiday-package-grid, .catalogue-grid,
  .experience-showcase-grid, .hotel-suggestion-grid, .rfx-offer-grid,
  .account-trip-grid, .process-grid, .testimonial-grid, .footer-grid,
  .experience-value-grid, .experience-realm-grid, .experience-style-grid,
  .founder-benefits, .founder-premium-benefits, .founder-assurance-row,
  .report-grid, .admin-overview-grid, .admin-overview-columns, .admin-signal-grid,
  .admin-stat-grid, .stats-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .section-head, .holiday-results-head, .catalog-toolbar, .account-panel-head,
  .admin-head, .admin-command-topbar, .booking-head, .detail-head,
  .payment-review-head, .review-contact { flex-wrap: wrap; gap: 12px; }
  h1 { font-size: clamp(25px, 7vw, 34px); line-height: 1.2; overflow-wrap: break-word; }
  h2 { font-size: clamp(21px, 6vw, 28px); line-height: 1.3; }
  .account-hero { grid-template-columns: auto minmax(0,1fr); gap: 12px; padding: 16px; }
  .account-hero > :last-child { grid-column: 1 / -1; }
  .account-menu { position: static; display: flex; overflow-x: auto; gap: 8px; max-width: 100%; }
  .account-menu button { flex: 0 0 auto; min-width: max-content; width: auto; }
  .form-grid, .account-form-grid, .account-form-grid.inner, .account-traveller-row,
  #checkoutSection .passenger-row, #checkoutSection .contact-grid, .ai-form-grid,
  .payment-confirmation-grid, .trip-detail-grid, .trip-passenger-list,
  .holiday-two-column, .bulk-grid, .gallery-editor-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .form-grid > *, .account-form-grid > *, .passenger-row > * { min-width: 0; grid-column: auto; }
  .account-panel, .admin-panel, .booking-card, .traveller-form-card, .payment-review-card { padding: 16px !important; }
  .admin-tabs.admin-nav { grid-template-columns: minmax(0, 1fr); }
  .admin-actions, .admin-filter-bar, .admin-command-actions, .download-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .admin-filter-bar > * { min-width: 0; max-width: 100%; }
  .admin-table, .table-wrap, .table-container, .founder-compare, .founder-premium-compare { display: block; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
  table { font-size: 14px; }
  th, td { padding: 10px; }
  .modal, .modal-backdrop { padding: 12px; }
  .modal-card, .fare-options-modal, .mtz-flight-dialog, .customer-auth-modal,
  .flight-auth-modal, .pwa-choice-card, .ai-planner-popup { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px) !important; overflow-y: auto; padding: 16px; }
  .customer-auth-modal.auth-experience, .flight-auth-modal.flight-auth-experience { display: block !important; }
  .auth-form-panel, .flight-auth-form-panel { padding: 20px 16px !important; }
  .auth-visual-panel, .flight-auth-visual { min-height: 150px; }
  .auth-visual-content { padding: 20px; }
  .auth-visual-content h2 { font-size: 22px; }
  .modal-close, .flight-auth-experience > .modal-close { position: absolute !important; right: 12px; top: 12px; min-width: 44px; z-index: 3; }
  .supplier-segment-route { grid-template-columns: minmax(0,1fr) 50px minmax(0,1fr) !important; gap: 8px; }
  .supplier-route-point strong { font-size: 19px; }
  .supplier-segment-baggage, .supplier-trip-meta { flex-wrap: wrap; }
  .holiday-detail-tabs { top: 0; overflow-x: auto; max-width: 100%; }
  .holiday-day-facts { grid-template-columns: minmax(0,1fr); }
  .whatsapp-widget { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
  .whatsapp-widget-copy { display: none; }
  .floating-ai-button { right: 12px; bottom: max(78px, calc(env(safe-area-inset-bottom) + 78px)); }
  .floating-ai-button small { display: none; }
  .toast { max-width: calc(100vw - 24px); overflow-wrap: anywhere; }
  .footer-bottom { flex-wrap: wrap; gap: 12px; }
  [hidden], .hidden { display: none !important; }
}
@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  .table-scroll, .books-table-wrap, .crm-table-wrap { max-width: 100%; overflow-x: auto; }
  .holiday-quote-fields, .holiday-crm-grid, .holiday-builder-grid,
  .books-form, .books-grid-two, .books-gst-grid, .books-kpis,
  .books-statement-import { grid-template-columns: minmax(0, 1fr) !important; }
  .holiday-quote-fields > *, .holiday-crm-grid > * { min-width: 0; }
  .holiday-quote-header, .holiday-crm-actions, .books-actions { flex-wrap: wrap; gap: 10px; }
  .books-content { padding: 16px 12px 32px; }
  .books-form label, .crm-field label { font-size: 13px; line-height: 1.5; }
}

@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  .admin-main-pane { grid-template-columns: minmax(0, 1fr); }
  .admin-main-pane > *, .admin-overview-intro > * { min-width: 0; max-width: 100%; }
  .admin-overview-intro { flex-direction: column; }
  .admin-overview-actions { width: 100%; flex-wrap: wrap; }
  .admin-overview-actions button { flex: 1 1 160px; width: auto; }
}
.mtz-mobile-filter-toggle { display: none; }
@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  .mtz-mobile-filter-toggle { display: block; width: 100%; margin-bottom: 12px; padding: 12px; border: 1px solid; font: inherit; font-weight: 700; cursor: pointer; }
  .filters-card { display: block !important; }
  [data-mtz-filter-collapsed="true"] { display: none !important; }
  .flight-hero::before { inset: 0 !important; transform: none !important; }
  .home-selector-panel, .home-search-popover, .departure-fare-picker { transform: none !important; }
}
@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  .rt-selection-bar { inset: auto !important; transform: none !important; width: 100% !important; margin: 14px 0 !important; }
  .rt-selection-bar > div { flex: 1 1 140px; }
  .fare-family-cards { display: grid; grid-template-columns: minmax(0,1fr); }
  .fare-choice-modal { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
}
@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  .mtz-offline-page { grid-template-columns: minmax(0,1fr); padding: 12px; }
  .mtz-offline-page .card { width: 100%; padding: 24px; min-width: 0; }
  .mtz-offline-page .mtz-founders-ticker { width: 100%; min-width: 0; max-width: 100%; }
  .mtz-staging-page header { height: auto; flex-wrap: wrap; padding: 12px; }
  .mtz-staging-page header > * { min-width: 0; }
  .mtz-staging-page nav { flex-wrap: wrap; }
  .mtz-staging-page .grid, .mtz-staging-page .passenger { grid-template-columns: minmax(0,1fr); }
  .mtz-staging-page .grid > * { min-width: 0; }
  .mtz-staging-page .hero { padding: 20px; }
}
/* Compact phone layout: prioritise search, prices and booking controls. */
@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  .site-header .header-inner, .premium-flight-topbar .nav-row { padding-block: 6px; gap: 6px; min-height: 52px !important; }
  .premium-flight-topbar .primary-nav { min-height: 40px; padding-block: 0; gap: 4px; }
  .premium-flight-topbar .premium-nav-item { min-height: 40px; padding: 4px 7px; }
  .premium-flight-topbar .brand img { max-width: 116px; height: 27px !important; }
  .mtz-founders-ticker { margin-block: 0 !important; padding-block: 5px !important; min-height: 36px !important; }
  .mtz-founder-window { min-width: 0; }
  .mtz-founder-message { font-size: 12px; line-height: 1.3; }
  .flight-hero { padding: 16px 0 12px !important; }
  .global-search-mount .global-search-card, .flight-hero .search-shell { padding: 12px !important; padding-top: 28px !important; }
  .global-search-mount .home-search-grid, .global-search-mount .home-search-grid.flight-grid,
  .global-search-mount .home-search-grid.hotel-grid, .global-search-mount .home-search-grid.holiday-grid,
  .flight-hero .search-grid, .flight-hero .search-grid.trip-oneway,
  .flight-hero .search-grid.trip-roundtrip, .flight-hero .search-grid.trip-multicity {
    position: relative; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 0 !important;
  }
  .global-search-mount .home-search-field, .flight-hero .search-field,
  .flight-hero .location-field:first-child, .flight-hero .swap-route + .location-field {
    padding: 10px !important; min-height: 72px !important; grid-column: auto !important;
  }
  .home-search-field > small, .search-field > small { font-size: 11px !important; line-height: 1.3; }
  .global-search-mount .home-search-field input, .flight-hero .search-field input { font-size: 16px !important; line-height: 1.35 !important; padding-block: 4px; }
  .global-search-mount .home-field-helper, .flight-hero .location-field .field-helper { display: none; }
  .selector-trigger-value, .fare-date-toggle strong, .traveller-toggle strong { font-size: 16px !important; line-height: 1.35 !important; }
  .search-field .field-helper { font-size: 11px !important; line-height: 1.3; }
  .flight-hero .search-grid > .swap-route { position: absolute; top: 22px; left: calc(50% - 18px); width: 36px; height: 36px; min-height: 36px; z-index: 4; }
  .flight-hero .cabin-field { grid-column: 1 / -1 !important; min-height: 58px !important; }
  .flight-hero .cabin-field .field-helper { display: none; }
  .flight-hero .class-select { padding-block: 4px; }
  .trip-row { margin-bottom: 8px !important; gap: 6px !important; }
  .trip-chip, .home-trip-chip { min-height: 36px; padding: 6px 9px !important; font-size: 12px !important; }
  .search-assurance { display: none; }
  .fare-options { display: flex !important; flex-wrap: nowrap; overflow-x: auto; gap: 6px; margin-top: 8px !important; padding-bottom: 3px; }
  .fare-label { flex: 0 0 60px; font-size: 11px; }
  .fare-chip { flex: 0 0 auto; min-height: 40px; padding: 6px 9px !important; }
  .fare-chip span { display: none; }
  .main-search-btn, .search-shell .main-search-btn, .global-search-mount .main-search-btn { min-height: 44px !important; padding: 10px !important; }
  .search-action-wrap { padding: 8px 0 !important; }
  .result-search-inner.result-search-professional { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 4px; padding-block: 8px; }
  .result-search-item { min-height: 44px; padding: 6px 8px; gap: 2px; }
  .result-search-item small { font-size: 9px; }
  .result-search-item strong { font-size: 12px; line-height: 1.3; }
  .result-search-item.route-summary { grid-column: span 2; }
  .result-search-inner button#modifySearch { min-height: 38px; padding: 8px !important; grid-column: auto; margin: 0 !important; font-size: 12px; }
  .results-layout { padding-top: 10px !important; gap: 8px; }
  .mtz-mobile-filter-toggle { min-height: 38px; padding: 8px; margin-bottom: 0; font-size: 13px; }
  .results-head { display: flex; justify-content: space-between; align-items: center; padding: 4px 0 8px; }
  .results-head h1 { font-size: 21px; line-height: 1.15; margin: 2px 0; }
  .results-head p { margin: 3px 0; font-size: 11px; }
  .results-head .eyebrow, .results-head .section-kicker { font-size: 9px; }
  .result-count { font-size: 11px; flex: 0 0 auto; }
  .sort-tabs { grid-template-columns: repeat(4,minmax(0,1fr)) !important; margin-bottom: 8px; }
  .sort-tab { min-height: 48px; padding: 6px !important; }
  .sort-tab span { font-size: 11px; overflow-wrap: normal; }
  .sort-tab small { font-size: 10px; line-height: 1.3; }
  .flight-sort-average { font-size: 11px; padding: 0 0 6px; }
  .rfx-results, .results-list { gap: 8px; }
  .rfx-flight-top { padding: 10px 12px 5px; gap: 6px; }
  .rfx-airline b { font-size: 13px; }
  .rfx-airline small { font-size: 11px; }
  .rfx-airline-code { width: 30px; height: 30px; }
  .rfx-seat { font-size: 10px; padding: 5px 6px; white-space: nowrap; }
  .rfx-tags { padding: 0 12px; gap: 5px; }
  .rfx-tags span { padding: 2px 5px; font-size: 10px; }
  .rfx-flight-main { padding: 8px 12px !important; gap: 8px; }
  .rfx-journey { gap: 6px; }
  .rfx-journey strong { font-size: 20px; }
  .rfx-time-period { display: inline; font-size: 10px; }
  .rfx-journey b, .rfx-journey small { font-size: 11px; }
  .rfx-journey b { margin-top: 2px; }
  .rfx-duration div { font-size: 16px; margin: 1px 0; }
  .rfx-price { gap: 6px; }
  .rfx-price strong { font-size: 21px; }
  .rfx-price small { font-size: 10px; flex: initial; }
  .rfx-price .select-fare-btn { width: auto !important; flex: 1 0 auto; min-height: 40px; padding: 8px 12px; margin: 0; font-size: 12px; }
  .rfx-flight-bottom { font-size: 11px; padding: 7px 12px; gap: 4px 10px; }
  .rfx-flight-bottom button { min-height: 36px; }
  .rfx-note { padding: 0 12px 7px; font-size: 10px; }
  .flight-loader-card.flight-loader-card-premium { padding: 20px 18px !important; width: min(340px,calc(100vw - 32px)); max-height: 70dvh; overflow-y: auto; }
  .flight-loader-card h2 { font-size: 21px !important; line-height: 1.25; margin: 8px 0; }
  .flight-loader-card > p { font-size: 13px; margin: 8px 0; }
  .flight-loader-card .flight-loader-route { margin-block: 18px; }
  .flight-loader-card .loader-airport { font-size: 23px; }
  .flight-loader-card .loader-promo, .flight-loader-card .loader-offer-tiles { display: none; }
  .flight-loader-card > small { font-size: 11px; line-height: 1.4; display: block; margin-top: 12px; }
  .fare-choice-modal { max-height: calc(100dvh - 24px); border-radius: 12px; }
  .fare-choice-head, .fare-choice-body { padding: 12px 14px !important; }
  .fare-choice-head h2 { font-size: 21px; margin: 0 36px 4px 0; }
  .fare-choice-head p { font-size: 12px; line-height: 1.4; }
  .fare-family-cards { gap: 10px; }
  .fare-family-cards .fare-family-top { flex-direction: row; flex-wrap: wrap; min-height: 0; padding: 10px 12px; gap: 6px; }
  .fare-family-cards .fare-family-top > div { display: grid; grid-template-columns: auto auto; gap: 2px 10px; align-items: center; width: 100%; }
  .fare-family-top > div > strong { font-size: 24px !important; grid-column: 2; grid-row: 1 / 3; text-align: right; }
  .fare-family-top > div > .seat-badge { grid-column: 1 / -1; }
  .fare-badge { font-size: 10px; padding: 4px 6px; }
  .fare-benefit-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 12px !important; gap: 0 12px; }
  .fare-benefit-list > div { padding: 8px 0; min-width: 0; gap: 3px; }
  .fare-benefit-list > div:nth-child(3), .fare-benefit-list > div:nth-child(5) { grid-column: 1 / -1; }
  .fare-benefit-list small, .fare-rule-copy { font-size: 11px; line-height: 1.4; }
  .fare-benefit-list b { font-size: 12px; line-height: 1.4; }
  .fare-family-cards .fare-book-now { min-height: 44px; padding: 10px; margin: 10px 12px; width: calc(100% - 24px); }
  .floating-ai-button { max-width: 115px; min-height: 40px; padding: 8px 10px; bottom: max(62px,calc(env(safe-area-inset-bottom) + 62px)); }
  .floating-ai-button b { font-size: 11px; }
  .whatsapp-widget { max-width: 44px; min-height: 44px; }
  .mtz-mobile-stage { display: block; margin: 0 0 8px; padding: 7px 12px; border-bottom: 1px solid; font-size: 12px; font-weight: 700; line-height: 1.3; }
}
@media (min-width:821px) and (min-height:541px), (min-width:1025px) { .mtz-mobile-stage { display:none; } }
@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  .mtz-founders-ticker button { min-height: 32px; height: 32px; width: 32px; padding: 4px; }
  .mtz-founders-ticker { padding-block: 2px !important; }
  .mtz-mobile-stage { margin: 0; padding-block: 6px; }
  .result-search-inner.result-search-professional { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  .result-search-item.route-summary { grid-column: span 3; }
  .result-search-inner button#modifySearch { grid-column: auto; min-height: 44px; padding: 6px !important; font-size: 11px; box-shadow: none; }
  .results-head { min-height: 0 !important; margin: 0 !important; padding-block: 4px; }
  .results-head h1 { font-size: 20px; }
  .results-head p { margin-bottom: 0; }
  .results-head > div { min-width: 0; }
  .results-head .eyebrow { margin: 0; }
  .sort-tabs { margin-top: 0 !important; }
  .sort-tab span { font-size: 10px; white-space: normal; }
  .sort-tab small { margin-top: 2px; }
  .results-main > .flight-sort-average { margin: 0; }
  .rfx-flight-bottom { padding-block: 5px; }
  .rfx-flight-bottom button { min-height: 32px; }
  .rfx-flight-bottom > span { line-height: 1.3; }
  .rfx-flight-top { padding-top: 8px; }
  .rfx-note { line-height: 1.3; padding-bottom: 5px; }
  .account-panel, .admin-panel, .booking-card, .traveller-form-card, .payment-review-card { padding: 12px !important; }
}
@media (max-width: 820px), (max-width: 1024px) and (max-height: 540px) {
  .results-head .orange-kicker { display: none; }
  .sort-tabs { grid-template-columns: 1.25fr 1fr 1fr 1fr !important; }
  .rfx-flight:not(.rfx-return) .rfx-flight-bottom { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; align-items: center; }
  .rfx-flight:not(.rfx-return) .rfx-flight-bottom > span:nth-child(1) { grid-column: 1; grid-row: 1; }
  .rfx-flight:not(.rfx-return) .rfx-flight-bottom > span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
  .rfx-flight:not(.rfx-return) .rfx-flight-bottom > button { grid-column: 2; grid-row: 1; padding: 2px 0; }
  #averageFlightTime { margin: 4px 0 6px; }
}