.main-content .glass-card { padding: 25px; border-radius: 16px; margin-bottom: 25px; }
.main-content h2 { color: #fff; margin-bottom: 20px; display: flex; align-items: center; }

/* Обычные карточки матчей */
.pro-match-card { background: rgba(0, 0, 0, 0.4); border-radius: 12px; border-left: 4px solid #00ff88; margin-bottom: 20px; overflow: hidden; transition: transform 0.2s; }
.pro-match-card:hover { transform: translateY(-3px); background: rgba(0, 0, 0, 0.6); }
.pro-match-card.value-bet { border-left: 4px solid #b026ff; }
.match-header { background: rgba(255, 255, 255, 0.05); padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #ccc; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.match-league { display: flex; align-items: center; gap: 8px; font-weight: bold; color: #fff; }
.match-datetime { display: flex; gap: 15px; }
.match-body { padding: 20px 15px; display: flex; justify-content: space-between; align-items: center; }
.teams-container { display: flex; flex-direction: column; gap: 12px; flex: 1; }
.team-row { display: flex; align-items: center; gap: 15px; }
/* --- Стили для настоящих загруженных картинок --- */
.team-logo {
    width: 30px;
    height: 30px;
    background: transparent; /* Убираем темный фон */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Обрезаем края картинки, чтобы она стала круглой */
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.team-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Картинка будет красиво заполнять круг */
}

.flag {
    display: inline-flex;
    align-items: center;
}

.flag img {
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px; /* Легкое скругление для флага */
}
.team-name { font-size: 16px; font-weight: 600; }
.prediction-block { text-align: right; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.pick-label { font-size: 12px; color: #aaa; margin-bottom: 5px; }
.pick-value { color: #00ff88; font-weight: bold; font-size: 16px; margin-bottom: 8px; }
.value-bet .pick-value { color: #b026ff; }
.odds-value { display: inline-block; background: rgba(255, 255, 255, 0.1); padding: 5px 12px; border-radius: 6px; font-weight: bold; font-size: 16px; }

/* Дизайн Супер Экспрессов */
.express-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 15px; margin-top: 20px; }
.express-card { background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 8px; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; transition: 0.2s; }
.express-card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 255, 136, 0.15); border-color: #00ff88; }
.express-match { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); padding-bottom: 10px; margin-bottom: 10px; font-size: 13px; }
.express-match:last-of-type { border-bottom: none; }
.ex-teams { color: #fff; margin-bottom: 5px; font-weight: 500; }
.ex-pick { color: #aaa; display: flex; justify-content: space-between; align-items: center; }
.ex-odd { color: #fff; font-weight: bold; background: rgba(255, 255, 255, 0.1); padding: 2px 6px; border-radius: 4px; }
.express-total { background: rgba(0, 255, 136, 0.15); color: #00ff88; text-align: center; padding: 12px; border-radius: 6px; font-weight: bold; font-size: 16px; margin-top: 10px; border: 1px solid rgba(0, 255, 136, 0.3); cursor: pointer; transition: 0.2s; }
.express-total:hover { background: rgba(0, 255, 136, 0.3); }

/* Live API Карточки */
.live-api-card { background: rgba(0, 0, 0, 0.6); border-radius: 10px; border-left: 4px solid #ff0055; padding: 15px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; cursor: pointer; }
.live-api-card:hover { background: rgba(255, 0, 85, 0.1); }
.live-time-col { width: 60px; text-align: center; }
.live-minute { color: #ff0055; font-weight: bold; font-size: 14px; animation: blink 1.5s infinite; }
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }
.live-teams-col { flex: 1; padding: 0 15px; display: flex; flex-direction: column; gap: 8px; }
.live-team-row { display: flex; justify-content: space-between; align-items: center; }
.live-team-name { font-size: 15px; font-weight: 500; color: #fff; }
.live-score { font-size: 18px; font-weight: bold; color: #00ff88; }
.api-loading { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 30px; color: #aaa; }
.spinner { animation: spin 1s linear infinite; }
@keyframes spin { 100% { transform: rotate(360deg); } }

/* Блок старой аналитики */
.match-box { background: rgba(0, 0, 0, 0.5); padding: 15px 20px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; border-left: 4px solid #00ff88; margin-bottom: 15px; }

@media (max-width: 768px) {
    .match-body { flex-direction: column; align-items: flex-start; gap: 15px; }
    .prediction-block { text-align: left; padding-left: 0; border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 15px; width: 100%; display: flex; justify-content: space-between; align-items: center; }
}