.hsbpr-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    margin-top: var(--hsbpr-mt, 4px);
    margin-bottom: var(--hsbpr-mb, 7px);
    color: var(--hsbpr-text, #667085);
    font-size: var(--hsbpr-text-size, 12px);
    line-height: 1.25;
    text-decoration: none !important;
}

.hsbpr-rating--left { justify-content: flex-start; text-align: left; }
.hsbpr-rating--center { justify-content: center; text-align: center; }
.hsbpr-rating--right { justify-content: flex-end; text-align: right; }

.hsbpr-stars {
    display: inline-flex;
    align-items: center;
    gap: .08em;
    flex: 0 0 auto;
    height: 1em;
    font-size: var(--hsbpr-star-size, 15px);
    line-height: 1;
    vertical-align: middle;
}

.hsbpr-star {
    display: block;
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    background: linear-gradient(
        90deg,
        var(--hsbpr-star, #f5b301) 0%,
        var(--hsbpr-star, #f5b301) var(--hsbpr-fill, 0%),
        var(--hsbpr-empty, #d9dde3) var(--hsbpr-fill, 0%),
        var(--hsbpr-empty, #d9dde3) 100%
    );
    -webkit-clip-path: polygon(50% 2%, 61.8% 36.3%, 98% 36.3%, 68.7% 57.5%, 79.9% 92%, 50% 71%, 20.1% 92%, 31.3% 57.5%, 2% 36.3%, 38.2% 36.3%);
    clip-path: polygon(50% 2%, 61.8% 36.3%, 98% 36.3%, 68.7% 57.5%, 79.9% 92%, 50% 71%, 20.1% 92%, 31.3% 57.5%, 2% 36.3%, 38.2% 36.3%);
}

.hsbpr-meta {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    color: var(--hsbpr-text, #667085);
    font-size: inherit;
}

.hsbpr-average {
    color: inherit;
    font-weight: 700;
}

.hsbpr-count {
    color: inherit;
    font-weight: 400;
}

.hsbpr-rating:hover .hsbpr-meta {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Keep Flatsome product cards compact and centered by default. */
.product-small .hsbpr-rating,
.product .hsbpr-rating {
    min-height: 18px;
}

@media (max-width: 549px) {
    .hsbpr-rating {
        gap: 4px;
    }
}