/* =========================================================
   Roadeo Hero Car Slider v2.9.2
   Keeps existing hero content/background/colors.
   Fixes autoplay presentation + trims excessive hero spacing.
========================================================= */

/* Compact the SAME hero, without replacing its background/content. */
#roadeo-v9 .rd9-hero.rd28-centered{
  min-height:690px !important;
  padding-top:18px !important;
}

#roadeo-v9 .rd9-hero.rd28-centered .rd9-hero-inner{
  min-height:665px !important;
}

#roadeo-v9 .rd9-hero.rd28-centered .rd9-hero-copy{
  padding-top:0 !important;
}

#roadeo-v9 .rd9-hero.rd28-centered .rd9-hero-copy h1{
  margin-top:8px !important;
  margin-bottom:8px !important;
}

#roadeo-v9 .rd9-hero.rd28-centered .rd9-hero-actions{
  margin-top:13px !important;
}

/* Slider stage occupies less vertical space and sits closer to the copy. */
#roadeo-v9 .rd28-centered .rd29-slider-scene{
  pointer-events:auto !important;
  overflow:visible !important;
  height:330px !important;
  bottom:0 !important;
}

#roadeo-v9 .rd29-car-slider{
  position:absolute;
  inset:0;
  z-index:40;
  display:block;
  pointer-events:auto;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}

#roadeo-v9 .rd29-car-slides{
  position:absolute;
  left:50%;
  bottom:0;
  width:min(780px,74vw);
  height:280px;
  transform:translateX(-50%);
}

#roadeo-v9 .rd29-car-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  visibility:hidden;
  transform:translateX(36px) scale(.982);
  transition:opacity .62s ease, transform .72s cubic-bezier(.2,.72,.25,1), visibility .62s;
  pointer-events:none;
  will-change:opacity,transform;
}

#roadeo-v9 .rd29-car-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:translateX(0) scale(1);
  pointer-events:auto;
}

#roadeo-v9 .rd29-car-slide.is-leaving-left{
  opacity:0;
  transform:translateX(-36px) scale(.982);
}

#roadeo-v9 .rd29-car-slide.is-entering-left{
  transform:translateX(-36px) scale(.982);
}

#roadeo-v9 .rd29-car-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 24px 22px rgba(5,53,101,.23));
  -webkit-user-drag:none;
  pointer-events:none;
}

#roadeo-v9 .rd29-car-slides::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:7px;
  width:70%;
  height:64px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(42,169,223,.26),rgba(42,169,223,.045) 54%,transparent 75%);
  filter:blur(16px);
  z-index:-1;
  pointer-events:none;
}

#roadeo-v9 .rd29-slider-arrow{
  position:absolute;
  z-index:60;
  top:50%;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(6,57,111,.14);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#06396f;
  font:700 36px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 9px 26px rgba(4,42,79,.13);
  transform:translateY(-50%);
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

#roadeo-v9 .rd29-slider-prev{left:10%;}
#roadeo-v9 .rd29-slider-next{right:10%;}

#roadeo-v9 .rd29-slider-arrow:hover,
#roadeo-v9 .rd29-slider-arrow:focus-visible{
  background:#06396f;
  color:#fff;
  transform:translateY(-50%) scale(1.05);
  box-shadow:0 12px 28px rgba(4,42,79,.21);
  outline:none;
}

#roadeo-v9 .rd29-slider-dots{
  position:absolute;
  z-index:62;
  left:50%;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  transform:translateX(-50%);
  pointer-events:auto;
}

#roadeo-v9 .rd29-slider-dot{
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(6,57,111,.28);
  cursor:pointer;
  transition:width .25s ease,background .25s ease,transform .25s ease;
}

#roadeo-v9 .rd29-slider-dot.is-active{
  width:30px;
  background:#f53238;
}

#roadeo-v9 .rd29-slider-dot:focus-visible{
  outline:2px solid #06396f;
  outline-offset:3px;
}

/* Keep price badges within the newly compact hero. */
#roadeo-v9 .rd28-centered .rd9-hero-price-left{
  bottom:82px !important;
}
#roadeo-v9 .rd28-centered .rd9-hero-price-right{
  bottom:150px !important;
}

@media (max-width:1100px){
  #roadeo-v9 .rd9-hero.rd28-centered{
    min-height:670px !important;
    padding-top:16px !important;
  }
  #roadeo-v9 .rd9-hero.rd28-centered .rd9-hero-inner{
    min-height:645px !important;
  }
  #roadeo-v9 .rd28-centered .rd29-slider-scene{
    height:315px !important;
  }
  #roadeo-v9 .rd29-car-slides{
    width:min(700px,82vw);
    height:255px;
  }
  #roadeo-v9 .rd29-slider-prev{left:5%;}
  #roadeo-v9 .rd29-slider-next{right:5%;}
}

@media (max-width:767px){
  #roadeo-v9 .rd9-hero.rd28-centered{
    min-height:610px !important;
    padding-top:14px !important;
  }
  #roadeo-v9 .rd9-hero.rd28-centered .rd9-hero-inner{
    min-height:585px !important;
  }
  #roadeo-v9 .rd9-hero.rd28-centered .rd9-hero-copy h1{
    margin-top:6px !important;
  }
  #roadeo-v9 .rd28-centered .rd29-slider-scene{
    height:245px !important;
    bottom:4px !important;
  }
  #roadeo-v9 .rd29-car-slides{
    width:94vw;
    height:198px;
    bottom:5px;
  }
  #roadeo-v9 .rd29-slider-arrow{
    top:50%;
    width:38px;
    height:38px;
    font-size:29px;
    background:rgba(255,255,255,.95);
  }
  #roadeo-v9 .rd29-slider-prev{left:7px;}
  #roadeo-v9 .rd29-slider-next{right:7px;}
  #roadeo-v9 .rd29-slider-dots{bottom:4px;}
  #roadeo-v9 .rd28-centered .rd9-hero-price-left{
    bottom:54px !important;
  }
  #roadeo-v9 .rd28-centered .rd9-hero-price-right{
    bottom:108px !important;
  }
}

@media (max-width:480px){
  #roadeo-v9 .rd9-hero.rd28-centered{
    min-height:585px !important;
    padding-top:10px !important;
  }
  #roadeo-v9 .rd9-hero.rd28-centered .rd9-hero-inner{
    min-height:565px !important;
  }
  #roadeo-v9 .rd28-centered .rd29-slider-scene{
    height:220px !important;
  }
  #roadeo-v9 .rd29-car-slides{
    width:96vw;
    height:178px;
  }
}

/* User requested forced autoplay. Keep transition even under reduced-motion. */
#roadeo-v9 .rd292-autoplay-forced .rd29-car-slide{
  animation-play-state:running !important;
}