/* Testimonials page specific styles */
.hero .hero-media img { border-radius: var(--radius-lg); }

.stars { color: var(--color-primary); font-weight: 700; letter-spacing: 0.08em; }

.quote { font-style: italic; color: var(--color-silver); }

/* Ratings */
.ratings-list { display: grid; gap: var(--space-16); padding: 0; list-style: none; }
.rating-item { display: grid; gap: 8px; }
.rating-head { display: flex; align-items: center; justify-content: space-between; color: var(--color-text-muted); font-weight: 600; }
.rating-score { color: var(--color-white); }

meter { width: 100%; height: 12px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-round); }
/* WebKit meter styling */
meter::-webkit-meter-bar { background: transparent; border-radius: var(--radius-round); }
meter::-webkit-meter-optimum-value { background: linear-gradient(90deg, var(--color-primary), var(--color-primary-600)); border-radius: var(--radius-round); }

/* Videos */
.video-grid video { display: block; width: 100%; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.video-grid figcaption { margin-top: 8px; color: var(--color-text-muted); }

/* Before & After */
.before-after-figure img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* Media card tweaks */
.media-card figure { margin-bottom: var(--space-16); }

@media (max-width: 900px) {
  .hero .inline-flex { width: 100%; }
  .hero .btn { flex: 1; }
}