/* Version 156: final mobile spacing polish without changing the approved design. */
@media screen and (max-width: 760px) {
  /* Keep the interior-page logo prominent while using less of the first viewport. */
  body.mobil-mays-layout:not(.home-page) .mobil-page-hero {
    background-position: center 14px !important;
    background-size: min(84vw, 400px) auto !important;
  }

  body.mobil-mays-layout:not(.home-page) .mobil-page-hero-inner {
    padding-top: calc(26px + min(27.3vw, 130px)) !important;
    padding-bottom: 18px !important;
  }

  body.mobil-mays-layout:not(.home-page) .mobil-page-content {
    padding-top: 38px !important;
    padding-bottom: 44px !important;
  }

  body.home-page .mobil-explore-section {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  body.home-page .mobil-overview-grid {
    gap: 18px !important;
  }

  /* Remove desktop equal-height spacing that is unnecessary in the mobile location stack. */
  body.locations-page .location-grid {
    gap: 22px !important;
  }

  body.locations-page .location-grid .location-card h3,
  body.locations-page .location-grid .location-card p {
    min-height: 0 !important;
  }

  body.locations-page .location-grid .location-content {
    padding: 22px 20px 24px !important;
  }

  body.locations-page .location-grid .text-link {
    padding-top: 14px !important;
  }

  /* Tighten only the empty space between existing location-page elements. */
  body.marysville-page .marysville-location-content {
    gap: 18px !important;
  }

  body.marysville-page .marysville-gallery {
    gap: 10px !important;
  }

  body.marysville-page .marysville-details-grid,
  body.marysville-page .marysville-quick-links {
    gap: 14px !important;
  }

  body.marysville-page .marysville-card,
  body.marysville-page .marysville-offer-card {
    padding: 20px !important;
  }

  body.marysville-page .marysville-card h2,
  body.marysville-page .marysville-offer-card h2 {
    margin-bottom: 14px !important;
  }

  body.marysville-page .marysville-actions {
    gap: 10px !important;
    margin-top: 20px !important;
  }

  body.marysville-page .marysville-visit-card .marysville-actions {
    margin-bottom: 14px !important;
  }

  body.marysville-page .marysville-offer-card {
    gap: 16px !important;
  }

  body.marysville-page .marysville-quick-card h3 {
    margin-bottom: 10px !important;
  }

  body.marysville-page .marysville-quick-card p:not(.marysville-eyebrow) {
    margin-bottom: 14px !important;
  }
}