/* Mehrabi Bike V9.1 — ONLY the promotional offer banner. Existing sliders stay intact. */
body.mb-site .mb9-offer-frame::before {
  background-color: #e91824;
  background-image: url('./bg-desktop.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: none;
}
body.mb-site .mb9-offer-frame::after {
  background: linear-gradient(180deg, rgba(250,39,53,.13), transparent);
}
body.mb-site .mb9-offer-side {
  isolation: isolate;
  overflow: visible;
  padding-right: 148px;
  padding-left: 6px;
}
body.mb-site .mb9-offer-side > :not(.mb9-offer-character) {
  position: relative;
  z-index: 3;
}
body.mb-site .mb9-offer-side::before { display: none; }
body.mb-site .mb9-offer-side h2 {font-size: 37px!important;white-space: nowrap;}
body.mb-site .mb9-offer-label {color: rgba(255,255,255,.88);}
body.mb-site .mb9-offer-brand {color: #fff; white-space: nowrap;}
body.mb-site .mb9-offer-controls {width: max-content;max-width:100%;}
body.mb-site .mb9-offer-character {
  position: absolute;
  z-index: 2;
  right: -6px;
  top: 36px;
  bottom: auto;
  display: block;
  width: min(209px,64%);
  height: auto;
  max-height: 405px;
  object-fit: contain;
  object-position: bottom center;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 9px 10px rgba(69,16,20,.18));
}
body.mb-site .mb9-bike-art {display:none!important;}
body.mb-site .mb9-offer-side .mb9-offer-all {z-index:4;}
@media (min-width: 731px) and (max-width: 1150px) {
  body.mb-site .mb9-offer-side {padding-right: 125px;padding-left: 1px;}
  body.mb-site .mb9-offer-side h2 {font-size:30px!important;}
  body.mb-site .mb9-offer-character {width: min(190px,65%);right:-13px;top:51px;}
  body.mb-site .mb9-offer-brand {font-size:14px;}
}
@media (max-width: 730px) {
  body.mb-site .mb9-offer-frame::before {
    background-image: url('./bg-mobile.jpg');
    background-position: center top;
    background-size: cover;
  }
  body.mb-site .mb9-offer-side {
    padding: 17px 140px 0 16px;
    height: 220px;
    overflow: visible;
  }
  body.mb-site .mb9-offer-side h2 {font-size:28px!important;}
  body.mb-site .mb9-offer-character {width: 137px;right:0;top:20px;max-height: 248px;}
  body.mb-site .mb9-offer-controls {margin-top:10px;}
  body.mb-site .mb9-offer-all {position:absolute;right:139px;bottom:12px;margin:0;white-space:nowrap;}
}
@media (max-width: 390px) {
  body.mb-site .mb9-offer-side {padding-right:124px;}
  body.mb-site .mb9-offer-character {width:126px;top:23px;}
  body.mb-site .mb9-offer-all {right:124px;}
}