Migrate Elementor WooCommerce website kit from staging/testing site to live site without data loss

I built a new version of my WooCommerce website on a staging/testing environment using Elementor Pro Website Kit. I now need to move this design to my live WooCommerce site safely without affecting existing store data, especially: customer accounts order history WooCommerce settings SEO/permalinks The staging site design is complete, but I have run into issues with Elementor Global Styles/Global Classes after import and attempted edits. Rather than troubleshooting that further, I prefer a clean and reliable implementation. What I need: Full migration of the staging Elementor design to the live site Ensure WooCommerce data on the live site is preserved (customers, orders, products) Ensure all internal links and navigation point to the live domain Fix or rebuild any Elementor Global Styles/Classes issues preventing stability Confirm site is fully editable in Elementor after migration No broken pages or missing template references Revert unpublished pages to drafts or trash, and delete all unused templates Centralize global design controls within Elementor by ensuring typography and color settings from the Elementor Website Kit take priority over Astra theme and default WordPress settings. All global styles (fonts, colors, and spacing where applicable) should be managed through Elementor, with the theme acting only as a structural base. Current setup: WordPress + WooCommerce live site (production site already active) Elementor + Elementor Pro installed Staging site contains final design via Elementor Website Kit import Goal: The live site should visually match the staging site exactly, while remaining fully stable and editable in Elementor, with no data loss.