/* SkyWay R107 Autonomous Dispatch | sw107 | 107.0.0-r107-autonomous-dispatch-revenue-shield-20260619 */

.r107-autonomous-dispatch-revenue-shield-marker {
  --asset-version: "107.0.0-r107-autonomous-dispatch-revenue-shield-20260619";
  --package-version: "SKYWAY_R107_AUTONOMOUS_DISPATCH_REVENUE_SHIELD_CANDIDATE";
}

.r79-public {
  --skyway-r107-airport: url("/static/img/skyway-r107-generated-airport-hero.webp");
  --skyway-r107-ops: url("/static/img/skyway-r107-generated-ops-control.webp");
  --skyway-r107-cabin: url("/static/img/skyway-r107-generated-premium-cabin.webp");
}

.r79-public.r101-global-transfer {
  font-family: Arial, Helvetica, sans-serif !important;
}

.r79-public.r101-global-transfer .r99-gallery-card {
  position: relative !important;
  isolation: isolate !important;
  min-height: 184px !important;
  padding: 18px !important;
  overflow: hidden !important;
}

.r79-public.r101-global-transfer .r99-contact-strip {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-height: 64px !important;
  gap: 14px !important;
  overflow: hidden !important;
}

.r79-public.r101-global-transfer .r99-contact-strip span:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.r79-public.r101-global-transfer .r99-contact-strip span,
.r79-public.r101-global-transfer .r99-contact-strip a {
  white-space: nowrap !important;
}

.r79-public.r101-global-transfer .r99-contact-strip a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 999px !important;
  background: #f9fafb !important;
  color: #101828 !important;
  text-decoration: none !important;
}

.r79-public.r101-global-transfer .r79-home-hero::before,
.r79-public.r101-global-transfer .r79-reservation-hero::before,
.r79-public.r101-global-transfer .r79-hero::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .9) 42%, rgba(255, 255, 255, .46) 76%), var(--r79-hero-image) center right / cover no-repeat !important;
  opacity: 1 !important;
}

.r79-public.r101-global-transfer .r79-hero-copy h1 {
  max-width: 650px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 56px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.r79-public.r101-global-transfer .r79-mini-features span,
.r79-public.r101-global-transfer .r79-sales-cues span {
  border-color: #d0d5dd !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #344054 !important;
  box-shadow: none !important;
}

.r79-public.r101-global-transfer .r99-gallery-card img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .78 !important;
  z-index: 0 !important;
}

.r79-public.r101-global-transfer .r99-gallery-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, .02) 10%, rgba(0, 0, 0, .68) 100%) !important;
  pointer-events: none !important;
}

.r79-public.r101-global-transfer .r99-gallery-card div,
.r79-public.r101-global-transfer .r99-gallery-card .r99-icon-pill {
  position: relative !important;
  z-index: 1 !important;
}

.r79-public.r101-global-transfer .r99-gallery-card span,
.r79-public.r101-global-transfer .r99-gallery-card strong {
  display: block !important;
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .42) !important;
}

.r79-public.r101-global-transfer .r99-gallery-card strong {
  margin-top: 6px !important;
}

.r79-public.r101-global-transfer .r79-card-image,
.r79-public.r101-global-transfer .r79-vehicle-photo,
.r79-public.r101-global-transfer .r79-vehicle-silhouette,
.r79-public.r101-global-transfer .r79-signature-media {
  background-image: linear-gradient(180deg, rgba(4, 9, 14, .05), rgba(4, 9, 14, .38)), var(--skyway-r107-cabin) !important;
  background-size: cover !important;
  background-position: center !important;
}

.r79-public.r101-global-transfer .r79-service-cards article:nth-child(3n+1) .r79-card-image,
.r79-public.r101-global-transfer .r79-car-card:nth-child(3n+1) .r79-vehicle-photo,
.r79-public.r101-global-transfer .r79-price-card:nth-child(3n+1) .r79-vehicle-silhouette {
  background-image: linear-gradient(180deg, rgba(4, 9, 14, .05), rgba(4, 9, 14, .38)), var(--skyway-r107-airport) !important;
}

.r79-public.r101-global-transfer .r79-service-cards article:nth-child(3n+2) .r79-card-image,
.r79-public.r101-global-transfer .r79-car-card:nth-child(3n+2) .r79-vehicle-photo,
.r79-public.r101-global-transfer .r79-price-card:nth-child(3n+2) .r79-vehicle-silhouette,
.r79-public.r101-global-transfer .r79-signature-media {
  background-image: linear-gradient(180deg, rgba(4, 9, 14, .05), rgba(4, 9, 14, .42)), var(--skyway-r107-ops) !important;
}

.r79-public.r101-global-transfer .r79-card-image,
.r79-public.r101-global-transfer .r79-vehicle-photo {
  min-height: 142px !important;
}

.r79-public .r81-menu-toggle {
  display: none !important;
}

@media (max-width: 1080px) {
  .r79-public.r101-global-transfer .r79-hero-copy h1 {
    font-size: 44px !important;
  }

  .r79-public .r81-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #101828 !important;
    box-shadow: none !important;
  }
}

@media (max-width: 720px) {
  .r79-public.r101-global-transfer .r79-hero-copy h1 {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }

  .r79-public.r101-global-transfer .r99-gallery-card {
    min-height: 168px !important;
  }

  .r79-public.r101-global-transfer .r79-card-image,
  .r79-public.r101-global-transfer .r79-vehicle-photo {
    min-height: 128px !important;
  }

  .r79-public.r101-global-transfer .r101-mobile-action-dock a {
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #101828 !important;
  }

  .r79-public.r101-global-transfer .r101-mobile-action-dock a:first-child {
    border-color: #1f4f82 !important;
    background: #1f4f82 !important;
    color: #ffffff !important;
  }

  .r79-public.r101-global-transfer .r101-mobile-action-dock small,
  .r79-public.r101-global-transfer .r101-mobile-action-dock strong {
    color: inherit !important;
    opacity: 1 !important;
  }
}
