Shopify Design & Responsiveness Fixes

I need a fast, tidy round of improvements on my existing Shopify store. First, I want every page audited for responsiveness on mobile, tablet, and desktop, then corrected so breakpoints look fluid and nothing overflows or misaligns.

While you are inside the theme, refine the overall look and feel:
• Refresh the color scheme so it is consistent with the brand palette and WCAG-friendly.
• Tidy the layout—adjust margins, spacing, and section hierarchy so content breathes and product blocks line up cleanly.
• Polish typography for better legibility and hierarchy, updating font sizing, weights, and line-height where necessary.

I also want to introduce or update a few visual assets: new banners for the homepage hero, crisper product images where quality is lacking, and modern icon sets that align with the refreshed style.

Deliverables
- Fully responsive theme (mobile, tablet, desktop) with no layout breaks.
- Updated color variables, typography settings, and section layouts committed to the theme.
- New banners, optimized images, and icons uploaded, linked, and tested.
- Brief change log so I know exactly what files or sections you touched.

Please work directly in a duplicate of the live theme (I will provide access) and supply any Liquid, HTML/CSS, or small JS tweaks you add so I can track them in Git. I’m aiming for a clean, quick turnaround, so let me know your estimated timeframe and any questions.