/**
 * All of the CSS for the public-facing functionality
 */

 .reviews-container.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
 .reviews-container.list {display: flex; flex-direction: column; gap: 20px;}
 .reviews-container.carousel {display: block;}
 .reviews-container.carousel .slick-slide {margin: 0px 10px;}
 .review-card { background: #fff; border: 1px solid #eaeaea; padding: 20px; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
 .review-meta { font-size: 0.85em; color: #777; margin-bottom: 10px; }
 .review-stars { color: #f1c40f; margin-bottom: 10px; }