Why don't slick slider settings work for slider?

Question

JavaScript

On the site in the section "Bestseller" there are goods in the slider.

In the mobile version, I specified the following settings (so that with a small screen there are less than 5 slides):

$('.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
        }
      }
    ]
  });

All slider settings are here

But for some reason these settings don't work (there are 5 products anyway), I don't see any errors.



And in parallel, at a resolution of 768, a scroll appears to the right, although the blocks "do not stick out".