/* Home-only tablet corrections: loaded after the legacy layout sheets. */
@media (min-width: 1061px), (max-width: 760px) {
  body.index2-page.index2-home .discoveries-home-grid > .discoveries-home-card:nth-child(n + 4) {
    display: none;
  }
}

@media (min-width: 761px) and (max-width: 1060px) {
  body.index2-page.index2-home .discoveries-home-grid > .discoveries-home-card:nth-child(n + 4) {
    display: block;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  body.index2-page #travelModeMetrics .travel-mode-metric {
    min-height: clamp(172px, 21vw, 226px) !important;
  }

  html body.index2-page #travelModeMetrics :is(
    .travel-mode-metric--scooter .travel-card-art-scooter,
    .travel-mode-metric--tuktuk .travel-card-art-tuktuk,
    .travel-mode-metric--taxi .travel-card-art-taxi
  ) {
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    animation: none !important;
    translate: none !important;
    transform: translateY(-50%) !important;
  }

  html body.index2-page #travelModeMetrics .travel-mode-metric--scooter .travel-card-art-scooter {
    left: -3% !important;
    width: clamp(280px, 43%, 430px) !important;
    max-width: 56% !important;
    max-height: 80% !important;
  }

  html body.index2-page #travelModeMetrics .travel-mode-metric--tuktuk .travel-card-art-tuktuk {
    left: -8% !important;
    width: clamp(380px, 58%, 560px) !important;
    max-width: 72% !important;
    max-height: 94% !important;
  }

  html body.index2-page #travelModeMetrics .travel-mode-metric--taxi .travel-card-art-taxi {
    left: -3% !important;
    width: clamp(300px, 49%, 480px) !important;
    max-width: 62% !important;
    max-height: 84% !important;
  }

  html body.index2-page:not(.page-admin) #travelModeMetrics .travel-mode-metric:where(:hover, :focus-within) :is(
    .travel-card-art-scooter,
    .travel-card-art-tuktuk,
    .travel-card-art-taxi
  ) {
    translate: none !important;
    transform: translateY(-50%) !important;
  }
}