/* ========================= Testimonials Title ========================== */

.Testimonials-title {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin: 80px 0px 0px;
}

@media (max-width: 768px) {
  .Testimonials-title {
    grid-template-columns: 1fr;
    gap: 80px;
  }
}

.Testimonials-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  margin: 80px 0px 0px;
}

/* Перша картка займає 2 колонки */
.Testimonials-grid>.testimonial-card.testimonial--first {
  grid-column: span 2;
}

.Testimonials-grid>.testimonial-card.testimonial--first .responsive-image {
  width: 100%;
}

/* --- Мобільний вигляд (Горизонтальний скрол) --- */
@media (max-width: 767px) {
  /* Або інший брейкпоінт */

  .Testimonials-title {
    /* Адаптуємо заголовок */
    flex-direction: column;
    align-items: center;
    text-align: left;
    margin: 40px 0px 0px;
    gap: 32px;
  }

  .Testimonials-title h1,
  .Testimonials-title p {
    flex-basis: auto;
  }

  .Testimonials-grid {
    display: flex;
    width: 100%;
    grid-template-columns: none;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 15px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 12px 0;
    scroll-padding: 0 0 0 0;
    max-width: none;
    margin-right: -16px;
  }

}