/* Start:/local/templates/securtec/components/bitrix/catalog.section/catalog_list/style.css?17874920431934*/
.price_list {
	flex-direction: column;
}

.preview_text {
  position: relative;
  line-height: 2.45;
  font-size: 16px;
}

/* режим 6 строк */
.preview_text--collapsed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

/* зона затухания (горизонтальная) */
.preview_text--collapsed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  /* высота зоны затухания — подберите под ваш line-height */
  height: 100px;

  /* горизонтальный fade: слева видно, справа растворяется */
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
  pointer-events: none;
}

/* кнопка по центру зоны затухания */
.preview_text__toggle {
  position: relative;
  margin-top: -1.7em;      /* заезжаем в зону fade */
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;

  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  transition: .2s ease;
}

.preview_text__toggle:hover {
  transform: translateX(-50%) translateY(-1px);
}

/* когда развернули — убираем fade */
.preview_text--expanded::after {
  display: none;
}

.preview_text_3{
 /* display: -webkit-box;*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

  position: relative;
  line-height: 1.45 !important;
  max-height: calc(1.45em * 5);
}

/* плавное затухание снизу */
.preview_text_3::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1.6em;

  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,1)
  );
}
/* End */
/* /local/templates/securtec/components/bitrix/catalog.section/catalog_list/style.css?17874920431934 */