.hcd-sports { background: var(--hcd-color-surface-soft); }
.hcd-sports__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hcd-gap); }
.hcd-sport-card { position: relative; display: block; min-height: 380px; overflow: hidden; border-radius: var(--hcd-radius-md); background: #111; color: #fff; }
.hcd-sport-card__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 350ms ease; }
.hcd-sport-card__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, .72)); }
.hcd-sport-card__content { position: absolute; inset: auto 0 0; z-index: 1; padding: 24px; }
.hcd-sport-card__title { margin: 0 0 8px; color: #fff; font-size: 22px; font-weight: 700; }
.hcd-sport-card__link { color: #fff; font-size: 14px; font-weight: 700; }
.hcd-sport-card:hover .hcd-sport-card__image { transform: scale(1.04); }
@media (max-width: 849px) { .hcd-sports__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 549px) { .hcd-sports__grid { grid-template-columns: 1fr; } .hcd-sport-card { min-height: 300px; } }