/* Применяем градиент ко всем блокам типа T915 на странице */
[data-record-type="915"] {
    background: linear-gradient(180deg, #efefef 0%, #F3F3F3 100%) !important;
}



.t-feed__buttons-wrapper {
    margin-top: 50px !important;
}

/* 1. Заголовок "Смотрите также" */
.t-feed__post-popup__relevants-title-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important;
    margin-bottom: 40px !important;
}
.t-feed__post-popup__relevants-title-wrapper .t-uptitle_xxl { 
	font-size: 1.6em !important;
}


/* 1. Общий контейнер */
.t-feed__post-popup__relevants-wrapper {
   display: flex !important;
  flex-wrap: wrap !important;
  justify-content: start !important;
  gap: 30px 20px !important;
  padding: 0 20px;
  flex-direction: row !important;
}

/* 

2. Сетка */
.t-feed__post-popup__relevants-item-wrapper {
    width: calc(33.33% - 20px) !important;
    margin: 0 !important;
}

.t-feed__post-popup__relevants-item {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding: 0 !important;
}

.t-feed__post-popup__relevants-content {
    display: flex !important;
    flex-direction: column !important;
}

/* 3. КАРТИНКИ: скругление и размер */
.t-feed__post-popup__relevants-imgwrapper {
    width: 100% !important;
    height: 200px !important; 
    margin-right: 0 !important;
    margin-bottom: 15px !important;
    border-radius: 12px !important; /* Настройте радиус здесь */
    overflow: hidden !important; /* Чтобы картинка не вылезала за скругление */
}

/* 4. ЗАГОЛОВКИ: увеличиваем шрифт */
.t-feed__post-popup__relevants-item-title {
    font-size: 18px !important; /* Размер заголовка */
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}

/* 5. ОПИСАНИЕ: увеличиваем шрифт */
.t-feed__post-popup__relevants-item-descr {
    font-size: 15px !important; /* Размер описания */
    line-height: 1.4 !important;
}

/* Адаптив */
@media screen and (max-width: 960px) {
    .t-feed__post-popup__relevants-item-wrapper { width: calc(50% - 20px) !important; }
}

@media screen and (max-width: 640px) {
    .t-feed__post-popup__relevants-item-wrapper { width: 100% !important; min-width: 300px;}
    .t-feed__post-popup__relevants-item-title { font-size: 16px !important; }
	.t-feed__post-popup__relevants-wrapper {   
		flex-wrap: nowrap !important;
		overflow-x: auto;
	}
	
	.t-feed__post-popup__relevants-title-wrapper .t-uptitle_xxl {
		text-align: center !important;
	}
}
.t-feed__post-popup__relevants-item a {
    display: flex !important;
    width: 100% !important;
}

.t-feed__post-popup__relevants-content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent; /* Можно добавить фон, если нужно */
}

/* 3. Картинки: скругление и фиксированная высота */
.t-feed__post-popup__relevants-imgwrapper {
    width: 100% !important;
    min-height: 200px !important; 
    max-height: 200px !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    border-radius: 16px !important; /* Скругление */
    overflow: hidden !important;
}

/* 4. Тексты */
.t-feed__post-popup__relevants-item-title {
    font-size: 20px !important; /* Заголовок статьи */
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
}

.t-feed__post-popup__relevants-item-descr {
    font-size: 16px !important; /* Описание статьи */
    line-height: 1.5 !important;
    flex-grow: 1; /* Позволяет описанию занимать всё место, выравнивая низ */
}
