/* Reviews page specific styles */

/* Reviews section on reviews page */
.reviews-page {
  padding: 80px 0;
}

.reviews__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.reviews__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 0;
}

.reviews__title-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.reviews__title {
  color: var(--black);
  margin: 0;
}

.reviews__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.reviews__button {
  display: flex;
  justify-content: center;
}

/* Mobile adaptations for reviews page */
@media (max-width: 768px) {
  .reviews {
    padding: 40px 0px;
  }

  .reviews__button {
    width: 100%;
  }

  .reviews__button button {
    width: 100%;
  }

  .reviews__content {
    gap: 24px;
  }

  .reviews__cards {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 480px) {
  .reviews-page {
    padding: 40px 0;
  }
}