Shopify Product Page UI Tweaks

I need a handful of precise interface refinements made to my Shopify store within the next 24 hours. All work must be carried out in a draft copy of the live Obsidian theme so nothing touches production until I review and publish.

Here is the scope you’ll be handling:
• Shrink colour swatches – roughly 30-35 % on the homepage and 50 % on the product page.
• Trim the header height by about 20-30 %.
• Re-align the quantity selector so it sits on the same line as the “Add to Cart / Coming Soon” button, then slim the button itself.
• Replace the current quantity stepper with a clean dropdown style.
• Move the hover tooltip so it appears below each swatch instead of above.

The changes apply to both desktop and mobile views and involve only Liquid, CSS, and theme-level JavaScript—no app installs or back-end feature work. Once finished, I’ll review the draft theme and push it live myself.

Send back the updated theme files (or a Git commit/zip) along with a quick summary of where each change was made so I can verify everything easily.