Как скрыть скроллбар в ios safari, android opera на телефоне?

Уже извечный вопрос - но ничего из этого не работает. Других вариантов не найду.

scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
scrollbar-color: transparent;
overflow-x: auto;

&::-webkit-scrollbar,
&::-moz-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background-color: transparent;
}

&::-webkit-scrollbar-thumb,
&::-webkit-scrollbar-track-piece,
&::-webkit-resizer {
  background-color: transparent;
  width: 0 !important;
  height: 0 !important;
}
&::-webkit-scrollbar-track {
  background-color: transparent;
  width: 0 !important;
  height: 0 !important;
}