/* Compact review layout overrides. The base component remains in hf-reviews.css. */
@import url("hf-reviews.css");

.hf-reviews {
  padding: 58px 0;
}

.hf-reviews-head {
  margin-bottom: 20px;
}

.hf-reviews-head .hf-kicker {
  margin-bottom: 8px;
}

.hf-reviews-layout {
  gap: 20px;
}

.hf-reviews-summary {
  padding: 22px;
  border-radius: 20px;
}

.hf-reviews-rating {
  margin-top: 14px;
  font-size: 40px;
}

.hf-reviews-stars {
  margin-top: 8px;
  font-size: 17px;
}

.hf-reviews-count {
  margin: 8px 0 0;
  font-size: 13px;
}

.hf-review-card {
  min-height: 0;
  padding: 22px;
  border-radius: 20px;
}

.hf-review-stars {
  margin-top: 14px;
  font-size: 15px;
}

.hf-review-card blockquote {
  margin: 12px 0 14px;
  font-size: 15px;
  line-height: 1.5;
}

.hf-review-source {
  font-size: 11px;
}

.hf-reviews-controls {
  margin-top: 16px;
}

.hf-reviews-google-link {
  display: flex;
  justify-content: center;
  margin-top: 14px;
  text-align: center;
}

.hf-reviews-google-link .hf-review-link {
  margin-top: 0;
  font-size: 14px;
}

@media (max-width: 620px) {
  .hf-reviews {
    padding: 52px 0;
  }

  .hf-review-card {
    padding: 20px;
  }
}