Blank space on Mobile right side, zoomed in and Header not full length

Hello,

So I am currently working on a new online store, https://adaline.ro/ , and I have a issue with the Header on some mobile devices (for example on iphone 12 pro and 14 pro the issue isn’t present). Whenever you enter from a phone with a wider screen, web archive looks like it is not centered but in fact you have to zoom out, and after you do that you can see the blank space in the right side of the header. I kind of know that the problem is caused by some overflow, maybe something from the header element, as when I delete the shopping cart button the problem is kind of solved (the header is on the full width of the page) but at the same time the layout of the product archive changes from two columns to only 1 column, so there is something to further investigate and I already lost a lot of time on it and maybe you have more ideas.

The page I need help with: [log in to see the link]