/* Grid component */
.grid { display: grid; gap: 28px; }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.grid-4 { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }

@media (max-width: 768px) {
    .grid-3, .grid-4 { grid-template-columns: 1fr; }
}