/* Version 150 — match the site's established Pegasus card watermark treatment. */
body.marysville-page .marysville-card,
body.marysville-page .marysville-offer-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body.marysville-page .marysville-card:not(.marysville-hours-card)::after,
body.marysville-page .marysville-offer-card::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: -4% !important;
  bottom: -7% !important;
  width: min(78%, 380px) !important;
  height: 76% !important;
  border-radius: 0 !important;
  background: url('assets/pennzoil-logo.png') right bottom / contain no-repeat !important;
  opacity: .13 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.marysville-page .marysville-card > *,
body.marysville-page .marysville-offer-card > * {
  position: relative;
  z-index: 1;
}

/* Keep the watermark visible inside the hours panel instead of behind its blue surface. */
body.marysville-page .marysville-hours-card .location-hours {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body.marysville-page .marysville-hours-card .location-hours::after {
  content: "";
  position: absolute;
  right: -6%;
  bottom: -7%;
  width: 74%;
  height: 72%;
  background: url('assets/pennzoil-logo.png') right bottom / contain no-repeat;
  opacity: .13;
  pointer-events: none;
  z-index: 0;
}

body.marysville-page .marysville-hours-card .hours-row {
  position: relative;
  z-index: 1;
}

@media (max-width: 760px) {
  body.marysville-page .marysville-card:not(.marysville-hours-card)::after,
  body.marysville-page .marysville-offer-card::after {
    right: -6% !important;
    bottom: -5% !important;
    width: 68% !important;
    height: 65% !important;
    opacity: .11 !important;
  }

  body.marysville-page .marysville-hours-card .location-hours::after {
    right: -6%;
    bottom: -5%;
    width: 68%;
    height: 65%;
    opacity: .11;
  }
}