Thanks Olga! – i placed the combo CSS above but the sidebar widget boxes toggles have dissapeared https://prnt.sc/VzBvOLJk8PXk
And also, i thought the padding all they way around would actually put the padding all the way around but it is not. https://prnt.sc/KnpYzWdLEQAR
i also commented out the above combo CSS you provided and tried to do it your 3rd option with bordered product option turned on in the settings with the .products .product {padding: 5px;}
CSS but that also didnt fix the spacing between the rows. weird thing is that the customizer shows the padding properly between products – https://screenrec.com/share/5vCO6gVG3K
but when exited out and on to the actual shop page after publish, and clear cache even on a private browser mode, it doesnt – https://screenrec.com/share/ade0KQOGIi
—–