/* Testimonials: homepage feature (one video + one written review) and testimonials.html */

/* Homepage: video beside a written review */
.testi-feature {
  display: grid;
  grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: 32px;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}
.testi-feature .video-card figcaption { padding: 14px 16px 16px; }
.testi-feature .testi-card { padding: 36px; }

.testi-more {
  margin: 32px 0 0;
  text-align: center;
  font-weight: 600;
}
.testi-more a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  color: var(--green-dark);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.testi-more a:hover { color: #a8892f; }

@media (max-width: 760px) {
  .testi-feature { grid-template-columns: 1fr; gap: 20px; }
  .testi-feature .video-card { max-width: 340px; width: 100%; margin: 0 auto; }
  .testi-feature .testi-card { padding: 28px 24px; }
}

/* testimonials.html: video wall stays a grid on phones (two across) */
.testi-page-videos .videos-grid { max-width: 1040px; }
.testi-page-videos .video-card p { font-style: italic; }
@media (max-width: 760px) {
  .testi-page-videos .videos-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    overflow: visible;
    padding: 0;
  }
  .testi-page-videos .video-card figcaption { padding: 10px 12px 14px; }
  .testi-page-videos .video-card h3 { font-size: .92rem; }
  .testi-page-videos .video-card p { font-size: .82rem; }
}

.testi-page-written .testimonials-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1000px;
  margin: 0 auto;
}
.testi-page-written .testimonials-grid > * { display: block; }
@media (max-width: 760px) {
  .testi-page-written .testimonials-grid { grid-template-columns: 1fr; }
}

.testi-page-cta { text-align: center; }
.testi-page-cta p { max-width: 560px; margin: 0 auto 24px; }