#leagues { padding: 80px 0; background: #fff; }
.leagues-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.league-item { background: #fff; border: 1px solid #e0deda; border-radius: 8px; padding: 16px 20px; font-size: 14px; font-weight: 600; color: #333; transition: all .2s; }
.league-item:hover { border-color: #ccc; color: #010028; }
.league-item span { font-size: 12px; color: #444; font-weight: 400; display: block; margin-top: 2px; }
.leagues-more { text-align: center; margin-top: 32px; color: #444; font-size: 14px; }
.leagues-more a { color: var(--accent); text-decoration: none; font-weight: 600; }
.league-categories { display: flex; justify-content: center; gap: 16px; margin-bottom: 40px; flex-wrap: wrap; }
.league-cat { font-size: 12px; font-weight: 600; color: #444; padding: 8px 20px; border: 1px solid #e0deda; border-radius: 6px; cursor: pointer; transition: all .2s; }
.league-cat.active { border-color: var(--accent); color: var(--accent); background: rgba(167,41,67,.04); }
.league-cat:not(.active):hover { border-color: #ccc; color: #000; }
@media (max-width: 991px) { .leagues-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .leagues-grid { grid-template-columns: 1fr; } }