/* Testimonials Page Styles - PLNewHotgr */

.hero-testimonials {
  padding: var(--space-16) 0 var(--space-12);
  background: linear-gradient(135deg, rgba(220,20,60,0.25), rgba(10,22,40,0.9));
  border-bottom: 1px solid var(--color-gray-700);
}
.hero-testimonials .hero-title {
  font-family: var(--font-accent);
  letter-spacing: 0.08em;
}
.hero-testimonials .hero-subtitle {
  color: var(--color-text);
  opacity: 0.95;
}
.hero-testimonials .hero-cta { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }

.section-testimonials { padding: var(--space-16) 0; }
.section-testimonials + .section-testimonials { border-top: 1px solid var(--color-gray-700); }
.section-header { margin-bottom: var(--space-8); }
.section-intro { color: var(--color-text-muted); max-width: 60ch; }

.media-wrap { margin: var(--space-8) 0 var(--space-6); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-xl); border: 1px solid var(--color-gray-700); }
.media-wrap img { display: block; width: 100%; height: auto; }

.testimonials-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}
@media (min-width: 768px) {
  .testimonials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .testimonials-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.testimonial-card .rating { font-size: var(--font-size-lg); margin-bottom: var(--space-4); }
.testimonial-card blockquote { background-color: transparent; border-left-color: var(--color-secondary); }

.section-cta { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }

.recommendations-list { margin-top: var(--space-4); }
.recommendations-list li { color: var(--color-text); }

.cta-wide { padding: var(--space-16) 0; border-top: 1px solid var(--color-gray-700); }
.cta-inner { text-align: center; max-width: 800px; margin: 0 auto; }
.cta-inner p { margin: 0 auto var(--space-6); }
.cta-buttons { display: inline-flex; gap: var(--space-4); flex-wrap: wrap; }

/* Reveal on scroll (progressive enhancement) */
.reveal-on-scroll { opacity: 0; transform: translateY(16px); transition: all var(--transition-slow) var(--ease-out); }
.reveal-on-scroll.is-visible { opacity: 1; transform: none; }