/* Pennzoil Ohio theme layered over the Mobil 1 site layout. */
:root {
  --blue: #111111;
  --blue-dark: #050505;
  --red: #111111;
  --red-dark: #000000;
  --ink: #111111;
  --muted: #5b543f;
  --line: rgba(17, 17, 17, 0.22);
  --soft: #fff7c7;
  --shadow: 0 18px 48px rgba(17, 17, 17, 0.12);
  --shadow-lg: 0 30px 78px rgba(17, 17, 17, 0.2);
  --pennzoil-yellow: #ffd100;
  --pennzoil-yellow-dark: #efb900;
  --pennzoil-red: #e4002b;
  --mobil-theme-red: #111111;
  --mobil-theme-blue: #111111;
}

body.pennzoil-theme {
  color: var(--ink);
  background: linear-gradient(180deg, #fffdf2 0%, #fff4b7 100%);
}

body.pennzoil-theme .site-header {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 4px solid var(--pennzoil-yellow) !important;
  box-shadow: 0 8px 26px rgba(17, 17, 17, 0.09) !important;
}

body.pennzoil-theme .brand-logo {
  width: 142px !important;
  height: 72px !important;
  padding: 2px 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

body.pennzoil-theme .brand-wordmark,
body.pennzoil-theme .pennzoil-brand-text {
  color: #111 !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Bebas Neue", Inter, sans-serif !important;
  font-size: clamp(1.75rem, 2.55vw, 3.05rem) !important;
  line-height: 0.92 !important;
  letter-spacing: 0.028em !important;
}

body.pennzoil-theme .site-nav {
  color: #111 !important;
}

body.pennzoil-theme .site-nav a:hover,
body.pennzoil-theme .site-nav a[aria-current="page"],
body.pennzoil-theme .footer-nav a:hover,
body.pennzoil-theme .footer-nav a[aria-current="page"] {
  color: var(--pennzoil-red) !important;
}

body.pennzoil-theme .menu-toggle span {
  background: #111 !important;
}

body.pennzoil-theme.home-page .mays-format-hero {
  background-image:
    radial-gradient(circle at 86% 20%, rgba(255,255,255,.38), transparent 24%),
    radial-gradient(circle at 10% 90%, rgba(228,0,43,.13), transparent 24%),
    linear-gradient(135deg, #ffd100 0%, #ffdf3d 52%, #f4ba00 100%) !important;
  border-bottom-color: #111 !important;
}

body.pennzoil-theme.home-page .mays-format-hero::before {
  background-image: url('assets/pennzoil-logo.png') !important;
  background-position: right -42px center !important;
  background-repeat: no-repeat !important;
  background-size: min(55vw, 720px) auto !important;
  opacity: .08 !important;
}

body.pennzoil-theme .hero-copy.glass-card {
  background: rgba(255, 255, 255, .9) !important;
  border: 2px solid #111 !important;
  box-shadow: 14px 14px 0 rgba(17,17,17,.12), var(--shadow-lg) !important;
}

body.pennzoil-theme .hero-top-logo {
  width: min(100%, 560px) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.pennzoil-theme .hero-copy h1 span,
body.pennzoil-theme .text-link,
body.pennzoil-theme .why-card-link {
  color: #111 !important;
}

body.pennzoil-theme .btn,
body.pennzoil-theme .overview-btn,
body.pennzoil-theme .mobil-standard-btn,
body.pennzoil-theme .location-phone,
body.pennzoil-theme .coupon-print-btn {
  background: #111 !important;
  border-color: #111 !important;
  color: var(--pennzoil-yellow) !important;
  box-shadow: 0 11px 0 rgba(228,0,43,.16), 0 13px 24px rgba(17,17,17,.14) !important;
}

body.pennzoil-theme .btn:hover,
body.pennzoil-theme .overview-btn:hover,
body.pennzoil-theme .mobil-standard-btn:hover,
body.pennzoil-theme .location-phone:hover,
body.pennzoil-theme .coupon-print-btn:hover {
  background: var(--pennzoil-red) !important;
  border-color: var(--pennzoil-red) !important;
  color: #fff !important;
}

body.pennzoil-theme .mobil-page-hero,
body.pennzoil-theme:not(.home-page) .mobil-page-hero,
body.pennzoil-theme.why-page .mobil-page-hero {
  color: #111 !important;
  background-color: var(--pennzoil-yellow) !important;
  background-image:
    linear-gradient(90deg, rgba(255,209,0,.95), rgba(255,226,72,.88)),
    url('assets/pennzoil-logo.png') !important;
  background-position: center, right -70px center !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(50vw, 600px) auto !important;
  border-top: 1px solid rgba(17,17,17,.12) !important;
  border-bottom: 5px solid #111 !important;
}

body.pennzoil-theme .mobil-page-hero h1,
body.pennzoil-theme .mobil-page-hero p,
body.pennzoil-theme .marysville-hero-details,
body.pennzoil-theme .marysville-hero-details span {
  color: #111 !important;
  text-shadow: none !important;
}

body.pennzoil-theme .home-overview-section,
body.pennzoil-theme .why-section,
body.pennzoil-theme .locations-section,
body.pennzoil-theme .mobil-page-content {
  background: linear-gradient(180deg, #fffdf2 0%, #fff7cf 100%) !important;
}

body.pennzoil-theme .home-overview-card,
body.pennzoil-theme .why-card,
body.pennzoil-theme .location-card,
body.pennzoil-theme .marysville-card,
body.pennzoil-theme .marysville-offer-card,
body.pennzoil-theme .coupon-card,
body.pennzoil-theme .why-factory-card,
body.pennzoil-theme .services-panel,
body.pennzoil-theme .full-service-summary {
  border: 2px solid #111 !important;
  box-shadow: 9px 9px 0 rgba(255,209,0,.62), var(--shadow) !important;
}

body.pennzoil-theme .home-overview-card,
body.pennzoil-theme .why-card,
body.pennzoil-theme .location-card,
body.pennzoil-theme .marysville-card,
body.pennzoil-theme .marysville-offer-card,
body.pennzoil-theme .coupon-card,
body.pennzoil-theme .why-factory-card {
  background: #fff !important;
}

body.pennzoil-theme .location-label,
body.pennzoil-theme .marysville-eyebrow,
body.pennzoil-theme .full-service-eyebrow {
  color: #111 !important;
  background: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme .review-stars {
  color: var(--pennzoil-red) !important;
}

body.pennzoil-theme .services-section,
body.pennzoil-theme .mobil-services-format {
  color: #fff !important;
  background: linear-gradient(145deg, #050505 0%, #1d1d1d 100%) !important;
}

body.pennzoil-theme .services-panel {
  background: rgba(255,255,255,.075) !important;
  border-color: var(--pennzoil-yellow) !important;
  box-shadow: 9px 9px 0 rgba(228,0,43,.33), 0 20px 48px rgba(0,0,0,.24) !important;
}

body.pennzoil-theme .services-logo {
  background: var(--pennzoil-yellow) !important;
  border: 2px solid #111 !important;
}

body.pennzoil-theme .service-list li::before,
body.pennzoil-theme .full-service-checklist li::before {
  background: var(--pennzoil-yellow) !important;
  color: #111 !important;
}

body.pennzoil-theme .full-service-checklist li::before {
  background-color: transparent !important;
  background-image: url('assets/pennzoil-logo.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: none !important;
}

body.pennzoil-theme .marysville-hours-card .location-hours::after {
  background-image: url('assets/pennzoil-logo.png') !important;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

body.pennzoil-theme .why-card-pegasus::after,
body.pennzoil-theme .why-card::after,
body.pennzoil-theme .services-panel::after,
body.pennzoil-theme .marysville-card::after,
body.pennzoil-theme .location-card::after {
  background-image: url('assets/pennzoil-logo.png') !important;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  opacity: .055 !important;
}

body.pennzoil-theme .homepage-hook-pegasus {
  width: 38px !important;
  min-width: 38px !important;
  height: 26px !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: url('assets/pennzoil-logo.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  box-shadow: none !important;
}

body.pennzoil-theme .location-photo,
body.pennzoil-theme .marysville-gallery img {
  background: #eee4ab;
}

body.pennzoil-theme .marysville-outline-btn {
  color: #111 !important;
  border-color: #111 !important;
  background: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme .footer {
  color: #fff !important;
  background: #0a0a0a !important;
  border-top: 8px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme .footer .brand-wordmark,
body.pennzoil-theme .footer .pennzoil-brand-text,
body.pennzoil-theme .footer p,
body.pennzoil-theme .footer a,
body.pennzoil-theme .footer-meta {
  color: #fff !important;
}

body.pennzoil-theme .footer-nav {
  border-top-color: rgba(255,255,255,.18) !important;
}

body.pennzoil-theme .footer-nav a::after {
  background: var(--pennzoil-yellow) !important;
}

.coupon-placeholder {
  min-height: 330px;
  display: grid;
  place-items: center;
  padding: 32px;
  text-align: center;
  background: linear-gradient(135deg, #ffd100 0%, #ffe66a 100%);
}

.coupon-placeholder img {
  width: min(360px, 82%);
  margin: 0 auto 20px;
}

.coupon-placeholder h3 {
  margin: 0 0 10px;
  font-size: clamp(2rem, 5vw, 3.3rem);
  line-height: .95;
}

.coupon-placeholder p {
  margin: 0 auto;
  max-width: 520px;
  font-weight: 700;
}

.why-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.why-product-card {
  padding: 24px;
  border: 2px solid #111;
  border-radius: 18px;
  background: #fff8d1;
}

.why-product-card img {
  width: 150px;
  margin-bottom: 14px;
}

.why-product-card h3 {
  margin: 0 0 8px;
}

.why-product-card p {
  margin: 0;
  color: var(--muted);
}

@media (max-width: 1080px) {
  body.pennzoil-theme .brand-logo {
    width: 118px !important;
    height: 62px !important;
  }

  body.pennzoil-theme .site-nav {
    border: 2px solid #111 !important;
  }
}

@media (max-width: 760px) {
  body.pennzoil-theme .brand,
  body.pennzoil-theme .footer .brand {
    gap: 7px !important;
  }

  body.pennzoil-theme .brand-logo {
    width: 84px !important;
    height: 48px !important;
  }

  body.pennzoil-theme .brand-wordmark,
  body.pennzoil-theme .pennzoil-brand-text {
    max-width: 220px !important;
    white-space: normal !important;
    font-size: 1.14rem !important;
    line-height: .94 !important;
  }

  body.pennzoil-theme .footer .brand-wordmark,
  body.pennzoil-theme .footer .pennzoil-brand-text {
    font-size: 1.35rem !important;
  }

  body.pennzoil-theme.home-page .mays-format-hero::before {
    background-position: center 18px !important;
    background-size: 92vw auto !important;
    opacity: .055 !important;
  }

  body.pennzoil-theme .hero-copy.glass-card {
    box-shadow: 7px 7px 0 rgba(17,17,17,.12), var(--shadow) !important;
  }

  body.pennzoil-theme .home-overview-card,
  body.pennzoil-theme .why-card,
  body.pennzoil-theme .location-card,
  body.pennzoil-theme .marysville-card,
  body.pennzoil-theme .marysville-offer-card,
  body.pennzoil-theme .coupon-card,
  body.pennzoil-theme .why-factory-card,
  body.pennzoil-theme .services-panel,
  body.pennzoil-theme .full-service-summary {
    box-shadow: 5px 5px 0 rgba(255,209,0,.62), var(--shadow) !important;
  }

  .why-product-grid {
    grid-template-columns: 1fr;
  }
}

/* Services page — compact Why Choose Us layout with Pennzoil colors. */
body.pennzoil-theme.mobil-mays-layout.services-page,
body.pennzoil-theme.mobil-mays-layout.services-page main {
  color: #111 !important;
  background: #050505 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .mobil-page-hero {
  min-height: 0 !important;
  padding: 22px 0 18px !important;
  color: #111 !important;
  background-color: var(--pennzoil-yellow) !important;
  background-image:
    linear-gradient(90deg, rgba(255,209,0,.96), rgba(255,226,72,.9)),
    url('assets/pennzoil-logo.png') !important;
  background-position: center, right -50px center !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(38vw, 420px) auto !important;
  border-top: 1px solid #111 !important;
  border-bottom: 4px solid #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .mobil-page-hero-inner {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .mobil-page-hero h1 {
  margin: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .mobil-page-hero p {
  margin: 7px auto 0 !important;
  padding: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .mobil-page-content {
  padding-top: 34px !important;
  padding-bottom: 56px !important;
  background: linear-gradient(180deg, #151515 0%, #050505 100%) !important;
  border-top: 5px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .services-section.mobil-services-format {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #111 !important;
  background: transparent !important;
  border: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .services-intro-head {
  margin-bottom: 24px !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .services-intro-head h2 {
  margin-top: 0 !important;
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .services-intro-head p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .services-panel {
  color: #111 !important;
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 8px 8px 0 rgba(255,209,0,.18), 0 16px 36px rgba(0,0,0,.22) !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .services-header {
  color: #111 !important;
  background: var(--pennzoil-yellow) !important;
  border-bottom: 1px solid #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .services-header h3,
body.pennzoil-theme.mobil-mays-layout.services-page .full-service-intro h4,
body.pennzoil-theme.mobil-mays-layout.services-page .full-service-notes strong,
body.pennzoil-theme.mobil-mays-layout.services-page .service-list strong,
body.pennzoil-theme.mobil-mays-layout.services-page .other-brands-block h4 {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .services-panel .services-header .services-logo {
  background: #fff !important;
  border: 1px solid #111 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .full-service-summary {
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: none !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .full-service-intro > p:last-child,
body.pennzoil-theme.mobil-mays-layout.services-page .full-service-notes p,
body.pennzoil-theme.mobil-mays-layout.services-page .service-list span {
  color: #343434 !important;
  -webkit-text-fill-color: #343434 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .full-service-checklist {
  background: #fffdf2 !important;
  border-top: 1px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .full-service-checklist li,
body.pennzoil-theme.mobil-mays-layout.services-page .service-list-detailed > li {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.09) !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .full-service-notes {
  background: #fff7cf !important;
  border-top: 1px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .lubricant-choice-prompt {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-size: clamp(1.7rem, 3vw, 2.2rem) !important;
  letter-spacing: .025em !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .other-brands-block {
  margin: 28px 24px 24px !important;
  padding-top: 22px !important;
  border-top: 3px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .other-brands-block h4 {
  margin: 0 0 16px !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-size: clamp(1.7rem, 3vw, 2.2rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
  text-align: center !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .other-brand-list {
  margin-bottom: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .other-brand-list > li.brand-oil-card::after {
  background-repeat: no-repeat !important;
  background-position: right 16px bottom 14px !important;
  filter: none !important;
  opacity: .18 !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .other-brand-list > li.mobil-one-oil-card::after {
  background-image: url('assets/mobil-1-logo.png') !important;
  background-size: 185px auto !important;
}

body.pennzoil-theme.mobil-mays-layout.services-page .other-brand-list > li.royal-purple-oil-card::after {
  background-image: url('assets/royal-purple-logo.png') !important;
  background-size: 195px auto !important;
}

@media (max-width: 760px) {
  body.pennzoil-theme.mobil-mays-layout.services-page .mobil-page-hero {
    padding: 16px 0 14px !important;
    background-size: cover, 78vw auto !important;
  }

  body.pennzoil-theme.mobil-mays-layout.services-page .mobil-page-content {
    padding-top: 26px !important;
    padding-bottom: 44px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.services-page .services-intro-head {
    margin-bottom: 20px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.services-page .other-brands-block {
    margin: 24px 18px 18px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.services-page .other-brand-list > li.brand-oil-card::after {
    background-position: right 12px bottom 12px !important;
    opacity: .16 !important;
  }

  body.pennzoil-theme.mobil-mays-layout.services-page .other-brand-list > li.mobil-one-oil-card::after {
    background-size: 150px auto !important;
  }

  body.pennzoil-theme.mobil-mays-layout.services-page .other-brand-list > li.royal-purple-oil-card::after {
    background-size: 160px auto !important;
  }
}

/* Compact Pennzoil treatment for the Why Choose Us page. */
body.pennzoil-theme.mobil-mays-layout.why-page,
body.pennzoil-theme.mobil-mays-layout.why-page main {
  color: #111 !important;
  background: #050505 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .mobil-page-hero {
  min-height: 0 !important;
  padding: 22px 0 18px !important;
  color: #111 !important;
  background-color: var(--pennzoil-yellow) !important;
  background-image:
    linear-gradient(90deg, rgba(255,209,0,.96), rgba(255,226,72,.9)),
    url('assets/pennzoil-logo.png') !important;
  background-position: center, right -50px center !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(38vw, 420px) auto !important;
  border-top: 1px solid #111 !important;
  border-bottom: 4px solid #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .mobil-page-hero-inner {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .mobil-page-hero h1 {
  margin: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .mobil-page-hero p {
  margin: 7px auto 0 !important;
  padding: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .mobil-page-content {
  padding-top: 34px !important;
  padding-bottom: 56px !important;
  background: linear-gradient(180deg, #151515 0%, #050505 100%) !important;
  border-top: 5px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-section.mobil-content-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-intro-head {
  margin-bottom: 24px !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-intro-head h2 {
  margin-top: 0 !important;
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-intro-head p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-clean-grid .why-card,
body.pennzoil-theme.mobil-mays-layout.why-page .why-factory-card,
body.pennzoil-theme.mobil-mays-layout.why-page .why-product-card {
  color: #111 !important;
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 8px 8px 0 rgba(255,209,0,.18), 0 16px 36px rgba(0,0,0,.22) !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-clean-grid .why-card h3,
body.pennzoil-theme.mobil-mays-layout.why-page .why-factory-copy h2,
body.pennzoil-theme.mobil-mays-layout.why-page .why-product-card h3 {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-clean-grid .why-card p,
body.pennzoil-theme.mobil-mays-layout.why-page .why-factory-copy p,
body.pennzoil-theme.mobil-mays-layout.why-page .why-product-card p {
  color: #343434 !important;
  -webkit-text-fill-color: #343434 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-card-link {
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-card-link:hover {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-factory-card {
  grid-template-columns: 1fr !important;
  gap: 24px !important;
  margin-top: 24px !important;
}

body.pennzoil-theme.mobil-mays-layout.why-page .why-product-card {
  background: #fff9d8 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  body.pennzoil-theme.mobil-mays-layout.why-page .mobil-page-hero {
    padding: 16px 0 14px !important;
    background-size: cover, 78vw auto !important;
  }

  body.pennzoil-theme.mobil-mays-layout.why-page .mobil-page-content {
    padding-top: 26px !important;
    padding-bottom: 44px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.why-page .why-intro-head {
    margin-bottom: 20px !important;
  }
}

/* Pennzoil visual refinement: condensed header, brand-only home palette, and thin yellow card frames. */
:root {
  --mobil-blue: #111111;
  --mobil-blue-dark: #050505;
  --mobil-blue-deep: #000000;
  --mobil-soft-blue: #fff7c7;
  --mobil-red: #e4002b;
  --mobil-red-bright: #ef233c;
  --mobil-red-dark: #b40022;
}

body.pennzoil-theme .site-header .brand-wordmark,
body.pennzoil-theme .site-header .pennzoil-brand-text {
  font-family: "Bebas Neue", Inter, sans-serif !important;
  font-size: clamp(2.75rem, 3.9vw, 4.4rem) !important;
  font-stretch: condensed !important;
  font-weight: 400 !important;
  line-height: .78 !important;
  letter-spacing: .002em !important;
  white-space: nowrap !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page,
body.pennzoil-theme.mobil-mays-layout.home-page main {
  color: #111 !important;
  background: #fff8d0 !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mays-format-hero {
  background-color: var(--pennzoil-yellow) !important;
  background-image:
    radial-gradient(circle at 86% 20%, rgba(255,255,255,.38), transparent 24%),
    radial-gradient(circle at 10% 90%, rgba(228,0,43,.13), transparent 24%),
    linear-gradient(135deg, #ffd100 0%, #ffdf3d 52%, #f4ba00 100%) !important;
  border-top: 1px solid #111 !important;
  border-bottom: 4px solid #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .hero-copy.glass-card {
  background: rgba(255,255,255,.94) !important;
  border: 0 !important;
  box-shadow: 12px 12px 0 rgba(17,17,17,.12), 0 24px 54px rgba(17,17,17,.18) !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .hero-copy h1,
body.pennzoil-theme.mobil-mays-layout.home-page .hero-copy h1 span {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .hero-copy h1 {
  max-width: 680px !important;
  margin-bottom: 22px !important;
  font-size: clamp(2.25rem, 4vw, 3.4rem) !important;
  line-height: .98 !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .hero-copy h1 span {
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .hero-copy p,
body.pennzoil-theme.mobil-mays-layout.home-page .homepage-hook-points li {
  color: #292929 !important;
  -webkit-text-fill-color: #292929 !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .home-overview-section.mobil-explore-section,
body.pennzoil-theme.mobil-mays-layout.home-page .mobil-explore-section {
  background: linear-gradient(180deg, #151515 0%, #050505 100%) !important;
  border-top: 5px solid var(--pennzoil-yellow) !important;
  border-bottom: 5px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-explore-section .explore-mobil-intro h2 {
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-explore-section .explore-mobil-intro h2::after {
  background: var(--pennzoil-red) !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-explore-section .explore-mobil-intro p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-overview-card,
body.pennzoil-theme.mobil-mays-layout.home-page .home-overview-card {
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 8px 8px 0 rgba(255,209,0,.18), 0 16px 36px rgba(0,0,0,.2) !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-overview-card::before {
  height: 1px !important;
  background: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-overview-card h3 {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-overview-card p {
  color: #343434 !important;
  -webkit-text-fill-color: #343434 !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-home-nav-btn,
body.pennzoil-theme.mobil-mays-layout.home-page .mobil-overview-card .mobil-standard-btn {
  background: #111 !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.home-page .mobil-home-nav-btn:hover,
body.pennzoil-theme.mobil-mays-layout.home-page .mobil-overview-card .mobil-standard-btn:hover {
  background: var(--pennzoil-red) !important;
  border-color: var(--pennzoil-yellow) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.pennzoil-theme.mobil-mays-layout .hero-copy.glass-card,
body.pennzoil-theme.mobil-mays-layout .home-overview-card,
body.pennzoil-theme.mobil-mays-layout .why-card,
body.pennzoil-theme.mobil-mays-layout .location-card,
body.pennzoil-theme.mobil-mays-layout .marysville-card,
body.pennzoil-theme.mobil-mays-layout .marysville-offer-card,
body.pennzoil-theme.mobil-mays-layout .coupon-card,
body.pennzoil-theme.mobil-mays-layout .why-factory-card,
body.pennzoil-theme.mobil-mays-layout .why-product-card,
body.pennzoil-theme.mobil-mays-layout .services-panel,
body.pennzoil-theme.mobil-mays-layout .full-service-summary,
body.pennzoil-theme.mobil-mays-layout .location-hours,
body.pennzoil-theme.mobil-mays-layout .marysville-gallery-item {
  border: 1px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.services-page .mobil-services-format .services-panel .service-list-detailed > li,
body.pennzoil-theme.services-page .mobil-services-format .full-service-checklist > li {
  border: 1px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.locations-page .location-grid > #lima.location-card,
body.pennzoil-theme.locations-page .location-grid > #findlay-sandusky.location-card,
body.pennzoil-theme.locations-page .location-grid > #findlay-tiffin.location-card {
  border: 1px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.locations-page .location-card-bottom-edge {
  height: 1px !important;
  min-height: 1px !important;
  background: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.locations-page .location-grid .location-card::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: var(--pennzoil-yellow) !important;
  background-image: none !important;
  opacity: 1 !important;
}

body.pennzoil-theme.mobil-mays-layout .mobil-overview-card::before,
body.pennzoil-theme.mobil-mays-layout .why-card::before,
body.pennzoil-theme.mobil-mays-layout .services-panel::before,
body.pennzoil-theme.mobil-mays-layout .coupon-card::before {
  height: 1px !important;
  background: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout .btn,
body.pennzoil-theme.mobil-mays-layout .overview-btn,
body.pennzoil-theme.mobil-mays-layout .mobil-standard-btn,
body.pennzoil-theme.mobil-mays-layout .location-phone,
body.pennzoil-theme.mobil-mays-layout .marysville-outline-btn,
body.pennzoil-theme.mobil-mays-layout .coupon-print-btn {
  border: 1px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout .footer {
  color: #fff !important;
  background: linear-gradient(145deg, #151515 0%, #000 100%) !important;
  border-top: 5px solid var(--pennzoil-yellow) !important;
  box-shadow: 0 -10px 30px rgba(0,0,0,.18) !important;
}

body.pennzoil-theme.mobil-mays-layout .footer-nav {
  border-top: 1px solid rgba(255,209,0,.48) !important;
}

body.pennzoil-theme.mobil-mays-layout .footer .brand-wordmark,
body.pennzoil-theme.mobil-mays-layout .footer .pennzoil-brand-text,
body.pennzoil-theme.mobil-mays-layout .footer a,
body.pennzoil-theme.mobil-mays-layout .footer p,
body.pennzoil-theme.mobil-mays-layout .footer-meta {
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
}

body.pennzoil-theme.mobil-mays-layout .footer-nav a:hover,
body.pennzoil-theme.mobil-mays-layout .footer-nav a[aria-current="page"] {
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout #back-to-top {
  background: var(--pennzoil-yellow) !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

@media (max-width: 1080px) {
  body.pennzoil-theme .site-header .brand-wordmark,
  body.pennzoil-theme .site-header .pennzoil-brand-text {
    font-size: clamp(2.25rem, 4.7vw, 3.5rem) !important;
  }
}

@media (max-width: 760px) {
  body.pennzoil-theme .site-header .brand-wordmark,
  body.pennzoil-theme .site-header .pennzoil-brand-text {
    max-width: 225px !important;
    font-size: 1.42rem !important;
    line-height: .82 !important;
    white-space: normal !important;
  }

  body.pennzoil-theme.mobil-mays-layout.home-page .hero-copy h1 {
    font-size: clamp(1.85rem, 8.4vw, 2.45rem) !important;
    line-height: .98 !important;
  }
}

/* Locations page — compact shared layout with the Pennzoil palette. */
body.pennzoil-theme.mobil-mays-layout.locations-page,
body.pennzoil-theme.mobil-mays-layout.locations-page main {
  color: #111 !important;
  background: #050505 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .mobil-page-hero {
  min-height: 0 !important;
  padding: 22px 0 18px !important;
  color: #111 !important;
  background-color: var(--pennzoil-yellow) !important;
  background-image:
    linear-gradient(90deg, rgba(255,209,0,.96), rgba(255,226,72,.9)),
    url('assets/pennzoil-logo.png') !important;
  background-position: center, right -50px center !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(38vw, 420px) auto !important;
  border-top: 1px solid #111 !important;
  border-bottom: 4px solid #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .mobil-page-hero-inner {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .mobil-page-hero h1 {
  margin: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .mobil-page-hero p {
  margin: 7px auto 0 !important;
  padding: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .mobil-page-content,
body.pennzoil-theme.mobil-mays-layout.locations-page .locations-standalone-page {
  padding-top: 34px !important;
  padding-bottom: 56px !important;
  background: linear-gradient(180deg, #151515 0%, #050505 100%) !important;
  border-top: 5px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .locations-section.mobil-locations-format {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .locations-intro-head {
  margin-bottom: 24px !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .locations-intro-head h2 {
  margin-top: 0 !important;
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .locations-intro-head p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid > .location-card {
  color: #111 !important;
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 8px 8px 0 rgba(255,209,0,.18), 0 16px 36px rgba(0,0,0,.22) !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-photo {
  border-bottom: 1px solid var(--pennzoil-yellow) !important;
  background: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-label {
  align-self: flex-start !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-content h3,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-content h3 a,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-hours h4,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .hours-row strong,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-review-link strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-content > p,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .hours-row span {
  color: #343434 !important;
  -webkit-text-fill-color: #343434 !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-review-link {
  color: #111 !important;
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .review-stars {
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-hours {
  background: #fff7cf !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: none !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .hours-row {
  border-top-color: rgba(17,17,17,.12) !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .text-link {
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-card-bottom-edge {
  height: 1px !important;
  min-height: 1px !important;
  background: var(--pennzoil-yellow) !important;
}

@media (max-width: 760px) {
  body.pennzoil-theme.mobil-mays-layout.locations-page .mobil-page-hero {
    padding: 16px 0 14px !important;
    background-size: cover, 78vw auto !important;
  }

  body.pennzoil-theme.mobil-mays-layout.locations-page .mobil-page-content,
  body.pennzoil-theme.mobil-mays-layout.locations-page .locations-standalone-page {
    padding-top: 26px !important;
    padding-bottom: 44px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.locations-page .locations-intro-head {
    margin-bottom: 20px !important;
  }
}

/* Final locations-card frame: one thin yellow outline with no offset yellow edge. */
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid > #lima.location-card,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid > #findlay-sandusky.location-card,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid > #findlay-tiffin.location-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  border-bottom: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid {
  grid-auto-rows: 1fr !important;
}

body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid > .location-card::after,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid > .location-card > .location-card-bottom-edge {
  display: none !important;
  content: none !important;
}

body.pennzoil-theme .location-review-link .review-source,
body.pennzoil-theme.mobil-mays-layout.locations-page .location-grid .location-review-link .review-source {
  color: #343434 !important;
  -webkit-text-fill-color: #343434 !important;
  font-size: .93rem !important;
}

/* East Sandusky Street location page — shared Pennzoil page system. */
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page,
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page main {
  color: #111 !important;
  background: #050505 !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .mobil-page-hero {
  min-height: 0 !important;
  padding: 22px 0 18px !important;
  color: #111 !important;
  background-color: var(--pennzoil-yellow) !important;
  background-image:
    linear-gradient(90deg, rgba(255,209,0,.96), rgba(255,226,72,.9)),
    url('assets/pennzoil-logo.png') !important;
  background-position: center, right -50px center !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(38vw, 420px) auto !important;
  border-top: 1px solid #111 !important;
  border-bottom: 4px solid #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .mobil-page-hero-inner {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-align: center !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .mobil-page-hero h1 {
  max-width: 100% !important;
  margin: 0 auto !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: clamp(3rem, 6vw, 5.2rem) !important;
  line-height: .94 !important;
  white-space: normal !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-hero-details {
  margin: 8px auto 0 !important;
  padding: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  justify-items: center !important;
  text-align: center !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-hero-details span {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-page-content {
  padding-top: 34px !important;
  padding-bottom: 56px !important;
  background: linear-gradient(180deg, #151515 0%, #050505 100%) !important;
  border-top: 5px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-location-content {
  gap: 24px !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-back-link {
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-intro-head {
  margin-bottom: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-intro-head h2 {
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-intro-head p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-gallery {
  grid-template-columns: minmax(0, 1.333fr) minmax(0, .827fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-gallery-item {
  grid-column: auto !important;
  height: 100% !important;
  background: #111 !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-card,
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card {
  color: #111 !important;
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-eyebrow {
  display: block !important;
  width: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-card h2,
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-card h3,
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card h2,
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card h3 {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-card p:not(.marysville-eyebrow),
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card p:not(.marysville-eyebrow),
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-visit-card address {
  color: #343434 !important;
  -webkit-text-fill-color: #343434 !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-hours-card .location-hours {
  background: #fff7cf !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: none !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-hours-card .location-hours::after {
  opacity: .06 !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-hours-card .hours-row,
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-hours-card .hours-row span,
body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-hours-card .hours-row strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  border-top-color: rgba(17,17,17,.12) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-review-link {
  color: #111 !important;
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-review-link .review-stars {
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card {
  display: grid !important;
  grid-template-columns: minmax(150px, 210px) minmax(0, 1fr) auto !important;
  grid-template-areas: "logo copy action" !important;
  align-items: center !important;
  gap: 26px !important;
  padding: 30px !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-mays-logo-wrap {
  grid-area: logo !important;
  width: 100% !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-mays-logo {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-copy {
  grid-area: copy !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card .marysville-offer-heading {
  max-width: none !important;
  margin: 0 0 12px !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-size: clamp(2.15rem, 3.6vw, 3.2rem) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card .btn {
  grid-area: action !important;
  justify-self: end !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .text-link {
  color: var(--pennzoil-red) !important;
  -webkit-text-fill-color: var(--pennzoil-red) !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-quick-links {
  grid-template-columns: 1fr !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-quick-card {
  min-height: 0 !important;
}

@media (max-width: 900px) {
  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "logo"
      "copy"
      "action" !important;
  }

  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-mays-logo-wrap {
    width: min(100%, 230px) !important;
  }

  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card .btn {
    justify-self: start !important;
  }
}

@media (max-width: 760px) {
  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .mobil-page-hero {
    padding: 16px 0 14px !important;
    background-size: cover, 78vw auto !important;
  }

  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .mobil-page-hero h1 {
    font-size: clamp(2.25rem, 10.5vw, 3.35rem) !important;
    white-space: normal !important;
  }

  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-page-content {
    padding-top: 26px !important;
    padding-bottom: 44px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-gallery {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-gallery-item img {
    height: auto !important;
    object-fit: contain !important;
  }

  body.pennzoil-theme.mobil-mays-layout.findlay-sandusky-page .marysville-offer-card {
    gap: 18px !important;
    padding: 22px !important;
  }
}

/* Tiffin Avenue gallery uses the shared location-page design with three photos. */
body.pennzoil-theme.mobil-mays-layout.findlay-tiffin-page .marysville-gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-tiffin-page .tiffin-gallery-wide {
  grid-column: 1 / -1 !important;
  aspect-ratio: 16 / 9 !important;
}

body.pennzoil-theme.mobil-mays-layout.findlay-tiffin-page .tiffin-gallery-half {
  grid-column: auto !important;
  aspect-ratio: 16 / 9 !important;
}

/* Lima uses the same three-photo location-page format as Tiffin Avenue. */
body.pennzoil-theme.mobil-mays-layout.lima-page .marysville-gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.pennzoil-theme.mobil-mays-layout.lima-page .lima-gallery-wide {
  grid-column: 1 / -1 !important;
  aspect-ratio: 16 / 9 !important;
}

body.pennzoil-theme.mobil-mays-layout.lima-page .lima-gallery-half {
  grid-column: auto !important;
  aspect-ratio: 16 / 9 !important;
}

@media (max-width: 760px) {
  body.pennzoil-theme.mobil-mays-layout.findlay-tiffin-page .marysville-gallery {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.findlay-tiffin-page .tiffin-gallery-wide,
  body.pennzoil-theme.mobil-mays-layout.findlay-tiffin-page .tiffin-gallery-half {
    grid-column: auto !important;
    aspect-ratio: auto !important;
  }

  body.pennzoil-theme.mobil-mays-layout.lima-page .marysville-gallery {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.lima-page .lima-gallery-wide,
  body.pennzoil-theme.mobil-mays-layout.lima-page .lima-gallery-half {
    grid-column: auto !important;
    aspect-ratio: auto !important;
  }
}

/* Coupons page — compact shared layout with Pennzoil coupon artwork. */
body.pennzoil-theme.mobil-mays-layout.coupons-page,
body.pennzoil-theme.mobil-mays-layout.coupons-page main {
  color: #111 !important;
  background: #050505 !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .mobil-page-hero {
  min-height: 0 !important;
  padding: 22px 0 18px !important;
  color: #111 !important;
  background-color: var(--pennzoil-yellow) !important;
  background-image:
    linear-gradient(90deg, rgba(255,209,0,.96), rgba(255,226,72,.9)),
    url('assets/pennzoil-logo.png') !important;
  background-position: center, right -50px center !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(38vw, 420px) auto !important;
  border-top: 1px solid #111 !important;
  border-bottom: 4px solid #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .mobil-page-hero-inner {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-align: center !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .mobil-page-hero h1 {
  margin: 0 auto !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .mobil-page-hero p {
  margin: 7px auto 0 !important;
  padding: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  text-align: center !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .mobil-page-content {
  padding-top: 34px !important;
  padding-bottom: 56px !important;
  background: linear-gradient(180deg, #151515 0%, #050505 100%) !important;
  border-top: 5px solid var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupons-section.mobil-coupons-format {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupons-intro-head {
  margin-bottom: 24px !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupons-intro-head h2 {
  margin-top: 0 !important;
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupons-intro-head p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-grid {
  gap: 24px !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-card-image {
  padding: 8px !important;
  background: #fff !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-image-horizontal {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  border-radius: 0 !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-crop {
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-crop-top {
  aspect-ratio: 1536 / 518 !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-crop-bottom {
  aspect-ratio: 1536 / 491 !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-crop-bottom .coupon-image-horizontal {
  transform: translateY(-52.05078125%) !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-actions {
  padding: 14px 4px 4px !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-print-btn {
  background: #111 !important;
  border: 1px solid var(--pennzoil-yellow) !important;
  color: var(--pennzoil-yellow) !important;
  -webkit-text-fill-color: var(--pennzoil-yellow) !important;
  box-shadow: none !important;
}

body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-print-btn:hover {
  background: var(--pennzoil-red) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (max-width: 760px) {
  body.pennzoil-theme.mobil-mays-layout.coupons-page .mobil-page-hero {
    padding: 16px 0 14px !important;
    background-size: cover, 78vw auto !important;
  }

  body.pennzoil-theme.mobil-mays-layout.coupons-page .mobil-page-content {
    padding-top: 26px !important;
    padding-bottom: 44px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.coupons-page .coupons-intro-head {
    margin-bottom: 20px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-card-image {
    padding: 5px !important;
    border-radius: 12px !important;
  }

  body.pennzoil-theme.mobil-mays-layout.coupons-page .coupon-crop {
    border-radius: 8px !important;
  }
}

@media print {
  body.coupons-page .site-header,
  body.coupons-page .mobil-page-hero,
  body.coupons-page .coupons-intro-head,
  body.coupons-page .coupon-actions,
  body.coupons-page .footer {
    display: none !important;
  }

  body.coupons-page,
  body.coupons-page main,
  body.coupons-page .mobil-page-content,
  body.coupons-page .coupons-section,
  body.coupons-page .coupon-card-image {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.coupons-page .coupon-image-horizontal {
    width: 100% !important;
    max-height: 7.3in !important;
    object-fit: contain !important;
  }

  body.coupons-page .coupon-crop .coupon-image-horizontal {
    max-height: none !important;
  }

  body.coupons-page.printing-single-coupon .coupon-card-image:not(.print-selected-coupon) {
    display: none !important;
  }
}

/* Branded recovery page for broken or mistyped links. */
body.pennzoil-theme.mobil-mays-layout.error-page .mobil-page-content {
  min-height: 48vh !important;
}

body.pennzoil-theme.mobil-mays-layout.error-page .error-card {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: clamp(26px, 5vw, 48px) !important;
  text-align: center !important;
}

body.pennzoil-theme.mobil-mays-layout.error-page .error-card h2 {
  margin-top: 0 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

body.pennzoil-theme.mobil-mays-layout.error-page .error-card p {
  color: #343434 !important;
  -webkit-text-fill-color: #343434 !important;
}

body.pennzoil-theme.mobil-mays-layout.error-page .error-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 24px !important;
}