/* BUY CAR DV: responsive black/red hero, v1 */
.hero-final{
  background-color:#0b0d11!important;
  background-image:
    linear-gradient(90deg,rgba(8,9,13,.94) 0%,rgba(8,9,13,.77) 35%,rgba(8,9,13,.10) 78%),
    url("/v40-ui/assets/home/v2/01_hero_main.jpg")!important;
  background-size:100% 100%,cover!important;
  background-position:center,center!important;
}
.hero-final__trust{
  background:rgba(12,14,19,.96)!important;
  border-top:1px solid rgba(239,35,60,.35)!important;
}
.hero-final__primary{
  background:#ed1933!important;
  border-color:#ed1933!important;
}
@media (min-width:1025px){
  .hero-final{height:520px!important;min-height:520px!important}
}
@media (min-width:601px) and (max-width:1024px){
  .hero-final{
    height:auto!important;
    min-height:490px!important;
    background-size:100% 100%,cover!important;
    background-position:center,60% center!important;
  }
}
@media (max-width:600px){
  .hero-final{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    background-image:
      linear-gradient(180deg,rgba(8,9,13,.94) 0%,rgba(8,9,13,.83) 55%,rgba(8,9,13,.70) 100%),
      url("/v40-ui/assets/home/v2/01_hero_main.jpg")!important;
    background-size:100% 100%,auto 100%!important;
    background-position:center,65% center!important;
  }
  .hero-final__trust{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:12px!important;
    gap:8px!important;
  }
  .hero-final__trust-item{
    min-width:0!important;
  }
  .hero-final__trust-item strong,
  .hero-final__trust-item small{
    overflow-wrap:anywhere;
  }
}
@media (max-width:380px){
  .hero-final{
    background-position:center,62% center!important;
  }
  .hero-final__trust{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .hero-final__primary,
  .hero-final__secondary{
    max-width:100%;
    white-space:normal!important;
    text-align:center;
  }
}


/* Admin-controlled public hero image */
.hero-final.bcd-admin-hero-active {
  background-image:
    linear-gradient(90deg,rgba(8,9,13,.94) 0%,rgba(8,9,13,.77) 35%,rgba(8,9,13,.10) 78%),
    var(--bcd-admin-hero-image) !important;
}
@media (max-width:600px) {
  .hero-final.bcd-admin-hero-active {
    background-image:
      linear-gradient(180deg,rgba(8,9,13,.94) 0%,rgba(8,9,13,.83) 55%,rgba(8,9,13,.70) 100%),
      var(--bcd-admin-hero-image) !important;
  }
}