/* Filter-Bar */
.filter-container { display: flex; flex-wrap: wrap; gap: 20px; background: #151922; padding: 20px 30px; border-radius: 12px; margin-bottom: 40px; align-items: center; border: 1px solid #1c222d; }
.filter-label { font-size: 0.75rem; text-transform: uppercase; color: #ff3b3b; font-weight: bold; letter-spacing: 1px; }
.search-box input, .sort-box select { width: 100%; background: #1a1e2a; border: 1px solid #2a2f3d; color: #eaeaea; padding: 12px 15px; border-radius: 6px; outline: none; }
.btn-filter { background: #ff3b3b; color: white; padding: 10px 25px; border-radius: 6px; font-weight: bold; border: none; cursor: pointer; }
.btn-reset { background: #2a2f3d; color: #eaeaea; padding: 10px 25px; border-radius: 6px; text-decoration: none; font-size: 0.9rem; }

/* Stats & Badges */
.year-badge { position: absolute; top: 10px; right: 10px; background: #ff3b3b; color: white; font-size: 0.75rem; padding: 2px 8px; border-radius: 4px; }
.brand-label { font-size: 0.75rem; text-transform: uppercase; color: #ff3b3b; letter-spacing: 2px; font-weight: 800; padding-top: 15px; margin-bottom: 8px; }
.mps-display { margin-top: auto; display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 8px; border-bottom: 2px solid #ff3b3b; }
.mps-value { font-weight: 900; font-size: 1.4rem; color: #ff3b3b; }
.stat-row { display: flex; justify-content: space-between; border-bottom: 1px solid #2a2f3d; padding: 4px 0; }
.image-container { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; margin: 20px 0; }
.image-container img { max-width: 140px; filter: drop-shadow(0 10px 15px rgba(0,0,0,0.5)); }

.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
}

.card {
    background: #1a1e2a;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.2s;
}

.card img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.card p a, .filter-container a {
    color: #eaeaea;
    margin-left: 15px;
    text-decoration: none;
}

.card p a, .filter-container a:hover {
    color: #ff3b3b;
}