/* Version 143: preserve the Version 142 cleanup with a tighter mobile title position. */
@media (min-width: 761px) {
  body.mobil-mays-layout:not(.home-page) .mobil-page-hero {
    min-height: 0 !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background-position: center 18px !important;
    background-size: min(440px, 54vw) auto !important;
  }

  body.mobil-mays-layout:not(.home-page) .mobil-page-hero-inner {
    padding-top: calc(38px + min(266px, 32.65vw)) !important;
    padding-bottom: 24px !important;
  }
}

@media (max-width: 760px) {
  /* The old fixed mobile navigation is gone, so its reserved bottom space is no longer needed. */
  body.mobil-mays-layout {
    padding-bottom: 0 !important;
  }

  /* Use the tightly cropped Mobil 1 Lube Express logo on mobile interior pages. */
  body.mobil-mays-layout:not(.home-page) .mobil-page-hero {
    min-height: 0 !important;
    background-image: url('assets/pennzoil-logo.png') !important;
    background-position: center 18px !important;
    background-size: min(88vw, 430px) auto !important;
  }

  /* Keep a compact, responsive 16-pixel visual gap between the logo and title. */
  body.mobil-mays-layout:not(.home-page) .mobil-page-hero-inner {
    padding-top: calc(34px + min(28.6vw, 140px)) !important;
    padding-bottom: 22px !important;
  }

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