Исправить ошибки в вёрстке на сайте (в том числе для Safari)

HTML и CSS верстка — неверно указаны категории?

Есть сайт shinydiski24.ru
На главной странице есть слайдер Хиты продаж, Новые поступления
1. Есть проблема при переключении между Хитами продаж и Новыми поступлениями в смартфоне и планшете. Проблема заключается в следующем: при переключении на "Новые поступления" карточки товара становятся узкими и встают в столбец друг за другом. Но стоит сдвинуть карточку вправо или влево, то всё нормализуется и карточки становятся с ряд и начинают работать как слайдер на вкладке "Хиты продаж". Нужно поправить эту ошибку, а также настроить смену карточек автоматическую по времени (3 секунды на смену карточки).

А в планшете при переключении на "Новые поступления" карточки встают в два ряда, а должны выглядеть как на вкладке "Хиты продаж".

2. Добавить иконку сезона и шипов на смарфоне и планшете, где и как иконки должны выглядеть написано в 3 и 4 вложении к проекту.

3. В safari поправить ошибку вывода фотографии в анонсе. На Chrome и Mozilla всё нормально работает.
Получается в safari фотография начинает дублироваться внутри diva. Как это выглядит можно увидеть в 5 вложении к проекту.

4. В safari в смартфоне и планшете если перейти в пункте раскрытого меню например в легковые шины, то при попытке в safari нажать на кнопку назад открывается темный прямоугольник меню, но пустой, а должна открываться предыдущая страница. Во вложении 6 показано как открывается страница при нажатии на кнопку назад в safari.

Обращение начинайте со слова сафари.