.sports-section .sport-filters {
  width: min(1180px, 100%);
  margin: 0 auto 18px;
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}

.sport-filter {
  border: 1px solid var(--line);
  background: transparent;
  color: #cbd5df;
  border-radius: 999px;
  padding: 10px 15px;
  font: 800 11px/1 Inter, ui-sans-serif, system-ui;
  letter-spacing: .05em;
  cursor: pointer;
  transition: .18s ease;
}

.sport-filter:hover { border-color: var(--lime); color: var(--lime); }
.sport-filter.is-active { background: var(--lime); border-color: var(--lime); color: #071015; }
.sport-card.is-hidden { display: none; }

@media (max-width: 760px) {
  .sports-section .sport-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; }
  .sport-filter { flex: 0 0 auto; padding: 9px 12px; font-size: 10px; }
}