We have an e-commerce website where we need to customize the product filter functionality. Currently, the color attribute contains detailed options such as light blue, grey blue, dark blue, etc. We also created a custom post type for colors, allowing us to group these shades under a main color category—for example, Blue (which includes light blue, grey blue, and dark blue). What we want on the front-end filter: Only the main color groups should appear (e.g., Red, Blue, Green, etc.). When a user selects Blue, the filter should use AJAX to display all products that have any shades under Blue (light blue, grey blue, dark blue). If the user selects Red as well, then both Blue and Red product results should be loaded together via AJAX. We also have a similar setup for shapes, and the filters (color + shape + others) should work together seamlessly and compatibly. All selected filter items should merge logically, and products should be filtered based on all chosen options without page reloads.