/* =====================================================
   FLOAT_BANNERS — FINAL (КАРТИНКИ НЕ ПРОПАДАЮТ)
   200x200, без серых плашек, текст снизу, норм. отступы
   ===================================================== */

/* 1) Прижать блок к баннеру (двигаем внутри, не ломаем рамку) */
.wrapper_inner.front .drag-block.container .item-views.float_banners{
  margin: 0 !important;
  padding-top: -20px !important;   /* ближе/дальше к баннеру */
  padding-bottom: 0 !important;
}

/* 2) Расстояние между карточками по вертикали */
.item-views.float_banners .row > div{
  margin-bottom: 35px !important; /* больше/меньше вертикальный интервал */
}

/* 3) Карточка */
.item-views.float_banners .item{
  max-width: 200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

/* 4) Фиксируем размер ДЛЯ ВСЕХ вариантов контейнера картинки (важно!) */
.item-views.float_banners .item .image,
.item-views.float_banners .item .image__fon,
.item-views.float_banners .item .image span,
.item-views.float_banners .item .image .lazy,
.item-views.float_banners .item .image .lazyloaded{
  width: 200px !important;
  height: 200px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;

  /* НЕ используем background: transparent; (он сбрасывает background-image!) */
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* у некоторых шаблонов есть padding-top (квадрат) — убираем, чтобы было 200x200 */
.item-views.float_banners .item .image__fon,
.item-views.float_banners .item .image span,
.item-views.float_banners .item .image .lazy,
.item-views.float_banners .item .image .lazyloaded{
  padding-top: 0 !important;
}

/* 5) Убираем любые серые/тёмные оверлеи/плашки */
.item-views.float_banners .item .image:before,
.item-views.float_banners .item .image:after,
.item-views.float_banners .item .image__fon:before,
.item-views.float_banners .item .image__fon:after,
.item-views.float_banners .item .image span:before,
.item-views.float_banners .item .image span:after{
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* 6) Текст строго под картинкой (включая type2) */
.item-views.float_banners .item .inner-text,
.item-views.float_banners.type2 .item .inner-text{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;

  margin: 10px 0 0 !important;  /* отступ от картинки до текста */
  padding: 0 !important;
  background: transparent !important;
}

/* 7) Размер текста (чтобы не был крупным) */
.item-views.float_banners .item .inner-text,
.item-views.float_banners .item .inner-text *{
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;

  color: #000 !important;
  opacity: 1 !important;

  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;

  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}

/* 8) Если type2 прятал previewtext — показываем */
.item-views.float_banners.type2 .item .inner-text .previewtext{
  visibility: visible !important;
  height: auto !important;
  transform: none !important;
}

/* 9) Мобилка */
@media (max-width: 767px){
  .wrapper_inner.front .drag-block.container .item-views.float_banners{
    padding-top: 0 !important;
  }

  .item-views.float_banners .row > div{
    margin-bottom: 25px !important;
  }
}