/* Первый слайдер — на всю ширину */
.slider-full {
  width: 100%;
  margin-bottom: 40px;
}
.slider-full .swiper-slide {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  font-size: 24px;
  color: #333;
}

/* Второй слайдер — карусель с 200px слайдами */
.slider-carousel {
  width: 100%;
}

.slider-carousel .swiper-slide {
  width: 200px;
  background: #fff;
  color: black;
  font-size: 14px;
  text-align: left;
  padding: 0px;
  box-sizing: border-box;
}

/* Блок с картинкой — фиксированная высота */
.slider-carousel .slide-image {
  width: 200px;
  overflow: hidden;
  margin-bottom: 0px;
}

.slider-carousel .slide-image img {
    width: 100%;
    height: 100%;
  object-fit: cover; /* или 'contain', если важно не обрезать */
  display: block;
}

/* Скрываем стрелки */
.slider-carousel .swiper-button-next,
.slider-carousel .swiper-button-prev {
  opacity: 0;
  transition: opacity 0.25s ease;
  /* Убедимся, что они не мешают при скрытом состоянии */
  pointer-events: none;
}

.slider-carousel:hover .swiper-button-next,
.slider-carousel:hover .swiper-button-prev {
  opacity: 1;
  pointer-events: auto;
}