/* Для мобильных */
.swiper.caseSlider2 {
    display: block;
  }
  /* Для десктопов */
  @media (min-width: 992px) {
    .slide-case_mob {
      display: block; /* Убедитесь что блок виден */
    }
  }
  
  .caseSlider2 .swiper-wrapper {
      align-items: stretch; /* Растягиваем слайды по высоте */
  }
  .caseSlider2 .swiper-slide {
      height: auto; /* Автоматическая высота */
      display: flex; /* Используем flex для выравнивания */
  }
  .caseSlider2  .gallery__item {
      width: 100%;
      display: flex;
  }
  .caseSlider2  .gallery__item a {
      width: 100%;
      display: flex;
  }
  .caseSlider2  .gallery__item img {
      width: 100%;
      object-fit: cover; /* Сохраняем пропорции изображения */
      flex-grow: 1; /* Растягиваем изображение на всю доступную высоту */
  }
  
    
  /* Убираем фиксированную высоту у основного слайдера */
  .caseSliderMain {
      height: 400px;
      margin-bottom: 20px;
      border-radius: 8px;
      overflow: hidden;
      position: relative; /* Добавляем для позиционирования стрелок */
  }
  
  /* Делаем изображения растянутыми по ширине */
  .caseSliderMain .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Заполнение контейнера с сохранением пропорций */
      display: block;
  }
  
  /* Стили для кастомных стрелок */
  .custom-swiper-button-prev,
  .custom-swiper-button-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      background: rgba(0,0,0,0.6);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
      z-index: 10;
      opacity: 1;
  }
  
  /* Кнопка "Назад" слева */
  .custom-swiper-button-prev {
      left: 20px;
  }
  
  /* Кнопка "Вперед" справа */
  .custom-swiper-button-next {
      right: 20px;
  }
  
  /* Поворот стрелки "Назад" */
  .custom-swiper-button-prev img {
      transform: rotate(180deg);
  }
  
  /* Стиль для неактивных кнопок */
  .custom-swiper-button-prev.swiper-button-disabled,
  .custom-swiper-button-next.swiper-button-disabled {
      opacity: 0.3 !important;
      cursor: not-allowed;
      pointer-events: none;
  }
  
  /* Убираем отступы у слайдера */
  .swiper {
      width: 100%;
      overflow: hidden;
  }
  
  /* Делаем контейнер слайдов на всю высоту */
  .swiper-wrapper {
      height: 100%;
  }
  
  /* Адаптивность для мобильных */
  @media (max-width: 768px) {
      .custom-swiper-button-prev,
      .custom-swiper-button-next {
          width: 32px;
          height: 32px;
      }
      
      .custom-swiper-button-prev {
          left: 10px;
      }
      
      .custom-swiper-button-next {
          right: 10px;
      }
  }
  
  /* Остальные стили остаются без изменений */
  .swiper-slide-thumb-active {
      opacity: 1 !important;
      border: 2px solid #C90531;
      box-sizing: border-box;
  }
  
  .gallery__item-thumb {
      opacity: 0.6;
      transition: opacity 0.3s ease;
      cursor: pointer;
      height: 100px;
      object-fit: cover;
  }
  
  .caseSliderThumbs .swiper-slide {
      width: auto !important;
  }