/* ===== GH Coverflow Slider (no-crop) ===== */

/* Контейнер слайдера */
.gh-coverflow .swiper{
  width: 100%;
  max-width: 2000px;      /* чтобы не растягивало до бесконечности на больших экранах */
  margin: 0 auto;
  padding: 12px 0 34px;
}

/* Размер “главного” слайда задаём через пропорцию (адаптивно) */
.gh-coverflow .swiper-slide{
  height: 500px;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #f3f3f3;    /* цвет полей, если картинка не заполняет */
  aspect-ratio: 16 / 9;   /* ПК: близко к 1920x800 */
}

/* Картинка НЕ ОБРЕЗАЕТСЯ */
.gh-coverflow__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;        /* было contain */
  object-position: center;  /* центрируем кадр */
}

/* Текст поверх */
.gh-coverflow .swiper-content{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 0px;

  width: 100%;
  max-width: none;

  padding: 14px 18px;
  color: #fff;
  font-family: Verdana, sans-serif;
  background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,.25));
  border-radius: 0; /* убираем “уголок”, делаем полосой */
}

/* Заголовок/описание */
.gh-coverflow .swiper-title{
  font-size: 28px;
  margin: 0 0 8px 0;
}

.gh-coverflow .swiper-caption{
  font-size: 14px;
  line-height: 1.35;
  margin: 0;
}

/* Пагинация */
.gh-coverflow .swiper-pagination-bullet{
  margin: 0 10px;
  position: relative;
  z-index: 3;
  width: 12px;
  height: 12px;
  background-color: #337AB7;
  opacity: .5;
  transition: all .3s ease;
}
.gh-coverflow .swiper-pagination-bullet::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  border: 1px solid #337AB7;
  border-radius: 50%;
}
.gh-coverflow .swiper-pagination-bullet:hover,
.gh-coverflow .swiper-pagination-bullet-active{
  opacity: 1;
}

/* Планшет + моб: делаем как “мобилка” и чуть другой формат */
@media (max-width: 1024px){
  .gh-coverflow .swiper{ max-width: 94vw; }
  .gh-coverflow .swiper-slide{ aspect-ratio: 16 / 9; }
  .gh-coverflow .swiper-content{ max-width: 88%; }
}

/* Мобилка: уменьшаем текст */
@media (max-width: 767px){
  .gh-coverflow .swiper-content{ padding: 12px 14px; }
  .gh-coverflow .swiper-title{ font-size: 20px; }
  .gh-coverflow .swiper-caption{ font-size: 12px; }
}