Product search box in site header area

Hello,

I’ve managed to add a search box to the header area of my site a position it where i want it (very basically, it’s nowhere near perfect).

I’d ideally like it to be the woocommerce product search rather than a site wide search but i can’t find a way of doing that – could anyone help?

Also, it’s currently set as “position:absolute” which looks fine until you start zooming in etc, so any input on solving that would be greatly appreciated

Website: https://www.eventechuk.co.uk