Getting infinite scrolling working on my custom template

I need help with getting infinite scrolling working on my custom template here's what the plugin is asking.

Navigation selector: The selector that contains the product navigation

Next selector: The selector of the link that redirects to the next page

Item selector: The selector of the single product on the shop page

Content selector: The selector of the general box in the product list of the shop

What I tried is too many to count but ill list most of what I tried

Navigation selector: nav .woocommerce-pagination

Next selector: li a.next.page-numbers

Item selector: article .product.type-product.post-34.status-publish.instock.product_cat-accessories.has-post-thumbnail.sale shipping-taxable.purchasable.product-type-simple

Content selector: div #content.products.grid.grid-cols-4.grid-rows-4.justify-items-center.gap-8.m-8

Navigation selector: nav.woocommerce-pagination

Next selector: li a.next.page-numbers

Item selector: article.product.type-product.post-34.status-publish.instock.product_cat-accessories.has-post-thumbnail.sale shipping-taxable.purchasable.product-type-simple

Content selector: div#content.products.grid.grid-cols-4.grid-rows-4.justify-items-center.gap-8.m-8

and other variations... I have a Codepen with code for content. can you tell me what I need to put for each one, please?

My Code for selectors