/* EV page: shared location layout with an unobscured photographic banner. */
.car-delivary-hero::before { background: url('/v3/ev-car-transport/banner.webp') center bottom / cover no-repeat; opacity: 1; }
.car-delivary-hero::after { display: none; }
.car-delivary-hero .how-info-content h1, .car-delivary-hero .how-info-description p { color: #0d2443; opacity: 1; }
.car-delivary-hero .how-info-content h5 .delivery-speed-ring { color: #000; }
.car-delivary-hero .ev-photo-space { height: 320px; }
.covarage-list span { display: inline-block; padding: 12px 15px; border: 1px solid #ffffff99; border-radius: 8px; color: #fff; font-weight: 500; font-size: 14px; }
.profile-wrap .leicester-transporter-portrait { width: 45px; height: 45px; flex: 0 0 45px; border-radius: 50%; object-fit: cover; }
.benefit-right img { object-fit: cover; }
@media (max-width: 767px) {
 .car-delivary-hero { background: #c7dce4; }
 .car-delivary-hero::before { background: url('/v3/ev-car-transport/banner-mobile.webp') center calc(100% - 130px) / 100% auto no-repeat; }
 .car-delivary-hero .ev-photo-space { height: 270px; }
 .how-info-content h1 { font-size: 36px; overflow-wrap: anywhere; }
}

.car-delivary-hero.recovery-hero {
  padding: 85px 0 245px;
}

.car-delivary-hero.recovery-hero::before {
  background-image: linear-gradient(rgba(6, 30, 55, 0.52), rgba(6, 30, 55, 0.48)),
    url('/v3/ev-car-transport/banner.webp');
  background-position: center;
  background-size: cover;
}

.recovery-hero .how-info-content {
  margin-bottom: 0;
  max-width: 1100px;
}

.recovery-hero .how-info-content h1 span {
  display: inline;
}

/* Trust labels reuse the How It Works banner treatment. */
.recovery-hero .hero-trust-signals {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 24px;
  padding: 0;
  margin: 0 0 20px;
  color: #fff;
  list-style: none;
}

.recovery-hero .hero-trust-signals li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}

.recovery-hero .hero-trust-signals i {
  font-family: "Font Awesome 5 Pro";
  color: #ee7f1e;
  font-size: 14px;
}

.recovery-hero .hero-trust-signals span {
  color: #b8ddff;
}

.recovery-hero .hero-trust-signals .fa-truck::before {
  content: "\f0d1";
}

.recovery-hero .hero-trust-signals .fa-pound-sign::before {
  content: "\f154";
}

.recovery-hero .hero-trust-signals .fa-user-check::before {
  content: "\f4fc";
}

.recovery-hero .transporter-word-ring {
  display: inline-block;
  padding: 5px 12px;
  border: 2px solid #ee7f1e;
  border-radius: 50%;
  line-height: 1.25;
  white-space: nowrap;
}

.recovery-hero .how-info-description p {
  color: #fff;
  opacity: 1;
}

.recovery-hero .recovery-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 24px 0;
}

.recovery-actions .btn-common {
  width: auto;
  padding: 13px 20px;
  font-size: 16px;
}

.recovery-actions .how-works-button {
  background: rgba(6, 59, 102, 0.82);
  border: 1px solid #b8ddff;
  color: #fff;
}


.car-delivary-hero.recovery-hero { padding: 100px 0 245px; }
.car-delivary-hero.recovery-hero .how-info-content h1 { color: #fff; }
.car-delivary-hero.recovery-hero .how-info-content h1 span { color: #f58014; }
.car-delivary-hero.recovery-hero .how-info-description p { color: #fff; }
#ev-quote-form { scroll-margin-top: 90px; }
@media (max-width:767px) { .car-delivary-hero.recovery-hero { padding:65px 0 220px; } .car-delivary-hero.recovery-hero::before { background-image:linear-gradient(rgba(6,30,55,.52),rgba(6,30,55,.48)),url(/v3/ev-car-transport/banner-mobile.webp); background-size:cover; background-position:center bottom; } .recovery-hero .recovery-actions { flex-wrap:wrap; } }

/* Keep the desktop cars clear of the quote form; mobile remains unchanged. */
@media (min-width: 768px) {
 .car-delivary-hero.recovery-hero { padding: 45px 0 330px; }
 .car-delivary-hero.recovery-hero::before { background-position: center 85%; }
 #ev-quote-form.service-quote-area { margin-top: -95px; position: relative; z-index: 2; }
}

/* Subtle desktop transition beneath the vehicles. */
@media (min-width:768px) { .car-delivary-hero.recovery-hero::after { display:block; content:""; position:absolute; left:0; right:0; bottom:0; top:auto; height:70px; background:linear-gradient(to bottom,rgba(245,248,247,0),#f5f8f7); pointer-events:none; } }

/* Move only the desktop hero copy, without changing document flow. */
@media (min-width: 992px) { .car-delivary-hero.recovery-hero .how-info-content { position: relative; top: 65px; } }