#category-rating-section { text-align: center; margin-top: 20px; background: #4fc6c0;
    padding: 40px 10px;
    border-radius: 16px;
    box-shadow: 3px 3px 7px 2px #33333333;
    max-width: 70%;
    margin: 0 auto; }
.star { font-size: 24px; cursor: pointer; color: #ccc; transition: color 0.2s, border-color 0.2s; }
.star.filled { color: #ffcc00; } /* Color for filled stars indicating the average rating */
.star.hovered { color: #ff9900; border-color: #ff9900; } /* Different color for hovered stars */