/* Transfers landing only. Native booking, shared promotion and desktop remain authoritative. */
body.transfers-cinematic .transfer-service-swipe-hint { display: none; }

@media (max-width: 700px) {
  body.transfers-cinematic .night10-bar-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 8px;
    min-height: 0;
    padding: 4px 12px;
  }
  body.transfers-cinematic .night10-bar-copy { min-width: 0; font-size: 12px; line-height: 1.35; }
  body.transfers-cinematic .night10-bar-copy > strong { display: none; }
  body.transfers-cinematic .night10-bar-support { display: flex; align-items: center; min-height: 44px; }
  body.transfers-cinematic .night10-bar-link { display: none; }
  body.transfers-cinematic .night10-bar-dismiss {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 52px;
    min-height: 44px;
    padding: 6px 4px;
  }

  body.transfers-cinematic .transfer-page .arrival.v3-hero {
    height: clamp(390px, 60svh, 440px);
    min-height: 0;
  }
  body.transfers-cinematic .transfer-page .arrival .arrival-photo.tp-hero-photo { object-position: 76% 38%; }
  body.transfers-cinematic .transfer-page .arrival-shade {
    background: linear-gradient(90deg, #0b211ec9, #0b211e52 65%, #0b211e26), linear-gradient(0deg, #0b211ed9, transparent 75%);
  }
  body.transfers-cinematic .transfer-page .arrival-copy.v3-hero-copy {
    top: 84px;
    bottom: auto;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
    text-align: left;
  }
  body.transfers-cinematic .transfer-page .arrival-copy h1 {
    font-size: clamp(27px, 7.2vw, 32px) !important;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -.025em;
    margin-bottom: 12px;
    text-wrap: balance;
  }
  body.transfers-cinematic .transfer-page .arrival-copy > p:last-child {
    max-width: 32ch;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    text-wrap: pretty;
  }
  body.transfers-cinematic .transfer-page .arrival-meta { inset: 12px 20px auto; }
  body.transfers-cinematic .transfer-page .photo-credit { top: 54px; left: 20px; right: 20px; text-align: left; line-height: 1.4; }
  body.transfers-cinematic .transfer-page .booking-dock {
    box-sizing: border-box;
    top: calc(var(--native-arrival-height, clamp(390px, 60svh, 440px)) - var(--native-dock-height, 144px) - 16px);
    left: 16px;
    right: 16px;
    min-width: 0;
    padding: 8px;
    border-radius: 16px;
    background: #172d28ed;
  }
  body.transfers-cinematic .transfer-page .v3-booking-shell { min-width: 0; }
  body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector {
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 2px;
    padding: 3px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    scroll-behavior: smooth;
    scroll-padding-inline: 5px;
  }
  body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector button {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.4;
    white-space: nowrap;
  }
  body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector button[aria-selected=true] { background: #c8ae67; color: #172d28; }
  body.transfers-cinematic .transfer-page .transfer-service-swipe-hint {
    display: block;
    margin: 4px 5px 8px;
    color: #e1e8df;
    font-size: 11px;
    line-height: 1.4;
    text-align: right;
  }
  body.transfers-cinematic .transfer-page #mobile-booking-open {
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 9px;
    font-size: 14px;
    line-height: 1.4;
  }
  body.transfers-cinematic .whatsapp-float {
    position: fixed;
    top: auto;
    left: auto;
    right: calc(12px + env(safe-area-inset-right, 0px));
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    max-width: 130px;
    padding: 10px 14px !important;
    font-size: 0 !important;
    z-index: 21;
  }
  body.transfers-cinematic .whatsapp-float::after { content: 'WhatsApp'; font-size: 13px; font-weight: 600; }
  body.transfers-cinematic.tmj-open .whatsapp-float { visibility: hidden; }
}

@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
  body.transfers-cinematic .transfer-page #service-tabs.booking-service-selector { scroll-behavior: auto; }
}