:root {
    --column-gap: 2.2rem;
}

.product-grid {
    column-gap: var(--column-gap);
    row-gap: 3.6rem;
}

.product-grid .grid__item {
    --grid-desktop-horizontal-spacing: var(--column-gap);
}