/* Van preview: shared recovery layout, with page-specific photography. */
.recovery-detail-section .van-collection-heading span {
  display: inline;
}

.recovery-detail-section .van-collection-heading {
  white-space: nowrap;
}

.van-guide-subheading {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .recovery-detail-section .van-collection-heading {
    font-size: 26px;
  }
}

.car-delivary-hero.recovery-hero {
  padding-bottom: 330px;
}

.car-delivary-hero.recovery-hero::before {
  background-image: linear-gradient(rgba(6, 30, 55, 0.76), rgba(6, 30, 55, 0.12)),
    url('/v3/van-transport-recovery/van-transporter-countryside.webp');
  background-position: center;
}

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

.recovery-benefit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dmm-chrome .recovery-company .cta-wrapper::before {
  background-image: url('/v3/cheap-car-recovery/tyre-pattern.avif'),
    linear-gradient(90deg, rgba(22, 35, 67, 0.98), rgba(22, 35, 67, 0.65)),
    url('/v3/van-transport-recovery/van-fleet.webp');
}

@media (max-width: 991px) {
  .recovery-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .car-delivary-hero.recovery-hero {
    padding-bottom: 170px;
    background-color: #16476b;
  }

  .car-delivary-hero.recovery-hero::before {
    background-color: #16476b;
    background-image: linear-gradient(rgba(6, 30, 55, 0.78), rgba(6, 30, 55, 0.68) 65%, rgba(6, 30, 55, 0.2)),
      url('/v3/van-transport-recovery/van-banner-mobile.avif');
    background-size: cover;
    background-position: 48% center;
    height: 100%;
    opacity: 1;
  }

  .recovery-hero .how-info-content {
    position: relative;
    z-index: 2;
  }

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

  .about-area-two.recovery-step-section {
    margin-top: -102px;
  }

  .recovery-benefit-grid {
    grid-template-columns: 1fr;
  }
}