.t189__wrapper {
  min-width: 80vw;
}

.t-btn,
.buttontitle2,
.t-card__btn,
.t-btn_effects,
.t-btn_effects_md {
  transition: transform 0.2s ease-in-out;
}
/* Эффект при наведении на кнопку  */
.t-btn:hover,
.buttontitle2:hover,
.t-card__btn:hover,
.t-btn_effects:hover,
.t-btn_effects_md:hover {
  transform: scale(1.02);
}

/* Карточка */
.t649__col {
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: box-shadow 0.3s ease-in-out, transform 0.1s ease-in-out;
  position: relative;
  box-sizing: border-box; /* важно для надёжного расчета размеров */
}

/* Контейнер с текстом */
.t649__textwrapper {
  position: relative;
  z-index: 2;
  padding: 16px;
  box-sizing: border-box;
  width: 100%;
}
.t649__textwrapper > .t-card__descr {
  max-height: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* можно варьировать */
  -webkit-box-orient: vertical;
}

/* Эффект при наведении */
.t649__col:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* Блок изображения */
.t649__blockimg {
  position: relative;
  overflow: hidden;
  transition: transform 0.1s ease-in-out;
}

.t649__col:hover .t649__blockimg {
  transform: scale(1.03);
}

/* Затемнение изображения при наведении */
.t649__col::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0); /* начальное значение */
  transition: background 0.3s ease-in-out;
  z-index: 1;
}

/* Появление затемнения */
.t649__col:hover::after {
  background: rgba(0, 0, 0, 0.07); /* лёгкий эффект, не как в .t959__card-overlay */
}

/* Адаптив */
@media (max-width: 768px) {
  .uc-top {
    height: 100%;
  }
}
/* Общий CSS для горизонтального скролла карточек */
@media screen and (max-width: 640px) {
    .t843__colwrapper {
      margin: 0 auto;
      overflow-x: none;
      overflow-y: none;
    }
    .t843__colwrapper > .t-item {
      margin: 0 auto;   
    }
    
  /* Контейнер карточек: горизонтальный скролл с плавным свайпом */
  .t-card__container {
    display: flex;
    flex-direction: row;
    margin-left: 6px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* плавный свайп iOS */
    gap: 16px;
    padding: 0 16px;
    /* Убираем скроллбар на некоторых браузерах, если нужно */
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.2) transparent;
  }

  /* Каждая карточка — фиксированная ширина ~80% экрана + scroll-snap */
  .t-card__col,
  .t649__col,
  .t959__card {
    min-width: 280px;
    max-width: 90vw;
    scroll-snap-align: start;
  }
  .t649__blockimg {
    margin-top: 10px;
  }
}