/* SmartShopper 10.23.05 — separate, predictable banner art for desktop and mobile. */
.hero-section .ss-live-hero-slide.has-full-banner-image::before {
  background-image: var(--banner-image-desktop, var(--banner-image)) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 760px) {
  .hero-section .ss-live-hero-slide.has-full-banner-image::before {
    background-image: var(--banner-image-mobile, var(--banner-image-desktop, var(--banner-image))) !important;
    background-position: center !important;
  }
}