.devvn-topfive-wrapper, .devvn-toplist-wrapper {
    --bs-danger-rgb: 255, 0, 0;
}
.topfive-card, .toplist-row {
    background-color: #121212 !important; 
}
.rank-badge {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #ffe066, #d4af37);
    color: #000;
    font-weight: 900;
    padding: 3px 20px 3px 10px;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    font-size: 16px;
    z-index: 2;
    border-bottom-right-radius: 4px;
}
.btn-outline-warning { 
    color: #ffd700; 
    border-color: #ffd700; 
}
.btn-outline-warning:hover { 
    background-color: #ffd700; 
    color: #000; 
}
.btn-secondary { 
    background-color: #333 !important; 
    border-color: #444 !important; 
}
.btn-secondary:hover { 
    background-color: #444 !important; 
    border-color: #555 !important; 
}

.promotion_text ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.promotion_text ul li { position: relative; padding-left: 20px; font-size: 14px; color: #fff; margin-bottom: 4px; }
.promotion_text ul li:before {
    content: '✔';
    position: absolute;
    left: 0;
    color: #0d6efd; 
}

.swiper-pagination-bullet-active {
    background-color: #ff0000 !important;
}

/* Star Rating Refactored Styles */
.star-rating {
    position: relative;
    color: #555;
}
.star-rating-fill {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
}