Почему настройки slick slider не срабатывают для слайдера?

Question

[Константин]

На сайте в секции "Хит продаж" есть товары в слайдере.

В мобильной версии указал такие настройки (чтобы при маленьком экране было менее 5 слайдов):

$('.slider-product__content').slick({
    dots: false,
    infinite: false,
    speed: 300,
    slidesToShow: 5,
    slidesToScroll: 1,
    arrows: false,
    responsive: [
      {
        breakpoint: 1024,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1,
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1
        }
      },
      {
        breakpoint: 600,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      }
    ]
  });

Все настройки слайдеров тут

Но почему то эти настройки не срабатывают (все равно 5 товаров), ошибок не наблюдаю.



И параллельно, при разрешении 768 появляется скролл вправо, хотя блоки "не выпирают".