.testimonials-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-6);
}

@media (min-width: 768px) {
  .testimonials-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.testimonial-card {
  padding: var(--sp-8);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.rating-stars {
  display: flex;
  gap: 4px;
  color: var(--clr-gold);
  margin-bottom: var(--sp-4);
}

.rating-stars svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.testimonial-quote {
  font-size: var(--fs-base);
  line-height: var(--lh-snug);
  color: var(--clr-text);
  margin-bottom: var(--sp-6);
  font-style: italic;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-top: auto;
}

.author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-weight: var(--fw-bold);
  color: #050b14;
}

.author-info h4 {
  font-size: var(--fs-sm);
  color: #ffffff;
  font-weight: var(--fw-bold);
}

.author-info p {
  font-size: var(--fs-xs);
  color: var(--clr-text-dim);
}