Select options e-commerce

Morning @Support-Luis!
In this espresso machine product page I’d like the options select behavior to work something like this.

currently scenario 1 is working correctly:
Customer selects a head group. variant types that align with the head group stay white/black while variants types that don’t fall into the head group are greyed out.

scenario 2 is NOT working currently:
if the customer first selects a variant type the corresponding head group is in ‘focus’ but is not selected (clicked) and most importantly the price does not update.

Thanks as always for your help!

link: https://preview.webflow.com/preview/vera-coffee-final?utm_medium=preview_link&utm_source=designer&utm_content=vera-coffee-final&preview=37e3f475f9dee6bfb362593f1e0841b9&pageId=65fdc26bf568eb2fa77796f7&itemId=65fdc26bf568eb2fa77798a5&workflow=preview

Hey @ianhock! I am afraid I can’t help much here as I don’t know the e-commerce logic that much. I am sorry!