@media (min-width: 1440px) {
        .t897 .t-feed__container {
            /*max-width: calc(100% - 120px);*/
            max-width: 100% !important;
            padding: 0 120px !important;    /*Отступы по бокам экрана*/
            box-sizing: border-box;
            display: grid !important;
            grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) );  /*Минимальная ширина карточки*/
            gap: 40px 20px;  /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
        }
        .t897 .t-feed__post {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }
    }
    
    
    @media screen and (max-width: 1439px){
        .t897 .t-feed__container {
            max-width: 100% !important;
            padding: 0 80px !important;    /*Отступы по бокам экрана*/
            box-sizing: border-box;
            display: grid !important;
            grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) );  /*Минимальная ширина карточки*/
            gap: 40px 20px;  /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
        }
        .t897 .t-feed__post {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }
    }
    
    @media screen and (max-width: 1199px){
        .t897 .t-feed__container {
            max-width: 100% !important;
            padding: 0 40px !important;    /*Отступы по бокам экрана*/
            box-sizing: border-box;
            display: grid !important;
            grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );  /*Минимальная ширина карточки*/
            gap: 40px 20px;  /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
        }
        .t897 .t-feed__post {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }
    }
    
    @media screen and (max-width: 639px){
        .t897 .t-feed__container {
            max-width: 100% !important;
            padding: 0 20px !important;    /*Отступы по бокам экрана*/
            box-sizing: border-box;
            display: grid !important;
            grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );  /*Минимальная ширина карточки*/
            gap: 20px 20px;  /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
        }
        .t897 .t-feed__post {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }
    }
    
    /*Увеличение стандартной карточки при наведении*/
    /*@media screen and (min-width: 1200px){*/
    /*    .t897 .js-feed-post{ */
    /*        padding: 10px !important; */
    /*        border-radius: 10px !important;*/
    /*        transition: */
    /*            transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), */
    /*            box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1),*/
    /*            padding 0.3s ease; */
    /*    }   */
        
    /*    .t897 .js-feed-post:hover{*/
    /*        transform: scale(1.02); */
    /*        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); */
    /*        padding: 10px !important; */
    /*    }*/
    /*}*/



    
 
 
 
 
 
 
 
 
 
 /* Стили для плашки */
    .js-feed-relevants.t-feed__post-popup__relevants {
        position: fixed; /* Фиксируем плашку */
        right: 0px !important; /* Отступ справа */
        width: 300px; /* Ширина плашки */
        background-color: rgb(227 224 217 / 0.6); /* Цвет фона с прозрачностью */
        border: 1px solid #ccc; /* Обводка */
        border-radius: 12px; /* Скругление углов */
        box-shadow: 3px 2px 20px rgba(0, 0, 0, 0.1);
        z-index: 10; /* Приоритет отображения */
        padding: 20px;
        verflow: visible; /* Полностью убираем прокрутку */
        max-height: none; /* Убираем ограничение по высоте */
        display: flex;
        flex-direction: column;
        align-items: center; 
    }

   .t-feed__post-popup__relevants-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Заголовок блока */
    .t-feed__post-popup__relevants-title {
        margin: 30px 0 20px !important;
        font-size: 18px !important;
        font-weight: bold !important;
        text-align: center !important;
    }

    /* Карточки в блоке */
    .t-feed__post-popup__relevants-item {
        display: flex !important;
        flex-direction: column !important; /* Расположение текста под изображением */
        gap: 10px !important;
        background-color: #ffffff17 !important; 
        border: 1px solid #ccc; 
        border-radius: 12px; /* Скругление углов */
        padding: 10px; /* Внутренние отступы карточки */
        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
        margin-bottom: 15px; /* Отступ между карточками */
        align-items: center; /* Выровнять содержимое карточек по центру */
        width: 90% !important;
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                    box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Более плавный переход */
    }
    


    /* Изображение в карточке */
    .t-feed__post-popup__relevants-bgimg {
        width: 100% !important; /* Изображение занимает всю ширину карточки */
        height: 190px !important;
        border-radius: 12px !important; /* Скругление углов изображения */
        object-fit: cover !important; /* Сохранение пропорций изображения */
    }
    


    /* Текст в карточках */
    .t-feed__post-popup__relevants-item-title {
        margin-top: 10px !important;
        margin-left: 10px !important;
        margin-bottom: 10px !important;
        font-size: 14px !important;
        font-weight: bold;
        line-height: 1.3 !important;
        color: #333;
    }

    .t-feed__post-popup__relevants-item-descr {
        margin-left: 10px !important;
        margin-bottom: 10px !important;
        margin-right: 10px !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        color: #555;
    }
    
    /* Отступы для основного контента */
    .t-feed__post-popup__content {
        margin-right: 360px !important; /* Расстояние до плашки */
    }
    
    /* Мобильная версия */
    @media (max-width: 768px) {
        .js-feed-relevants.t-feed__post-popup__relevants {
            position: relative; /* Убираем фиксированное положение */
            width: calc(100% - 20px) !important; /* Учитываем отступы по 10px с каждой стороны */
            margin: 0 auto; /* Центрируем плашку */
            padding: 10px; /* Внутренние отступы */
            background-color: rgb(227 224 217 / 0.6);
            border: 0;
            box-shadow: none; /* Убираем тень */
        }
        
        /* Карточки внутри плашки */
        .t-feed__post-popup__relevants-item {
            width: 100% !important; /* Карточка занимает всю ширину плашки */
            padding: 10px !important; /* Внутренние отступы карточек */
            margin: 0; /* Убираем внешние отступы */
            background-color: #ffffff17 !important;
            box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
            border: 1px solid #ccc; 
            border-radius: 12px;
            margin-bottom: 10px; /* Отступ между карточками */
            gap: 10px !important;
        }
        
        /* Картинки внутри карточек */
        .t-feed__post-popup__relevants-bgimg {
            width: 100% !important; /* Изображение занимает всю ширину карточки */
            height: 190px !important;
            border-radius: 10px !important; /* Скругление углов изображения */
            object-fit: cover !important; /* Сохранение пропорций изображения */
        }
    }