Ingredient Section and Checkout Layout Update

This is the in detail understanding of this task. Ingredient Section Addition on Three Product Pages and Checkout/Bill format update:
Three product pages require a new Ingredients section. We will provide reference images showing the exact design and layout we want recreated.
What is required:
Build the ingredients section on all three product pages to match our reference images as closely as possible. The section must integrate naturally with the existing product page design — it should not look like an external element added on top. Each ingredient must have an interactive element: when a user hovers over the ingredient image on desktop, or taps it on mobile, the ingredient's benefits or description should appear in an elegant, smooth manner. The animation or transition should feel premium and intentional, not jarring or generic.
We want in checkout or bill production stage to show the price of the products breakdown with GST, I.e. whenever a customer reaches the checkout page which showcases total bill, we want the bills values with GST breakdown. The prices are inclusive of GST. (TOTAL 18% - SGST 9% +. CGST 9%). And the bill that's mailed to the customer should have the same price breakdown.
Technical requirements:
Fully responsive across all screen sizes. Mobile-optimized — the touch/tap interaction must work cleanly. Fast-loading — no heavy libraries added unnecessarily. Built using a method that will survive future WordPress, WooCommerce, theme, and plugin updates. This is critical. We have had sections disappear after updates before, and we will not accept a temporary implementation.

There's also a pop up that used to come up on our website. It's not coming now. We want it to come up again. The plugin is turned off most probably. We want the issue to be diagnosed and the pop up to come again.