e-commerce product page

Hi Zarko, congrats for your amazing solution! It seems pretty legit, you just need to adjust a few things to make it "pixel perfect":

• the border radius on the buttons to make'em round
• the text color on the navigation menu up top
• the changing color on hover on the icons of the lightbox. One last thing is the lightbox small images: you are changing the opacity while selected when you should apply a sort of white mask or filter on top. You can achieve it by using the pseudoelement after with content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white); opacity: 0; transition: all 0.2s ease-in-out; and then when selected change opacity to the value you want (something like 0.7 would do the job). Hope this is helpful and congrats again for this great solution!!