/* skin/css/index.css */

.hero-banner-box { margin-bottom: 25px; }
.hero-card {
    position: relative;
    display: block;
    height: 200px;
    border-radius: var(--radius-l);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.hero-card img { width: 100%; height: 100%; object-fit: cover; }
.hero-overlay {
    position: absolute; bottom: 0; left: 0; width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff;
}
.hero-overlay span { font-size: 11px; text-transform: uppercase; opacity: 0.9; }
.hero-overlay h2 { font-size: 22px; line-height: 1.2; margin-top: 4px; }

/* Rank Home */
.rank-home { padding: 5px 20px; }