img {
    object-fit: cover;
    object-position: center;
}

.rating label:hover ~ label,
.rating input:checked ~ label,
.rating label:hover {
    color: #facc15;
}

.star {
    position: relative;
    display: inline-block;
    color: #d1d5db; /* Gray-300 for empty star */
}

.star::before {
    content: '★';
    position: absolute;
    left: 0;
    top: 0;
    color: #fde047; /* Yellow-300 */
    overflow: hidden;
    width: var(--star-fill, 0%);
}

/* Anchor links for smooth navigation */
.anchor {
    display: block;
    position: relative;
    top: -10px; /* Offset for fixed header */
    visibility: hidden;
}