body, html {
    overflow: auto;
}
/* Основные стили для .t-redactor__callout */
.t-redactor__callout {
    border: 1px solid black; 
    padding: 30px 12%; 
    margin: 35px 0; 
    background-color: transparent !important; 
    box-sizing: border-box;
}
/* Стили для текста */
.t-redactor__callout-text {
    text-align: center; 
    font-style: italic; 
    font-weight: 100; 
    line-height: 1.3; 
    color: black; 
    margin: 0; 
}
/* Скрываем иконку */
.t-redactor__callout-icon {
    display: none !important;
}



/* Основные стили для .t-redactor__quote */
.t-redactor__quote {
    all: unset;
    display: block;
    font-family: Garamond, serif;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.5;
    color: black;
    text-align: left;
    box-sizing: border-box;
    border: none !important; /* Убираем границу */
}

/* Скрытие иконки и любых псевдоэлементов */
.t-redactor__quote::before,
.t-redactor__quote::after {
    content: none !important;
    display: none !important;
}
/* Десктопная версия */
@media (min-width: 769px) {
    .t-redactor__quote {
        padding-left: 30% !important; /* Удаляем внутренний отступ */
        font-size: 19px;
        line-height: 1.5;
    }
}
/* Мобильная версия */
@media (max-width: 768px) {
    .t-redactor__quote {
        padding-left: 90px !important; /* Удаляем внутренний отступ */
        font-size: 16px; 
        line-height: 1.4; 
    }
}





@media (min-width: 769px) {
    .image-row {
        display: flex;
        justify-content: space-between;
        gap: 2%; /* Отступ между изображениями */
    }
    .image-row figure {
        width: 49%;
    }
}






.t-feed__post-popup::before {
    content: "";
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 55vh;
    background: linear-gradient(to bottom, #f2f3f5, rgba(222, 225, 230, 0));
    pointer-events: none;
    z-index: -1; /* Помещает градиент под контент */
}

.t-feed__post-popup {
    position: relative;
    z-index: 1; /* Контент остается на переднем плане */
}
/* Мобильная версия */
@media (max-width: 768px) {
    .t-feed__post-popup::before {
        top: 60px; /* Изменение отступа на 60px для мобильных */
    }
}







/* Десктопная версия */
.t-feed__post-popup__title-wrapper {
    margin-top: 75px;
    margin-bottom: 35px;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .t-feed__post-popup__title-wrapper {
        margin-top: 45px; /* Отступ сверху для мобильных */
        margin-bottom: 25px; /* Отступ снизу для мобильных */
    }
}





/* Стили для t-uptitle_xs внутри t-feed__post-popup__date-parts-wrapper или t-feed__post-popup__date-parts-wrapper_aftertitle */
.t-feed__post-popup__date-parts-wrapper .t-uptitle_xs,
.t-feed__post-popup__date-parts-wrapper_aftertitle .t-uptitle_xs {
    font-size: 19px !important;
    font-weight: 300 !important; /* Легкое начертание */
    color: black !important;
    letter-spacing: normal !important;
    all: unset !important; /* Сбрасываем все дефолтные стили */
    font-family: "GraphikTT", sans-serif !important; /* Устанавливаем GraphikTT */
}

/* Стили для js-feed-post-date внутри t-feed__post-popup__date-parts-wrapper или t-feed__post-popup__date-parts-wrapper_aftertitle */
.t-feed__post-popup__date-parts-wrapper .js-feed-post-date,
.t-feed__post-popup__date-parts-wrapper_aftertitle .js-feed-post-date {
    font-size: 16px !important;
    font-family: Garamond, serif !important;
    font-weight: 300 !important; /* Легкое начертание */
    color: black !important;
    letter-spacing: 0.2px; /* Устанавливаем межбуквенный интервал */
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Добавление горизонтальной линии справа от js-feed-post-date */
.t-feed__post-popup__date-parts-wrapper .js-feed-post-date::after,
.t-feed__post-popup__date-parts-wrapper_aftertitle .js-feed-post-date::after {
    content: "";
    display: inline-block;
    width: 60px; /* Длина линии */
    height: 1px; /* Толщина линии */
    background-color: black;
    margin-left: 12px; /* Отступ от текста */
}







/* Общие стили для блока рекомендованных постов */
.t-feed__post-popup__relevants-wrapper {
    max-width: 100%; /* Расширяем ширину блока */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px; /* Отступ сверху для дополнительной гармонии */
}

/* Стили для отдельных рекомендаций */
.t-feed__post-popup__relevants-item {
    height: 200px; /* Фиксированная высота блока */
    margin-bottom: 20px; /* Отступ между строками */
    border: 1px solid #dee2e7; /* Рамка */
    padding: 25px; /* Отступ внутри блока для заголовка и рубрики */
    box-sizing: border-box; /* Обеспечиваем соблюдение padding в ширине */
    position: relative; /* Для позиционирования рубрики */
}

/* Убираем изображение */
.t-feed__post-popup__relevants-item .t-feed__post-popup__relevants-imgwrapper {
    display: none;
}

/* Скрываем описание внутри блока рекомендаций */
.t-feed__post-popup__relevants-item .t-feed__post-popup__relevants-textwrapper .t-feed__post-popup__relevants-item-descr {
    display: none !important;
}


/* Стили для заголовка */
.t-feed__post-popup__relevants-item .t-feed__post-popup__relevants-item-title {
    margin: 0;
    padding: 0;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px; /* Отступ снизу для отделения от рубрики */
    text-decoration: underline; /* Подчеркивание текста заголовка */
}

/* Стили для рубрики */
.t-feed__post-popup__relevants-item .t-feed__post-popup__relevants-item-tag {
    position: absolute;
    bottom: 15px;
    left: 25px;
    font-size: 14px;
    color: black; /* Черный цвет для рубрики */
    font-weight: 300; /* Легкое начертание */
}


/* Мобильная версия */
@media (max-width: 768px) {
    /* Сокращаем высоту блока рекомендаций */
    .t-feed__post-popup__relevants-item {
        height: 200px; /* Высота для мобильной версии */
    }
    
    /* Добавляем отступ слева для заголовка на мобильной версии */
    .t-feed__post-popup__relevants-item .t-feed__post-popup__relevants-item-title {
        margin-left: 25px;
        width: 65%;
    }
}



.t-feed__post-popup__author-bgimg {
    all: unset; /* Сбрасываем встроенные стили */
    width: 40px !important;
    height: 80px !important;
    margin-right: 25% !important;
    background-size: contain !important; /* Масштабируем изображение внутри контейнера */
    background-repeat: no-repeat !important; /* Отключаем повтор фона */
    background-position: left center !important; /* Выравниваем изображение по левому краю и центру по вертикали */
    display: inline-block !important; /* Устанавливаем элемент как видимый */
    aspect-ratio: 1 / 1 !important; /* Сохраняем пропорции квадратного изображения */
}

/* Мобильная версия */
@media (max-width: 767px) {
    .t-feed__post-popup__author-bgimg {
        margin-right: 50px !important; /* Отступ для мобильной версии */
    }
}