/* Version 145: mobile-only refinement without changing the established design. */
@media screen and (max-width: 760px) {
  html {
    scroll-padding-top: 90px;
  }

  html,
  body {
    overflow-x: clip;
  }

  /* Preserve the approved logo-to-title gap while trimming only unused space below it. */
  body.mobil-mays-layout:not(.home-page) .mobil-page-hero-inner {
    padding-bottom: 18px !important;
  }

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

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

  body.home-page .mobil-overview-card {
    min-height: 0 !important;
  }

  body.mobil-mays-layout .section-head {
    margin-bottom: 28px !important;
  }

  body.mobil-mays-layout .mobil-page-hero h1,
  body.mobil-mays-layout .section-head h2,
  body.home-page .explore-mobil-intro h2,
  body.mobil-mays-layout .mobil-overview-card h3,
  body.mobil-mays-layout .location-card h3 {
    text-wrap: balance;
  }

  body.mobil-mays-layout .mobil-page-hero p,
  body.mobil-mays-layout .section-head p,
  body.home-page .explore-mobil-intro p {
    text-wrap: pretty;
  }

  body.mobil-mays-layout .menu-toggle {
    min-width: 44px;
    min-height: 44px;
    touch-action: manipulation;
  }

  body.mobil-mays-layout .site-nav a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    touch-action: manipulation;
  }

  body.mobil-mays-layout .footer-nav {
    font-size: .875rem !important;
  }

  body.mobil-mays-layout .footer-nav a,
  body.why-page .why-card-link,
  body.locations-page .location-grid .text-link,
  body.mobil-mays-layout #back-to-top {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    touch-action: manipulation;
  }

  body.mobil-mays-layout main [id] {
    scroll-margin-top: 90px;
  }

  body.mobil-mays-layout .menu-toggle:focus-visible,
  body.mobil-mays-layout .site-nav a:focus-visible,
  body.mobil-mays-layout .footer-nav a:focus-visible,
  body.mobil-mays-layout .why-card-link:focus-visible,
  body.mobil-mays-layout .text-link:focus-visible,
  body.mobil-mays-layout #back-to-top:focus-visible {
    outline: 3px solid var(--mobil-theme-red, #d81f26);
    outline-offset: 3px;
  }
}

/* Prevent desktop-style hover movement from sticking after a touch. */
@media (hover: none) and (pointer: coarse) {
  body.mobil-mays-layout .why-card:hover,
  body.mobil-mays-layout .location-card:hover,
  body.mobil-mays-layout .btn:hover,
  body.mobil-mays-layout .coupon-print-btn:hover {
    transform: none !important;
  }
}