WooCommerce Theme Customization

SurgicBase.com is my WooCommerce-powered medical supplies store, modelled after PharmEasy. The core functionality is set; I now need a clean round of theme customization to sharpen the look and feel.

Scope of work
• Tweak the homepage layout only—no other templates touch.
• Refresh typography site-wide so headlines, body text, and buttons share a consistent, readable style.
• Rework three key homepage areas:
– Banner section: new proportions, clearer call-to-action placement, and mobile-first responsiveness.
– Product display section: grid or carousel, whichever presents SKUs more efficiently while keeping add-to-cart visible.
– Navigation menu: simplified hierarchy and sticky behaviour for faster access on desktop and mobile.

I’m happy with the existing colours and content; this task is purely about layout hierarchy, font pairing, and CSS/HTML tweaks within the current WordPress + WooCommerce theme (no plugin development required).

Deliverables
1. Updated theme files or a child theme with all changes isolated.
2. Any custom CSS/SASS compiled and commented.
3. Brief changelog so I can track what was adjusted.
4. A quick screen-share walkthrough after deployment to confirm everything functions across common breakpoints.

Please base your solution on standard WordPress best practices so future updates don’t overwrite the work.