.products-with-ads-container {
	display: flex;
	flex-flow: row wrap;
	gap: 20px 8px;

	@include desktop {
		gap: 24px 20px;
	}

	.product-item {
		flex: 0 0 calc(100% / 2 - 8px / 2);

		@include desktop {
			flex: 0 0 calc(100% / 3 - 40px / 3);
		}
	}

	&--empty {
		flex: unset !important;
	}
}