/* Slider & banner overlay controls - generated from theme panel settings. */
.mars-slide__overlay{background:var(--slide-gradient)!important}
.mars-slide--gradient-off .mars-slide__overlay{display:none!important}
.mars-home-banner:before{background:var(--banner-gradient)!important}
.mars-home-banner--gradient-off:before{display:none!important}

/* v1.6.9.8 - desktop and mobile banner artwork are fully independent. */
.mars-home-banner{background-image:none!important;background-color:#fff!important}
.mars-home-banner__desktop-media{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:var(--banner-desktop-fit,fill)!important;object-position:var(--banner-position,center center)!important;z-index:0!important}
.mars-home-banner__mobile-media,.mars-slide__mobile-probe{display:none!important}
.mars-home-banner:before{z-index:1!important}
.mars-home-banner span{z-index:2!important}

@media(max-width:700px){
  /* Slider mobile artwork uses its own natural aspect ratio and is never edge-cropped. */
  .mars-home-slider{height:auto!important;aspect-ratio:var(--mars-slider-mobile-ratio,2 / 1)!important;background:#fff}
  .mars-slide{background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important}

  /* Mobile banner uses ONLY the uploaded mobile image. Its width is 100% and height follows the image ratio. */
  .mars-home-banner{height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:block!important;position:relative!important}
  .mars-home-banner__desktop-media{display:none!important}
  .mars-home-banner__mobile-media{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;z-index:0!important}
  .mars-home-banner:before{z-index:1!important}
  .mars-home-banner span{position:absolute!important;z-index:2!important;top:0!important;bottom:0!important;height:auto!important}
  .mars-home-banner--center span{left:0!important;right:0!important;margin:auto!important}
  .mars-home-banner--right span{right:0!important;left:auto!important}
  .mars-home-banner--left span{left:0!important;right:auto!important}
}