/* ========================= */
/* RATING SECTION            */
/* ========================= */

.rating-section {
    text-align: center;
    padding: clamp(1.5rem, 2.8vw, 2.5rem) clamp(1rem, 1.5vw, 1.25rem);
    background: var(--panel-soft);
}

[data-theme="dark"] .rating-section {
    background: var(--panel);
}

.rating-section .stars {
    font-size: 24px;
    color: var(--star-color);
    margin-bottom: clamp(0.5rem, 0.8vw, 0.75rem);
    letter-spacing: 2px;
}

.rating-kicker {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text);
    margin-bottom: clamp(0.5rem, 0.8vw, 0.75rem);
}

.rating-text {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: clamp(0.2rem, 0.4vw, 0.25rem);
}

.rating-subtext {
    font-size: 14px;
    color: var(--muted);
}

@media (max-width: 768px) {
    .rating-section {
        padding: clamp(1.25rem, 2.2vw, 2rem) clamp(0.875rem, 1.2vw, 1rem);
    }
}

@media (max-width: 500px) {
    .rating-text {
        font-size: 16px;
    }

    .rating-subtext {
        font-size: 13px;
        line-height: 1.6;
    }
}