.rating-stars {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rating-stars__container {
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
}

.rating-stars__star {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    transition: transform 0.2s;
}

.rating-stars__star:hover {
    transform: scale(1.1);
}

.rating-stars__star svg {
    display: block;
}

.rating-stars__star path {
    fill: #F1F1F1;
    transition: fill 0.2s;
}

.rating-stars:not(.rating-stars--readonly) .rating-stars__star--active path,
.rating-stars:not(.rating-stars--readonly) .rating-stars__star:hover path,
.rating-stars:not(.rating-stars--readonly) .rating-stars__star:hover ~ .rating-stars__star path {
    fill: var(--primary-color, #FF0000);
}

.rating-stars__count {
    color: #999;
    font-size: 14px;
}

/* Состояние только для чтения */
.rating-stars.rating-stars--readonly .rating-stars__star {
    cursor: default;
}

.rating-stars.rating-stars--readonly .rating-stars__star:hover {
    transform: none;
}

.rating-stars.rating-stars--readonly .rating-stars__star--active path {
    fill: var(--primary-color, #FF0000);
}