.star-rating {
    display: flex;
    gap: 5px;
}

.star {
    width: 25px;
    height: 25px;
    background-size: cover;
    cursor: pointer;
}

.star.full {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gold'><path d='M12 2l2.92 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l7.08-1.01z'/></svg>");
    /* SVG bintang penuh */
}

.star.half {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='halfGrad'><stop offset='50%' stop-color='gold'/><stop offset='50%' stop-color='lightgray'/></linearGradient></defs><path fill='url(%23halfGrad)' d='M12 2l2.92 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l7.08-1.01z'/></svg>");
    /* SVG bintang setengah */
}

.star.empty {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='halfGrad'><stop offset='0%' stop-color='gold'/><stop offset='0%' stop-color='lightgray'/></linearGradient></defs><path fill='url(%23halfGrad)' d='M12 2l2.92 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l7.08-1.01z'/></svg>");
    /* SVG bintang kosong */
}

.mh-reviews{
    overflow: auto;
    height: 400px;
    padding: 10px;
}

::-webkit-scrollbar {
    width: var(--scroll-size, 7px);
    height: var(--scroll-size, 7px);
}

::-webkit-scrollbar-track {
    background-color: var(--scroll-track, transparent);
    border-radius: var(--scroll-track-radius, var(--scroll-radius));
}

::-webkit-scrollbar-thumb {
    background-color: var(--scroll-thumb-color, #4f6626);
    background-image: var(--scroll-thumb, none);
    border-radius: var(--scroll-thumb-radius, var(--scroll-radius));
}