.products-grid {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 720px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1020px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}