Categories and subcategories issues, linking collections

Hi. I would try and explain myself the best I can.

So, I’m designing a product catalog website for a client. Computer parts and other devices.

I created the CMS structure like this: product page/product detail you can check that HERE

I did this structure for every product category on the site.

The problem is that now the client wants to add another “level” or category on the product, so the structure will be: product page/product color/product detail

I read that I can do that with the reference field, but I don’t know how to integrate that with i have done so far. How can i link the collections?

I created a Collection for products. I also created a collection for categories and subcategories but I don’t know how to bind or link them with the products.

what he wants is this structure

can you help?

ps. the first and share links are from my webflow account where i’m doing all the testing and experimenting, here’s the client’s:

thanks a lot

Here is my public share link: LINK