.materialItemsSlider {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
.materialItemsSlider .slick-track {
  display: flex;
  padding-bottom: 15px;
}
.materialItemsSlider .slick-arrow {
  width: 40px;
  height: 40px;
  border: 1px solid #E4E5E6;
  box-shadow: 0px 4px 20px 0px #0000001A;
  border-radius: 40px;
  position: absolute;
  top: 70px;
  margin-top: 0px;
  font-size: 0px;
  cursor: pointer;
  z-index: 10;
  background: #fff url(images/arrow.svg) center center no-repeat;
}
.materialItemsSlider .slick-arrow.slick-disabled {
  opacity: 0;
}
.materialItemsSlider .slick-arrow.slick-prev {
  left: -5px;
}
.materialItemsSlider .slick-arrow.slick-next {
  right: -5px;
  transform: rotate(180deg);
}
.materialItemsSlider .materialItem {
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  height: auto;
}
/* Правка 12.10.2026: при 1–4 образцах слайдер сжимал карточки до ~78px.
   .materialItems — flex-контейнер, и обёртка slick (.slick-list) схлопывалась до ширины содержимого.
   Фиксируем её на всю ширину — slick делит ширину корректно при любом числе слайдов. */
.materialItemsSlider .slick-list {
  width: 100%;
  flex: 0 0 100%;
}
/* при малом числе образцов лента прижимается влево, как и заголовок блока */
.materialItemsSlider .slick-track {
  margin-left: 0;
}