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

@media (max-width: 767px) {
    .card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; }
}