How to implement pinning the header in the mobile version of the site for safari mobile?

Question

css

There is a site on opencart with adaptive layout. There are no problems in the mobile version for chrome. But when viewing through safari mobile (the most frequent visits from there), there is a problem with the behavior when viewing a product card.
The essence of the problem:
in the product card, when scrolling through images in the carousel with a finger (not always a perfectly horizontal movement), the entire content of the page is "pulled down".
How to fix content position when scrolling carousel (owl carousel)?
Product page
Example of correct behavior