#products_p-hero {
    min-height: 50dvh;
    min-height: 50dvh;
}

#products_p-grid {
    row-gap: var(--size_m);
    padding-top: 0;
}

#products_p-grid li {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    #products_p-grid li {grid-column: span 1;}

    #products_p-grid {row-gap: var(--size_xl);}
}