/* Testimonial cards (light, avatar + name + role + quote) */
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); }
@media (max-width: 1024px) { .testimonials-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .testimonials-grid { grid-template-columns: 1fr; } }

.testimonial {
  background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-lg);
  padding: var(--sp-4);
  display: flex; flex-direction: column; gap: var(--sp-3);
  transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.testimonial:hover { transform: translateY(-3px); box-shadow: var(--shadow-1); }

.testimonial__head { display: flex; align-items: center; gap: var(--sp-2); }
.testimonial__avatar {
  width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: none;
}
.testimonial__name { font-family: var(--font-heading); font-weight: 600; color: var(--c-text); }
.testimonial__role { font-size: var(--fz-sm); color: var(--c-text-3); }
.testimonial__quote { color: var(--c-text-2); }
.testimonial__stars { color: var(--c-primary); display: inline-flex; gap: 2px; }
.testimonial__stars svg { width: 15px; height: 15px; }