@media (max-width: 768px) {
    .products-main .grid-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-12);
    }
}