/* 6.1.6 — brighter photography, three reviews and roomier symptoms */

/* Popular services ------------------------------------------------------- */
.motul-v62 .v61-service-grid .service-card {
  border-color: #34414a;
  background: #11191e;
}

.motul-v62 .v61-service-grid .service-card > img {
  filter: brightness(1.12) saturate(1.08) contrast(1.02);
}

.motul-v62 .v61-service-grid .service-card__shade {
  background: linear-gradient(180deg, rgba(5, 8, 10, 0) 12%, rgba(5, 8, 10, .08) 42%, rgba(5, 8, 10, .82) 100%);
}

.motul-v62 .v61-service-grid .service-card:nth-child(1) > img { object-position: center 48%; }
.motul-v62 .v61-service-grid .service-card:nth-child(2) > img { object-position: center 50%; }
.motul-v62 .v61-service-grid .service-card:nth-child(3) > img { object-position: center 48%; }
.motul-v62 .v61-service-grid .service-card:nth-child(4) > img { object-position: center 50%; }
.motul-v62 .v61-service-grid .service-card:nth-child(5) > img { object-position: center 48%; }
.motul-v62 .v61-service-grid .service-card:nth-child(6) > img { object-position: center 52%; }

@media (hover: hover) and (pointer: fine) {
  .motul-v62 .v61-service-grid .service-card:hover > img,
  .motul-v62 .v61-service-grid .service-card:focus-visible > img {
    filter: brightness(1.18) saturate(1.12) contrast(1.03);
  }
}

/* Offers ---------------------------------------------------------------- */
.motul-v62 .v61-offer-grid .offer-card {
  border-color: #34414a;
  background: #11191e;
}

.motul-v62 .v61-offer-grid .offer-card__image {
  filter: brightness(1.08) saturate(1.07) contrast(1.02);
}

.motul-v62 .v61-offer-grid .offer-card__shade {
  background: linear-gradient(180deg, rgba(5, 8, 10, 0) 8%, rgba(5, 8, 10, .10) 42%, rgba(5, 8, 10, .84) 100%);
}

.motul-v62 .v61-offer-grid .offer-card:nth-child(1) .offer-card__image { object-position: center 52%; }
.motul-v62 .v61-offer-grid .offer-card:nth-child(2) .offer-card__image { object-position: center 50%; }
.motul-v62 .v61-offer-grid .offer-card:nth-child(3) .offer-card__image { object-position: center 48%; }

@media (hover: hover) and (pointer: fine) {
  .motul-v62 .v61-offer-grid .offer-card:hover .offer-card__image {
    filter: brightness(1.14) saturate(1.12) contrast(1.03);
  }
}

/* Mazda ----------------------------------------------------------------- */
.motul-v62 .v61-mazda-card {
  background: #080c0f url('../img/mazda-panel-v616.webp') center center / cover no-repeat;
}

.motul-v62 .v61-mazda-card::before {
  background: linear-gradient(90deg, #080c0f 0%, rgba(8,12,15,.96) 40%, rgba(8,12,15,.54) 58%, rgba(8,12,15,.08) 79%, rgba(8,12,15,0) 100%);
}

@media (max-width: 900px) {
  .motul-v62 .v61-mazda-card {
    background: #080c0f;
  }

  .motul-v62 .v61-mazda-card__media {
    background: #080c0f url('../img/mazda-panel-v616.webp') 70% center / cover no-repeat;
  }
}

/* Reviews --------------------------------------------------------------- */
@media (min-width: 1161px) {
  .motul-v62 .v614-showcase__grid {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: 24px;
  }

  .motul-v62 .v614-showcase .v61-reviews-layout {
    grid-template-columns: 142px minmax(0, 1fr);
    gap: 14px;
  }

  .motul-v62 .v614-showcase .reviews-rating,
  .motul-v62 .v614-showcase .review-card {
    min-height: 350px;
  }

  .motul-v62 .v614-showcase .reviews-rating {
    padding: 20px 14px;
    gap: 14px;
  }

  .motul-v62 .v614-showcase .reviews-rating__star {
    width: 62px;
    height: 62px;
    font-size: 36px;
  }

  .motul-v62 .v614-showcase .reviews-rating strong {
    font-size: 18px;
  }

  .motul-v62 .v614-showcase .reviews-rating b {
    font-size: 25px;
  }

  .motul-v62 .v614-showcase .reviews-rating small,
  .motul-v62 .v614-showcase .reviews-rating em {
    font-size: 12px;
  }

  .motul-v62 .v614-showcase .reviews-carousel {
    padding-inline: 22px;
    padding-bottom: 30px;
  }

  .motul-v62 .v614-showcase .review-card {
    padding: 21px 18px 18px;
  }

  .motul-v62 .v614-showcase .review-card > strong {
    font-size: 17px;
  }

  .motul-v62 .v614-showcase .review-card__stars {
    margin-top: 11px;
    font-size: 15px;
  }

  .motul-v62 .v614-showcase .review-card p {
    margin: 15px 0 18px;
    font-size: 14px;
    line-height: 1.5;
  }

  .motul-v62 .v614-showcase .review-card time {
    font-size: 12px;
  }
}

@media (min-width: 1161px) and (max-width: 1260px) {
  .motul-v62 .v614-showcase__grid {
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  }
}

@media (max-width: 1160px) {
  .motul-v62 .v614-showcase__grid {
    grid-template-columns: 1fr;
  }
}

/* Symptoms -------------------------------------------------------------- */
.motul-v62 .v614-symptoms h2 {
  margin-bottom: 30px;
}

.motul-v62 .v614-symptoms .container {
  padding-top: 31px;
}

@media (max-width: 700px) {
  .motul-v62 .v614-symptoms h2 {
    margin-bottom: 22px;
  }

  .motul-v62 .v614-symptoms .container {
    padding-top: 20px;
  }
}