/* Reviews page-specific styles */
.reviews-hero {
  margin-top: var(--space-10);
  margin-bottom: var(--space-10);
  text-align: center;
}
.reviews-hero__lead {
  font-size: var(--font-size-lg);
  color: var(--color-neutral-700);
  margin-top: var(--space-2);
  margin-bottom: 0;
}

.reviews-section {
  margin-bottom: var(--space-12);
}

.reviews-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.review-card {
  min-height: 140px;
  border-left: 6px solid var(--color-primary);
}
.review-rating {
  font-size: var(--font-size-base);
  color: var(--color-warning);
  margin-left: var(--space-1);
  letter-spacing: 1px;
  vertical-align: middle;
}

.top-rated-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.top-rated-card {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-bottom: var(--space-4);
}
.top-rated-product {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
}
.top-rated-product img {
  width: 70px;
  height: 70px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  background: var(--color-neutral-200);
}
.top-rated-desc {
  margin-top: var(--space-1);
  color: var(--color-neutral-700);
}

.featured-reviews-list {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--space-6);
}
.featured-review h3 {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-2);
}

.testimonials {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
  background: var(--color-neutral-100);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-12);
}
.testimonial {
  font-style: italic;
  border-left: 4px solid var(--color-primary);
  margin: var(--space-4) var(--space-0);
  padding: var(--space-4) var(--space-6);
  background: #fff;
  color: var(--color-neutral-900);
  border-radius: var(--radius);

}
.testimonial footer {
  font-style: normal;
  color: var(--color-primary);
  margin-top: var(--space-2);
}

.comparison-scroll {
  overflow-x: auto;
  scrollbar-width: thin;
}
.comparison-table {
  min-width: 600px;
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
}
.comparison-table th,
.comparison-table td {
  padding: var(--space-3) var(--space-4);
  text-align: left;
  font-size: var(--font-size-base);
  border-bottom: 1px solid var(--color-neutral-200);
}
.comparison-table th {
  background: var(--color-neutral-100);
  color: var(--color-neutral-900);
  font-weight: 700;
}
.comparison-table tr:last-child td {
  border-bottom: none;
}
@media (max-width: 700px) {
  .reviews-hero {
    margin-top: var(--space-6);
    margin-bottom: var(--space-6);
  }
  .reviews-list,
  .top-rated-list,
  .featured-reviews-list {
    grid-template-columns: 1fr;
  }
  .testimonial {
    padding: var(--space-3) var(--space-2);
  }
}

.expert-reviews-list {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--space-6);
}
.expert-review header {
  font-weight: 600;
  margin-bottom: var(--space-2);
  color: var(--color-primary);
}
.expert-review .review-rating {
  color: var(--color-warning);
  margin-left: var(--space-2);
}

.trending-topics-list {
  margin-top: var(--space-3);
  margin-bottom: var(--space-0);
  padding-left: var(--space-4);
  list-style: disc inside;
}
.trending-topic {
  color: var(--color-primary);
  font-weight: 700;
}

.guidelines-list {
  padding-left: var(--space-4);
  margin-bottom: var(--space-2);
  list-style: disc inside;
}
.guidelines-cta {
  margin-top: var(--space-3);
  font-size: var(--font-size-base);
}
.guidelines-cta a {
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: underline;
}