/*
===============================================================================
NPT — пользовательские стили для school.naturephoto.team

Порядок разделов:
1. Общие стили и служебные исправления
2. Главная страница статей
3. Подписка на новости
4. Статья внутри Tilda Feed
5. Кнопки комментариев и блок «Лучшие статьи»
6. Отдельные лонгриды
7. УДАЛИТЬ ПОСЛЕ ПРОВЕРКИ — вероятно устаревшие правила

Важно: крупная перестановка правил не выполнялась, чтобы не изменить каскад.
===============================================================================
*/

/* Обычные ссылки внутри текстовых элементов наследуют цвет текста */
/* Исключение: кнопка в блоке телеграмм */
.t-text a:not(.uc-telegram-button):not(.telegram_medvedev),
.t-descr a:not(.uc-telegram-button):not(.telegram_medvedev),
.t-title a:not(.uc-telegram-button):not(.telegram_medvedev),
.t-heading a:not(.uc-telegram-button):not(.telegram_medvedev),
.t-name a:not(.uc-telegram-button):not(.telegram_medvedev),
.t-checkbox__control a:not(.uc-telegram-button):not(.telegram_medvedev) {
    color: inherit !important;
}

/* ПОДЧЁРКИВАНИЕ. Блок про согласие персональных данных */
.t-input-group[data-field-type="cb"] a {
    text-decoration-line: underline !important;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: color-mix(
        in srgb,
        currentColor 40%,
        transparent
    );
    text-underline-offset: 2px;
}

/* ПРОЗРАЧНОСТЬ. Блок про согласие персональных данных */
.t-input-group[data-field-type="cb"] .t-checkbox__control > span {
    opacity: 0.7;
}

/* Текст и ссылка берут цвет самого блока */
.t-input-group[data-field-type="cb"] .t-checkbox__control > span,
.t-input-group[data-field-type="cb"] .t-checkbox__control > span * {
    color: inherit !important;
}

/*
* Исторические префиксы Autoprefixer сохранены.
* Их лучше убирать только после отдельной проверки старых устройств.
*/

/* киноскоп */
.uc-kinoscope {
    margin-top: 45px;
    margin-bottom: 55px;
    border-radius: 40px;
    overflow: hidden;
}

@media (max-width: 480px) {
    .uc-kinoscope {
        margin-top: 45px;
        margin-bottom: 55px;
        border-radius: 0;
    }
}

/* косяк тильды - зачем то делает прозрачной кнопку */
.t1014 .t-submit:hover {
    opacity: 1 !important;
}

/* блок подпишись в телеграм */
.uc-subscribe-block {
    font-family: 'Open Sans', Arial, sans-serif;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 60px;
    background-color: #f7f7f7;
    text-align: center;
    max-width: 400px;
    margin: 50px auto 80px;
    border-radius: 20px;
}

.uc-subscribe-title {
    color: #333333;
    font-size: 26px;
    font-weight: 700;
}

.uc-subscribe-font {
    font-size: 18px;
    color: #666666;
    margin-bottom: 5px;
}

.uc-telegram-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding: 15px 30px;
    background-color: #26a5e3;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    margin-right: auto;
    margin-left: auto;
    transition: background-color 0.3s;
}

.uc-telegram-button img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    max-width: unset;
}

.uc-telegram-button:hover {
    background-color: #007bb5;
}

/* Адаптивные стили */
@media (max-width: 480px) {

    .uc-subscribe-block {
        padding: 30px 20px 35px;
        display: block;
        border-radius: 0;
    }

    .uc-subscribe-font {
        font-size: 16px;
    }

    .uc-telegram-button {
        padding: unset;
        font-size: 18px;
        margin-top: 20px;
        height: 60px;
        padding-left: 60px;
        padding-right: 60px;
        font-weight: 700;
        letter-spacing: 1px;
    }
}

/* конец блока подпишись в телеграм */

.t-feed__post-popup__relevants-item a {
    flex-basis: 100%;
}

::-moz-selection {
    /* укажи цвет выделения текста */
    background: #ffd30d;
    color: #333333;
}

::selection {
    /* укажи цвет выделения текста */
    background: #ffd30d;
    color: #333333;
}

/* ----ПОДЧЁРКИВАНИЕ У ССЫЛОК В ОТДЕЛЬНЫХ БЛОКАХ---- */

/* TX01, ПОТОКИ текстовый блок */
.t004 a,
.t119 a,
.t-feed__post-popup__text-wrapper .t-redactor__text a {
    background-image: -o-linear-gradient(330deg,#ffd30d,#ffd30d);
    background-image: linear-gradient(120deg,#ffd30d,#ffd30d);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    border-bottom: 3px solid #ffd30d;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: background-size .125s ease-in;
    -o-transition: background-size .125s ease-in;
    transition: background-size .125s ease-in;
}

.t004 a:hover,
.t119 a:hover,
.t-feed__post-popup__text-wrapper .t-redactor__text a:hover {
    background-size: 100% 100%;
}

/* ----РАЗДЕЛЫ---- */

/* ограничил ширину разделов, чтобы она был баланс строчек, потом можно будет увеличить */
.uc-main-page .t-feed__parts-switch-wrapper {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
}

/* В разделах есть раздел "Вce", это код, чтобы он был написан строчными */
[href="javascript:void(0);"] {
    text-transform: lowercase;
}

/* При наведении, разделы окрашиваются жёлтым фоном */
li.js-feed-parts-switcher.t-feed__parts-switch-btn.t-feed__parts-switch-btn_bg.t-name.t-name_xs.t-menu__link-item:hover {
    background-color: #ffd30d !important;
}

li.js-feed-parts-switcher.t-feed__parts-switch-btn.t-feed__parts-switch-btn_bg.t-name.t-name_xs.t-menu__link-item {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

/* ---------------------ГЛАВНАЯ СТРАНИЦА------------------- */

/* ----СЛАЙДЕР ПРОМОБЛОК — ОБЛОЖКА ГЛАВНОЙ СТРАНИЦЫ---- */

/* добавил чёрточку над названием */
.uc-main-page .t734__title.t-title.t-title_sm::before {
    content: "";
    width: 90px;
    height: 5px;
    display: block;
    background: #ffd30d;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

/* размер кнопки на десктопе */
.uc-main-page .t734 .t-btn_md,
.uc-main-page .t734 .t-btnflex_md {
    font-size: 14px;
    letter-spacing: 1px;
    height: 45px;
    padding-left: 35px;
    padding-right: 35px;
    background-color: rgba(0, 0, 0, 0.28);
    background-color: #00000047;
}

/* отступ от заголовка */
.uc-main-page .t734__descr {
    margin-top: 12px;
}

/* вертикальный айпэд */
@media screen and (max-width: 900px) {

    /* Убрал стрелки влево и вправо */
    .uc-main-page .t734 button.t-slds__arrow.t-slds__arrow-right.t-slds__arrow-withbg,
    .uc-main-page .t734 button.t-slds__arrow.t-slds__arrow-left.t-slds__arrow-withbg {
        display: none;
    }

    /* уменьшил высоту слайдера */
    .uc-main-page .t-slds__items-wrapper,
    .uc-main-page .t-cover__wrapper,
    .uc-main-page .t734__table {
        height: 500px !important;
        /* max-height: 70vh; */
        /* vertical-align: top; */
    }

    /* убрал описание для айпэда */
    .uc-main-page .t734__descr {
        display: none;
    }

    /* уменьшил размер шрифта заголовка */
    .uc-main-page .t734__title {
        font-size: 35px;
        text-wrap: balance;
    }

    /* уменьшил высоту кнопки */
    .uc-main-page .t-btn_md,
    .uc-main-page .t-btnflex_md {
        height: 50px;
    }

    /* уменьшил отступ от кнопки до заголовка */
    .uc-main-page a.t734__button.t-btnflex {
        margin-top: 40px;
    }
    
    .uc-main-page .t734__button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

}

@media screen and (max-width: 720px) {
    /* размер кнопки */
    .uc-main-page .t734 .t-btn_md,
    .uc-main-page .t734 .t-btnflex_md {
        font-size: 12px;
        letter-spacing: 1px;
        height: 45px;
        padding-left: 35px;
        padding-right: 35px;
        background-color: #00000047;
    }

}

@media screen and (max-width: 600px) {

    /* уменьшил высоту слайдера */
    .uc-main-page .t-slds__items-wrapper,
    .uc-main-page .t-cover__wrapper,
    .uc-main-page .t734__table {
        height: 350px !important;
    }

    /* жёлтая полоска */
    .uc-main-page .t734__title.t-title.t-title_sm::before {
        width: 50px;
        height: 4px;
        margin-bottom: 20px;
    }

    /* Уменьшил заголовок */
    .uc-main-page .t734__title {
        color: #fff;
        font-size: 24px;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    /* отступ от кнопки сверху */
    .uc-main-page .t734__button {
        padding-top: 30px;
    }

    .uc-main-page a.t734__button.t-btnflex {
        margin-top: 30px;
        padding-top: 0;
    }

    .uc-main-page .t734__button a.t-btn.t-btn_md,
    .uc-main-page a.t734__button.t-btnflex_md {
        border: 2px solid #ffffff !important;
    }

}

/* конец слайдера */

/* ---- ОСНОВНЫЕ ПОСТЫ НА ГЛАВНОЙ ---- */

/* тень, скругление углов карточки, скорость появления тени при наведении */
.uc-main-page .t915 .t-feed__col-grid__post-wrapper {
    background-color: #ffffff;
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
    box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in; /*скорость появления тени */
}

/* отступы внутри карточки, чтобы текст не прилипал к краям */
.uc-main-page .t915 .t-feed__col-grid__wrapper {
    padding: 0 20px 30px;
}

/* заголовок карточки */
.uc-main-page .t915 .js-feed-post-title.t-feed__post-title.t-name.t-name_xl {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    color: #000000;
}

/* уменьшил вертикальный отступ между блоками */
.uc-main-page li.js-feed-post.t-feed__post {
    margin-top: 40px !important;
}

/* выравниваю текст относительно кнопки "подробнее"  */
.uc-main-page .t915 .t-feed__textwrapper {
    padding-left: 10px;
    padding-right: 8px;
}

/* подробнее становится жёлтым при наведении */
.uc-main-page .t915 .t-btntext.t-btntext_type_button {
    background-color: #fff;
    background-image: linear-gradient(90deg,#ffd30d,#ffd30d);
    background-position: 0 100%;
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in, color .3s ease-in, background-color .3s ease-in !important;

    border-radius: 3px;
    padding: 6px 10px;
}

/* АНИМАЦИЯ КНОПОК ПРИ ПРОСМОТРЕ С ДЕСКТОПОВ */
@media screen and (min-width: 1000px) {

    /* скругление углов на десктопе */
    .uc-main-page .t915 .t-feed__col-grid__post-wrapper {
        border-radius: 5px;
        overflow: hidden;
    }

    /* фон кнопки становится жёлтым */
    .uc-main-page .t915 .t-feed__col-grid__post-wrapper:hover .t-btntext {
        background-size: 100% 100%;
    }

    /* тень при наведении на блок */
    .uc-main-page .t915 .t-feed__col-grid__post-wrapper:hover {
        -webkit-box-shadow: rgba(50, 50, 93, 0.5) 0 2px 10px -1px, rgba(0, 0, 0, 0.6) 0 1px 3px -1px;
        box-shadow: rgba(50, 50, 93, 0.5) 0 2px 10px -1px, rgba(0, 0, 0, 0.6) 0 1px 3px -1px;
    }
}
/* конец анимации для 1000px */

/* уменьшил отступ для кнопки "смотреть больше" */
.uc-main-page .t915 .t-feed__buttons-wrapper.t-container {
    margin-top: 60px;
}

/* свечение при наведении для кнопки "смотреть больше" */
button.js-feed-btn-show-more:hover {
    -webkit-box-shadow: 0 0 10px #ffd30d;
    box-shadow: 0 0 10px #ffd30d;
}

/* ---- КОНЕЦ ОСНОВНЫЕ ПОСТЫ НА ГЛАВНОЙ ---- */

/* ---- ШИРОКИЙ ПРОМОБЛОК ---- */

/* размер шрифта в зависимости от экрана */
.uc-main-page .t338__title.t-title.t-title_xxs {
    font-size: calc(1.5vw + 30px);
    text-wrap: balance;
}

/* делаю чтобы шрифт не увеличивался более чем до 70 px */
@media screen and (min-width: 2560px) {
    .uc-main-page .t338__title.t-title.t-title_xxs {
        font-size: 68px;
    }

}

.uc-main-page .t338 .t-col.t-col_8.t-prefix_2 {
    max-width: 100vw;
    padding-left: 0;
}

/* добавил чёрточку над названием */
.uc-main-page .t338__title.t-title.t-title_xxs::before {
    content: "";
    width: 90px;
    height: 5px;
    display: block;
    background: #ffd30d;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

/* Увеличиваем размер кнопки */
/* Размываем фон под кнопкой про статью */
.uc-main-page a.t338__btn.t-btn.t-btn_md,
.uc-main-page a.t338__btn.t-btnflex_md {
    height: 55px;
    font-size: 14px;
    padding-left: 35px;
    padding-right: 35px;
    -webkit-backdrop-filter: blur(8px) brightness(0.7);
    backdrop-filter: blur(8px) brightness(0.7);
    letter-spacing: 1px;
}

/* ---- КОНЕЦ ШИРОКИЙ ПРОМОБЛОК ---- */

/* ---- НАШИ АВТОРЫ ---- */
.uc-main-page .t532__title.t-name.t-name_md {
    background-color: #ffd30d;
    display: inline;
    -webkit-filter: drop-shadow(-6px 0 0 #ffd30d) drop-shadow(6px 0 0 #ffd30d);
    filter: drop-shadow(-6px 0 0 #ffd30d) drop-shadow(6px 0 0 #ffd30d);
    line-height: 1.7;
    padding-bottom: 2px;
    font-weight: 700;
}

/* ---- МОБИЛЬНАЯ ВЕРСИЯ ГЛАВНОЙ СТРАНИЦЫ ---- */

@media screen and (max-width: 480px) {

    /* ---- РАЗДЕЛЫ ---- */

    /* Увеличил отступы между разделами на мобильном */
    .uc-main-page .t-menu__link-item {
        margin: 6px 4px;
    }

    /* ---- ПОСТЫ НА ГЛАВНОЙ ---- */

    /* растянул на всю ширину экрана */
    .uc-main-page li.js-feed-post.t-feed__post.t-item.t-width.t-feed__grid-col {
        padding-left: 0;
        padding-right: 0;
    }

    /* убрал скругление */
    .uc-main-page .t915 .t-feed__col-grid__post-wrapper {
        border-radius: 0;
    }

    /* уменьшил отступ текста */
    .uc-main-page .t915 .t-feed__col-grid__wrapper {
        padding: 0 15px 20px;
    }

    /* уменьшил высоту строки у заголовка */
    .uc-main-page .js-feed-post-title.t-feed__post-title.t-name.t-name_xl {
        line-height: 1.2;
    }
    /* увеличил высоту отступа между заголовком и описанием и размер описания */
    .uc-main-page .t-feed__post-descr {
        margin-top: 12px;
        font-size: 16px;
    }

    /* кнопка подробнее стала жирнее */
    .uc-main-page .t915 .t-feed__button-readmore .t-btntext {
        font-weight: 600;
        color: #242b33;
    }

    /* уменьшил отступы между постами */
    .uc-main-page li.js-feed-post.t-feed__post {
        margin-top: 25px !important;
    }

    /* убрал отступ у первого элемента */
    .uc-main-page li.js-feed-post.t-feed__post:first-child {
        margin-top: 0 !important;
    }

    /* фон между постами УБРАЛ */
    /* ul.js-feed-container { */
    /*    background-color: #ffffff; */
    /* } */

    /* отступ кнопки "показать больше" */
    .uc-main-page .t915 .t-feed__buttons-wrapper.t-container {
        margin-top: 30px;
    }

}

/* ----------------------КОНЕЦ ГЛАВНОЙ СТРАНИЦЫ---------------------- */

/* -----------ПОДПИСКА НА НОВОСТИ. В ПОТОКАХ------------------ */

.subscribe-block_medvedev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 680px;
    background-color: #242b33;
    border-radius: 10px;
    margin: 70px auto;
    padding: 30px 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-line-pack: center;
    align-content: center;
    font-family: 'Open Sans', Arial, sans-serif;
}

/* логотип */
.left-side_medvedev {
    width: 240px;
    margin-top: 5px;
    border-right: 1px solid #747474;
    margin-right: 45px;
    padding-right: 40px;
}

/* текст подписаться */
.subscribe-text_medvedev {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    line-height: 1.4;
    margin-bottom: 20px;
}

/* кнопка подписаться */
.subscribe-button_medvedev {
    background-image: -o-linear-gradient(left,#fff,#fff);
    background-image: -webkit-gradient(linear,left top, right top,from(#fff),to(#fff));
    background-image: linear-gradient(90deg,#fff,#fff);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-color: #ffd30d !important;
    color: #242b33 !important;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px 25px 9px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: background-size .2s ease-in;
    -o-transition: background-size .2s ease-in;
    transition: background-size .2s ease-in;
}

/* анимация кнопки */
.subscribe-button_medvedev:hover {
    background-size: 100% 100%;
}

/* уменьшил блок для Ipad */
@media screen and (max-width: 900px) {
    .subscribe-block_medvedev {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .subscribe-block_medvedev {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 50px;
        margin: 60px auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: 90%;
    }

    /* логотип */
    .left-side_medvedev {
        margin-top: 0;
        width: 40%;
        border-bottom: 4px solid #ffd30d;
        padding-bottom: 20px;
        margin-bottom: 50px;
        border-right: none;
        padding-right: 20px;
    }

    .right-side_medvedev {
        padding-left: 0;
        margin-top: 0;
        width: inherit;
    }

    /* шрифт зависимый от ширины экрана */
    .subscribe-text_medvedev {
        font-size: calc(0.3em + 3vw);
        margin-bottom: 20px;
    }

    .subscribe-button_medvedev {
        text-align: center;
        display: block;
        font-size: 20px;
        padding: 16px 25px 14px;
    }
}

@media screen and (max-width: 480px) {
    .subscribe-block_medvedev {
        padding: 37px 30px 43px;
    }

    .left-side_medvedev {
        width: 140px;
    }

    .subscribe-text_medvedev {
        font-size: calc(0.1em + 5vw);
        margin-bottom: 30px;
    }

    .subscribe-button_medvedev {
        font-size: 16px;
    }
}

/* ----конец блока ПОДПИСКА НА НОВОСТИ---- */

/* ------------------------ВНУТРИ ПОТОКА----------------------------- */

/* Какой то ГЛЮК у ТИЛЬДЫ */
@media screen and (max-width: 980px) {
    .t-feed__post-popup .t-popup__container {
        max-width: 800px;
    }
}

@media screen and (max-width: 900px) {
    .t-feed__post-popup .t-popup__container {
        max-width: 640px;
    }
}

/* ----КОД ДЛЯ ВСЕХ РАЗМЕРОВ---- */

/* ---- свой код потока Оглавление и ЯКОРНЫЕ ССЫЛКИ ---- */

@media screen and (min-width: 1201px) {
    .uc-potok_otstup {
        padding: 0 200px;
        position: relative;
        z-index: 2;
    }
}

@media screen and (max-width: 1201px) {
    .uc-potok_otstup {
        padding: 0;
        position: relative;
        z-index: 2;
    }
}

@media screen and (max-width: 480px) {
    .uc-potok_otstup {
        padding: 5px 20px 0;
    }
}

/* для десктопов основной набор */
.uc-link-potok {
    font-size: 20px;
    display: block;
    font-weight: 400;
    border: 0;
    background-color: #f0f0f0;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 6px 20px 4px;
    width: 450px;
    position: relative;
    z-index: 2;
}

.uc-link-potok:hover {
    background-color: #ffd30d !important;
}

@media screen and (max-width: 1200px) {
    .uc-link-potok {
        margin-bottom: 20px;
        padding: 10px 25px 8px;
        width: 50vw;
    }
}

@media screen and (max-width: 760px) {
    .uc-link-potok {
        font-size: 18px;
        margin-bottom: 15px;
        padding: 10px 25px 8px;
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    .uc-link-potok {
        font-size: 16px;
        margin-bottom: 15px;
        padding: 10px 25px 8px;
        width: auto;
    }
}

/* ------НАЧАЛО АНИМАЦИИ (линия над заголовком)-------- */

.t-feed__post-popup__title-wrapper .t-title_xxs::before {
    position: relative;
    content: "";
    width: 100%;
    height: 5px;
    top: -10px;
    background: #ffd30d;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    display: block;
}

.t-feed__post-popup__title-wrapper .t-title_xxs::before {
    -webkit-animation-name: title;
    animation-name: title;   /*Имя анимации, любое можно задать */
    -webkit-animation-duration: 4s;
    animation-duration: 4s; /*Длительность анимации */
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;    /*Количество иттераций проигрывания */
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;    /*Плавность анимации */
}

@-webkit-keyframes title {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes title {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/* ------КОНЕЦ АНИМАЦИИ-------- */

/* ---- ВРЕЗКА ОБЫЧНАЯ БЕЗ ИЗЫСКОВ НА СЕРОМ ФОНЕ ---- */
/* цвет стандартный — #f5f5f5 */
/* убираем иконку */
blockquote.t-redactor__callout[style*="background: #f5f5f5;"] .t-redactor__callout-icon {
    display: none;
}

/* отступы внутри серой рамки */
.t-redactor__callout[style*="background: #f5f5f5;"] {
    padding: 32px 38px !important;
}

@media screen and (max-width: 480px) {
    /* отступы внутри серой рамки */
    .t-redactor__callout[style*="background: #f5f5f5;"] {
        padding: 32px 20px !important;
    }
}

/* ---- КОНЕЦ ВРЕЗКА ОБЫЧНАЯ БЕЗ ИЗЫСКОВ НА СЕРОМ ФОНЕ ---- */

/* ----МАТЕРИАЛЫ ПО ТЕМЕ < 1200px---- */
/* цвет стандартный — #ebebeb */

/* убираем иконку */
blockquote.t-redactor__callout[style*="background: #ebebeb;" i] .t-redactor__callout-icon {
    display: none;
}

.t-redactor__callout[style*="background: #ebebeb;" i] {
    padding: 28px 38px 30px 38px !important;
    margin: 65px 60px 65px 60px !important;
    display: block;
    border-radius: 10px;
    background-color: white !important;
    -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 2px 6px 2px;
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 2px 6px 2px;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.t-redactor__callout[style*="background: #ebebeb;" i]:hover {
    -webkit-box-shadow: rgba(60, 64, 67, 0.6) 0 1px 2px 0, rgba(60, 64, 67, 0.3) 0 2px 6px 2px;
    box-shadow: rgba(60, 64, 67, 0.6) 0 1px 2px 0, rgba(60, 64, 67, 0.3) 0 2px 6px 2px;
}

.t-redactor__callout[style*="background: #ebebeb;" i] .t-redactor__callout-text strong {
    display: inline-block;
    font-size: 22px;
    color: #242b33;
    padding-top: 0;
    padding-bottom: 8px;
    line-height: 1.3;
}

.t-redactor__callout[style*="background: #ebebeb;" i] .t-redactor__callout-text {
    line-height: 1.4;
    font-size: 16px;
}

.t-redactor__callout[style*="background: #ebebeb;" i]::before {
    content: "материалы по теме";
    line-height: 0;
    font-size: smaller;
    vertical-align: super;
    display: block;
    color: #bdbdbd;
    margin-left: 1px;
}

.t-redactor__callout[style*="background: #ebebeb;" i]::after {
    content: "Перейти к статье";
    margin: 20px 0 0;
    display: inline-block;
    color: #444444;
    letter-spacing: 0.5px;
    font-size: 14px;
    border-bottom: 2px solid #ffd30d;
    padding: 1px 5px 0 3px;
    background-color: #fff !important;
    background-image: -webkit-gradient(linear,left top, right top,from(#ffd30d),to(#ffd30d));
    background-image: -o-linear-gradient(left,#ffd30d,#ffd30d);
    background-image: linear-gradient(90deg,#ffd30d,#ffd30d);
    background-position: 0 100%;
    background-size: 100% 0;
    background-repeat: no-repeat;
    -webkit-transition: background-size .2s ease-in;
    -o-transition: background-size .2s ease-in;
    transition: background-size .2s ease-in;
}

.t-redactor__callout[style*="background: #ebebeb;" i]:hover::after {
    background-size: 100% 100%;
}

/* ссылка растянутая на весь блок */
.t-redactor__callout[style*="background: #ebebeb;" i] .t-redactor__callout-text a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: transparent !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ----КОНЕЦ БЛОКА МАТЕРИАЛЫ ПО ТЕМЕ---- */

/* -------БЛОК НА СЕРОМ - АВТОР--------- */
/* родитель - иконка и текст */
.t-redactor__callout[style*="background: #f6f6f6;"],
.t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 75px 0 32px 2px !important;
    padding: 55px 0 45px 0 !important; /*отступ сверху и снизу серым */
}

/* иконка */
.t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-icon,
.t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-icon {
    color: transparent !important;
    position: relative;
    margin: 0 0 0 45px;
    min-width: 210px;
    border-radius: 10px;
    background-size: cover;
    background-position: center top;
    top: 0;
    left: 0;
}

/* текст и заголовок */
.t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text,
.t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text {
    margin: 0 45px 0 55px;
}

/* заголовок блок на сером */
.t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text strong,
.t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text strong {
    font-size: 28px;
    padding-top: 5px;
    border-top: 4px solid #ffcc00;
    padding-bottom: 10px;
    display: inline-block;
}

/* ссылки на автора в блоке на сером */
.t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text a,
.t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text a {
    display: inline-block;
    background-color: #ffd30d;
    color: #4c4c4c !important;
    padding: 3px 20px;
    margin: 5px 15px 5px 0;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
}
/* ----КОНЕЦ БЛОКА АВТОР---- */

.t-feed__post-popup__title-wrapper {
    padding-bottom: 5px;
}

/* ----теги под заголовком, для всех экранов--- */
.t-feed__post-popup__tag span {
    font-weight: 600;
    margin-right: 15px;
    margin-top: 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    color: rgb(0 0 0 / 50%);
    background-color: #f3f3f3;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
}

/* в начале статьи подпись кто перевод делал, для всех экранов */
.t-redactor__text [style="text-align: right;"] {
    line-height: 1.4;
    font-size: 16px;
    color: #929292;
}

@media screen and (max-width: 480px) {
    .t-redactor__text [style="text-align: right;"] {
        font-size: 14px;
    }
}

/* Жирный шрифт для заголовка, для всех экранов */
.js-feed-post-title.t-feed__post-popup__title.t-title.t-title_xxs {
    font-weight: 700;
}

/* подпись под фото, для всех экранов */
.t-redactor__tte-view figure figcaption {
    font-style: normal !important;
    text-align: center;
    text-wrap: balance;
    margin-top: 8px !important;
    color: #828282;
    opacity: 1 !important;
    /* font-size: 17px !important; */
}

/* заголовок h2, для всех экранов */
.t-feed__post-popup__text-wrapper .t-redactor__h2 {
    font-weight: 600;
}

/* имя автора, для всех экранов */
.js-feed-post-author-name.t-feed__post-popup__author-name.t-descr.t-descr_xxs {
    color: #9a9a9a;
    font-style: italic;
}

/* иконка блока на сером, для всех экранов */
.t-redactor__callout-icon path {
    display: none;
}

/* дата отступ, для всех экранов */
.t-feed__post-popup__date-parts-wrapper.t-feed__post-popup__date-parts-wrapper_aftertext {
    margin-top: 10px;
}

/* текст, для всех экранов */
.t-redactor__text {
    margin-top: 1rem !important;
}

/* список с маркерами, отступ между абзацами, для всех экранов */
.t-redactor__text li {
    padding-top: 10px;
}

/* для блоков в школе "смотри также" задал пропорции 16 на 9, для всех экранов */
.t-feed__post-popup__relevants-imgwrapper {
    padding-bottom: 56% !important;
}

/* Убиваю раздел избранное, для всех экранов */
[data-feedpart-title="избранное"] {
    display: none !important;
}

/* подпись из обычного текста за счёт цвета */
.t-redactor__text [style="color: rgba(11, 10, 10, 0.6);"] {
    display: inline-block;
    max-width: 550px;
    transform: translateY(-10px);
    text-wrap: balance;
}

/* Убираем фотки для мобильных */
@media screen and (min-width: 961px) {
    figure:has([alt="uc-mobile"]) {
        display: none !important;
    }
}

/* Убираем фотки для десктопа */
@media screen and (max-width: 960px) {
    figure:has([alt="uc-desctop"]) {
        display: none !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1200px) {

    .t-feed__post-popup__relevants-title-wrapper {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    .t-feed__post-popup__relevants-wrapper {
        max-width: 830px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
    }

    .t-feed__post-popup__relevants-item {
        min-width: 380px;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 960px) and (max-width: 980px) {

    /* кажется, тут ГЛЮК ТИЛЬДЫ */

    .t-feed__post-popup__relevants-wrapper {
        min-width: 600px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
    }

    .t-feed__post-popup__relevants-item {
        min-width: 360px;
        margin: 20px 0;
    }
}

/* -------------ДЛЯ ЭКРАНОВ СТРОГО > 1200PX------------------- */

@media screen and (min-width: 1201px) {

    /* ширина всего блока */
    .t-feed__post-popup__content.t-col.t-col_8 {
        max-width: 1160px;
    }

    /* уменьщил фотографию и подпись до 1000 пикселей при альт тексте 1000px */
    .t-feed__post-popup__text .t-redactor__tte-view [alt="1000px"],
    .t-feed__post-popup__text .t-redactor__tte-view [alt="1000px"] ~ figcaption {
        width: 1000px !important;
        display: block;
        margin: auto;
    }

    /* уменьщил фотографию и подпись до 760 пикселей при альт тексте 760px */
    .t-feed__post-popup__text .t-redactor__tte-view [alt="760px"],
    .t-feed__post-popup__text .t-redactor__tte-view [alt="760px"] ~ figcaption {
        width: 760px !important;
        display: block;
        margin: auto;
    }

    /* заголовок */
    .js-feed-post-title.t-feed__post-popup__title.t-title.t-title_xxs {
        margin: 30px 200px 0 200px !important;
        padding-top: 13px;
    }

    /* разделы */
    .t-feed__post-popup__date-parts-wrapper.t-feed__post-popup__date-parts-wrapper_beforetitle,
    .t-feed__post-popup__date-parts-wrapper.t-feed__post-popup__date-parts-wrapper_aftertitle {
        margin: 0 200px 0 200px !important;
    }

    /* подзаголовок */
    .t-redactor__h2 {
        margin-bottom: 0 !important;
        padding: 0 200px 0 200px !important;
        font-size: 38px !important;
        margin-top: 5rem !important;
    }

    /* подзаголовок */
    .t-redactor__h3 {
        margin-bottom: 0 !important;
        padding: 0 200px 0 200px !important;
    }

    /* подзаголовок */
    .t-redactor__h4 {
        margin-bottom: 0 !important;
        padding: 0 200px 0 200px !important;
    }

    /* текст */
    .t-redactor__text {
        padding: 0 200px 10px 200px !important;
    }

    /* обычная врезка без излишеств (на сером фоне) */
    .t-redactor__callout[style*="background: #f5f5f5;"] {
        padding: 28px 40px 30px 40px !important;
        margin: 30px 200px 60px 200px !important;
    }

    /* МАТЕРИАЛЫ ПО ТЕМЕ */
    .t-redactor__callout[style*="background: #ebebeb;"  i] {
        padding: 28px 40px 30px 40px !important;
        margin: 50px 200px 60px 200px !important;
    }

    /* заглавная картинка */
    .t-feed__post-popup__cover-wrapper {
        margin-bottom: 70px;
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    /* ограничение высоты заглавной картинки */
    img.js-feed-post-image.t-feed__post-popup__img.t-img {
        max-height: 850px;
        margin-left: auto;
        margin-right: auto;
    }

    /* картинки - кроме заглавной */
    .t-feed__post-popup__text .t-redactor__tte-view figure {
        margin: 2.5rem auto 4rem;

        /* это скорее всего код для подписей, но он ломает показ видео в потоках */
        /* display: -webkit-box; */
        /* display: -ms-flexbox; */
        /* display: flex; */
        /* -webkit-box-orient: vertical; */
        /* -webkit-box-direction: normal; */
        /*    -ms-flex-direction: column; */
        /*        flex-direction: column; */
        /* width: -webkit-fit-content; */
        /* width: -moz-fit-content; */
        /* width: fit-content; */
        /* -webkit-box-align: end; */
        /*    -ms-flex-align: end; */
        /*        align-items: flex-end; */
    }

    /* для вертикальных ограничение по высоте */
    .t-feed__post-popup__text .t-redactor__tte-view figure img {
        max-height: 800px;
        width: unset;
        margin: auto;
    }

    /* подпись */
    .t-feed__post-popup__text .t-redactor__tte-view figcaption {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        min-width: 100%;
    }

    /* ключевая фраза, вместо введения, выравнивание по центру */
    .t-redactor__preface p {
        margin: 40px 300px 40px 300px !important;
        font-size: 32px !important;
        color: #999999 !important;
        font-weight: 600 !important;
        line-height: 1.4;
        text-wrap: balance;
    }

    /* цитата */
    .t-feed__post-popup__text-wrapper blockquote.t-redactor__quote {
        padding-left: 20px !important;
        border-left: 8px solid #ffd30d !important;
        margin: 50px 200px 60px 171px !important;
        font-size: 24px;
        font-weight: 500;
        color: #717171;
        line-height: 1.25;
        /* background-color: #fcfcfc; */
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .t-feed__post-popup__text-wrapper blockquote.t-redactor__quote [style="text-align: right;"] {
        margin-top: 10px;
        font-size: 16px;
        color: #000000;
        font-weight: 600;
        letter-spacing: 0.5px;
        position: absolute;
        right: 200px;
    }

    .t-redactor__tte-view figure hr {
        width: 760px;
        margin: 0 200px 0 200px !important;
    } /*разделитель */

    .js-feed-post-date.t-feed__post-popup__date.t-uptitle.t-uptitle_sm {
        font-size: 14px;
        font-weight: 400;
        color: #999999;
        font-style: italic;
    } /*дата */

    /* .t-feed__post-popup__author-bgimg {
    width: 60px;
    height: 60px;
} аватарка */

/* ----------- СМОТРИТЕ ТАКЖЕ -------------- */
.t-feed__post-popup__relevants-item {
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 8px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 8px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.t-feed__post-popup__relevants-item:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 8px;
    box-shadow: rgba(0, 0, 0, 0.6) 0 2px 8px;
}

/* Виньетка на фотографию 1200px+ */
.t-feed__post-popup__relevants-bgimg.t-bgimg {
    -webkit-box-shadow: 0 -30px 50px 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 -30px 50px 0 rgba(0, 0, 0, 0.3) inset;
    border-radius: 0;
}

.t-feed__post-popup__relevants-textwrapper {
    /* color: white; */
    /* background-color: white; */
}

.t-feed__post-popup__relevants-title.t-align_left.t-uptitle.t-uptitle_xxl {
    font-size: 40px;
    margin: 80px 0 0;
    border-top: 6px solid #ffd30d;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 5px;
}

/* делаем две колонки в смотри также */
.t-feed__post-popup__relevants-item.t-col.t-col_3.t-align_left {
    max-width: 46%;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* на весь блок растягиваем, если мало контента */

.t-feed__post-popup__relevants-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* РАСТЯГИВАЕМ ССЫЛКУ НА ВЕСЬ БЛОК ВАЖНО */
.t-feed__post-popup__relevants-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.t-feed__post-popup__relevants-item a {
    height: 100%;
}

/* КНОПКА ПОДРОБНЕЕ */

.t-feed__post-popup__relevants-item::after {
    content: "Подробнее →";
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: black;
    position: relative;
    bottom: 65px;
    left: 25px;
    margin-bottom: 32px;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear,left top, right top,from(#ffd30d),to(#ffd30d));
    background-image: -o-linear-gradient(left,#ffd30d,#ffd30d);
    background-image: linear-gradient(90deg,#ffd30d,#ffd30d);
    background-position: 0 100%;
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border-radius: 5px;
    padding: 8px 10px;
    pointer-events: none;
}

.t-feed__post-popup__relevants-item:hover::after {
    background-size: 100% 100%;
}

/* КОНЕЦ КНОПКИ ПОДРОБНЕЕ */

/* название статьи в "смотри также" */
.t-feed__post-popup__relevants-item-title.t-name.t-name_xs {
    font-size: 22px;
    color: #000000;
    margin: 30px 35px 10px;
}

/* описание статьи в "смотрите также" */
.t-feed__post-popup__relevants-item-descr.t-descr.t-descr_xxs {
    color: #515151;
    padding: 5px 35px 20px;
}

}

/* -------ДЛЯ ЭКРАНОВ МЕНЬШЕ < 1200px ---------- */

@media screen and (max-width: 1200px) {

    /* скрыть иконку блока на сером везде, где нет фотографии автора */
    .t-redactor__callout-icon {
        display: none;
    }

    /* ширина колонки */
    .t-feed__post-popup__content.t-col.t-col_8 {
        max-width: 800px;
    }

    /* заголовок */
    .js-feed-post-title.t-feed__post-popup__title.t-title.t-title_xxs {
        padding-top: 13px;
    }

    /* теги под заголовком уменьшил шрифт */
    .t-feed__post-popup__tag span {
        font-size: 9px;
    }

    /* цитата от 1200 до 480 экран */
    .t-redactor__quote {
        padding-left: 20px !important;
        border-left: 6px solid #ffd30d !important;
        margin: 50px 0 40px 0 !important;
    }

    .t-feed__post-popup__text .t-redactor__tte-view blockquote.t-redactor__quote [style="text-align: right;"] {
        margin-top: 5px;
        font-size: 15px;
    }

    /* картинка от 1200 до 480 экран */
    .t-feed__post-popup__text .t-redactor__tte-view figure {
        margin: 3.5rem 0 2.5rem;
    }

    /* подзаголовок от 1200 до 480 экран */
    .t-redactor__h2 {
        margin-top: 3rem !important;
        margin-bottom: 0 !important;
    }

    /* ключевая фраза, вместо введения */
    .t-redactor__preface p {
        margin: 25px 80px 20px 80px !important;
        font-size: 32px !important;
        color: #999999 !important;
        font-weight: 600 !important;
        text-wrap: balance;
    }

    /* ----БЛОК ПРО АВТОРА < 1200px---- */

    /* убрал иконку */
    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-icon,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-icon {
        display: none;
    }

    /* отступ слева и справа */
    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text {
        margin: 0 40px;
    }

    /* отступ от заголовка снизу */
    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text strong,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text strong {
        margin-top: 15px;
        padding-bottom: 15px;
    }

    /* текст автор */
    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text strong::before,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text strong::before {
        content: "автор";
        letter-spacing: 0.5px;
        font-size: 14px;
        display: block;
        color: #b1b1b1;
        font-weight: 500;
        position: absolute;
        top: 40px;
    }

    /* декорация ссылкок */
    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text a,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text a {
        padding: 5px 20px;
        font-size: 14px;
    }

    /* ----КОНЕЦ БЛОКА ПРО АВТОРА---- */

    /* ----СМОТРИТЕ ТАКЖЕ < 1200px---- */

    .t-feed__post-popup__relevants-item-title.t-name.t-name_xs {
        font-size: 18px;
        font-weight: 700;
    }

    /* ---------СМОТРИ ТАКЖЕ------------ */
    .t-feed__post-popup__relevants-title.t-align_left.t-uptitle.t-uptitle_xxl {
        font-size: 32px;
        font-weight: 700;
        margin: 65px 0 30px;
        border-top: 4px solid #ffd30d;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-top: 6px;
    } /* смотрите также текст от 480 и от 960px */

    .t-feed__post-popup__relevants-bgimg.t-bgimg {
        border-radius: 5px;
    } /*скругление углов в смотри также */

}

/* ------------ДЛЯ ЭКРАНОВ 700PX - 960PX ---------------- */

@media screen and (max-width: 960px) {

    /* отступ от шапки */
    .t-feed__post-popup.t-popup_show .t-popup__container.t-popup__container-static {
        padding: 100px 0 70px;
    }

    /* Размер заголовка, материалы по теме */
    .t-redactor__callout[style*="background: #ebebeb;"  i] .t-redactor__callout-text strong {
        font-size: 20px;
    }

    .t-feed__post-popup.t-popup_show {
        padding: 0;
    }

}

/* ------------ДЛЯ ЭКРАНОВ 700PX - 480PX ---------------- */

@media screen and (max-width: 700px) {

    /* отступ от шапки */
    .t-feed__post-popup.t-popup_show .t-popup__container.t-popup__container-static {
        padding: 40px 0 0;
    }

    .t-feed__post-popup.t-popup_show {
        padding: 0 40px;
    }

    /* ключевая фраза, вместо введения */
    .t-redactor__preface p {
        margin: 20px 50px 20px 50px !important;
        font-size: 28px !important;
    }

    /* ----МАТЕРИАЛЫ ПО ТЕМЕ---- */

    /* Отступы */
    .t-redactor__callout[style*="background: #ebebeb;"  i] {
        padding: 28px 30px 25px 30px !important;
        margin: 55px 0 55px 0 !important;
    }

    /* Размер заголовка */
    .t-redactor__callout[style*="background: #ebebeb;"  i] .t-redactor__callout-text strong {
        font-size: 18px;
    }

    /* ----БЛОК - АВТОР---- */
    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text {
        margin: 0 35px;
    }

}

/* ----ДЛЯ МОБИЛЬНЫХ---- */
@media screen and (max-width: 480px) {

    /* убираем отступы для картинок */
    .t-feed__post-popup.t-popup_show {
        padding: 0 !important;
    }

    /* заголовок */
    .js-feed-post-title.t-feed__post-popup__title.t-title.t-title_xxs {
        padding: 13px 20px 0;
    }

    /* разделы */
    .t-feed__post-popup__date-parts-wrapper {
        padding: 0 20px 35px 20px !important;
    }

    /* заглавная картинка */
    .t-feed__post-popup__cover-wrapper {
        margin-bottom: 40px;
    }

    /* подзаголовок */
    .t-feed__post-popup__text-wrapper .t-redactor__h2,
    .t-feed__post-popup__text-wrapper .t-redactor__h3,
    .t-feed__post-popup__text-wrapper .t-redactor__h4 {
        margin-bottom: 0 !important;
        padding: 0 20px 0 20px !important;
        line-height: 1.2 !important;
    }

    .t-feed__post-popup__text-wrapper h2.t-redactor__h2 {
        font-size: 26px;
    }

    .t-feed__post-popup__text-wrapper h3.t-redactor__h3 {
        font-size: 20px;
    }

    /* текст */
    .t-redactor__text {
        padding: 0 20px 0 20px !important;
    }

    /* МАТЕРИАЛЫ ПО ТЕМЕ, цвет стандартный — #ebebeb */

    .t-redactor__callout[style*="background: #ebebeb;"  i]::after {
        font-weight: 600;
    }

    .t-redactor__callout[style*="background: #ebebeb;"  i] {
        border-radius: 10px;
        padding: 28px 30px 30px 30px !important;
        margin: 55px 20px 50px 20px !important;
    }

    .t-redactor__callout[style*="background: #ebebeb;"  i] .t-redactor__callout-text {
        line-height: 1.5;
        font-size: 15px;
    }

    .t-redactor__callout[style*="background: #ebebeb;"  i] .t-redactor__callout-text strong {
        font-size: 18px;
        color: #4e4e4e;
        padding-top: 4px;
    }
    /* ----КОНЕЦ БЛОКА МАТЕРИАЛЫ ПО ТЕМЕ---- */

    /* картинка */
    .t-feed__post-popup__text .t-redactor__tte-view figure {
        margin: 3rem 0 2.5rem;
    }

    /* подпись под фото */
    .t-feed__post-popup__text .t-redactor__tte-view figure figcaption {
        padding: 0 20px 0 20px !important;
        font-size: 12px;
    }

    /* ключевая фраза, вместо введения */
    .t-redactor__preface p {
        margin: 30px 20px 20px 20px !important;
        font-size: 24px !important;
        color: #999999 !important;
        font-weight: 600 !important;
        line-height: 1.4;
        text-wrap: balance;
    }

    /* цитата */
    .t-redactor__quote {
        padding-left: 13px !important;
        border-left: 5px solid #ffd30d !important;
        margin: 40px 20px 30px 20px !important;
        font-size: 15px;
        line-height: 1.7;
        letter-spacing: 0.5px;
        font-weight: 500;
        color: #1f1f1f;
    }

    .t-feed__post-popup__text .t-redactor__tte-view blockquote.t-redactor__quote [style="text-align: right;"] {
        font-size: 12px;
    }

    /* -------БЛОК НА СЕРОМ - АВТОР >480px----------- */

    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text strong::before,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text strong::before {
        top: 30px;
        font-weight: 400;
    }

    /* заголовок АВТОР */
    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text strong,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text strong {
        font-size: 22px;
        margin-top: 27px;
        margin-bottom: 10px;
        display: inline-block;
        color: #242b33 !important;
        font-weight: 600 !important;
    }

    .t-redactor__callout[style*="background: #f6f6f6;"] .t-redactor__callout-text,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text {
        margin: 0;
    }

    .t-redactor__callout[style*="background: #f6f6f6;"],
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] {
        padding: 30px 25px 35px 25px !important;
        margin: 55px 20px 20px 20px !important;
        color: #5e5e5e !important;
        border-radius: 10px;
    }

    /* ссылки на автора в блоке на сером */
    .t-redactor__callout[style*="background: #f6f6f6;"]  .t-redactor__callout-text a,
    .t-redactor__callout[style*="background: rgba(246, 246, 246, 1);"] .t-redactor__callout-text a {
        padding: 4px 20px;
        margin: 5px 15px 5px 0;
        font-size: 14px;
    }
    /* -------КОНЕЦ БЛОК НА СЕРОМ - АВТОР----------- */

    /* имя автора */
    .js-feed-post-author-name.t-feed__post-popup__author-name.t-descr.t-descr_xxs {
        padding: 0 20px;
    }

    /* ----СМОТРИТЕ ТАКЖЕ---- */

    /* смотрите также текст */
    .t-feed__post-popup__relevants-title.t-align_left.t-uptitle.t-uptitle_xxl {
        padding-top: 5px;
        border-top: 4px solid #ffcc00;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 20px 20px 30px;
        font-size: 26px;
        font-weight: 700;
    }

    /* отступы у всего блока смотри также */
    .t-feed__post-popup__relevants-item.t-col.t-col_3.t-align_left {
        padding: 0 20px;
        margin-bottom: 50px;
    }

    /* размер заголовка смотри также */
    .t-feed__post-popup__relevants-item-title.t-name.t-name_xs {
        font-size: 20px;
        font-weight: 700;
        color: black;
    }

    /* разделитель в смотри также */
    .t-feed__post-popup__relevants-textwrapper {
        padding-bottom: 15px;
        border-bottom: 2px solid #ebebeb;
    }

    /* скругление углов в смотри также 480px- */
    .t-feed__post-popup__relevants-bgimg.t-bgimg {
        border-radius: 5px;
    }
}

/* ---------------КОД ДЛЯ ПОТОКОВ КОНЕЦ----------------------------- */

/* -------------- КНОПКА ВСЕ КОММЕНТАРИИ В ТЕЛЕГРАМ ----------------- */

.telegram_medvedev {
    position: relative;
    background-color: #404040;
    margin-top: 40px;
    padding: 14px 0;
    width: 100%;
    color: white !important;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 20px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    max-width: 1160px;
    margin: auto;
    font-family: 'Open Sans', Arial, sans-serif;
}

.telegram_medvedev:hover {
    background-color: #3ea2e3;
}

.telegram_medvedev2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 15px;
}

.telegram_medvedev_icon {
    height: 23px;
    margin: auto 0;
}

@media screen and (max-width: 1200px) {

    .telegram_medvedev {
        background-color: #3ea2e3;
        max-width: 946px;
    }

    .telegram_medvedev2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 90%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .telegram_medvedev_icon {
        height: 25px;
    }
}

@media screen and (max-width: 920px) {
    .telegram_medvedev {
        font-size: 20px;
        padding: 17px 0 15px;
        font-weight: 700;
    }

    .telegram_medvedev2 {
        letter-spacing: 0.5px;
        width: 88%;
    }
}

@media screen and (max-width: 540px) {
    .telegram_medvedev {
        font-size: 18px;
        padding: 13px 0;
        font-weight: 600;
    }

    .telegram_medvedev_icon {
        height: 22px;
    }
}

@media screen and (max-width: 480px) {
    .telegram_medvedev {
        font-size: 16px;
        width: 90%;
        font-weight: 700;
        margin: 30px auto 0;
        padding: 16px 0 14px;
    }

    .telegram_medvedev_icon {
        height: 20px;
    }
}

/* ------------ БЛОК "ЛУЧШИЕ СТАТЬИ ГОРИЗОНТАЛЬНЫЙ" ------------ */

/* увеличение стрелочки по наведению */

.uc-lngrd-ftr .t-slds__arrow.t-slds__arrow-left.t-slds__arrow-withbg {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.uc-lngrd-ftr .t-slds__arrow.t-slds__arrow-right.t-slds__arrow-withbg {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.uc-lngrd-ftr .t-slds__arrow.t-slds__arrow-left.t-slds__arrow-withbg:hover {
    -webkit-transform: translate(0, -50%) scale(1.2);
    -ms-transform: translate(0, -50%) scale(1.2);
    transform: translate(0, -50%) scale(1.2);
}

.uc-lngrd-ftr .t-slds__arrow.t-slds__arrow-right.t-slds__arrow-withbg:hover {
    -webkit-transform: translate(0, -50%) scale(1.2);
    -ms-transform: translate(0, -50%) scale(1.2);
    transform: translate(0, -50%) scale(1.2);
}

/* жёлтая полоска и смена фона по наведению */
.uc-lngrd-ftr .t-feed__slider-grid__post-wrapper.t-col {
    background-color: #1e1f24;
    -webkit-box-shadow: inset 0 -5px 0 0 #ffd30d;
    box-shadow: inset 0 -5px 0 0 #ffd30d;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.uc-lngrd-ftr .t-feed__slider-grid__post-wrapper.t-col:hover {
    background-color: #19191c;
    -webkit-box-shadow: inset 0 -15px 0 0 #ffd30d;
    box-shadow: inset 0 -15px 0 0 #ffd30d;
}

/* отступы по краям карточки */
.uc-lngrd-ftr .t-feed__slider-grid__wrapper.t-feed__slider-grid__wrapper_align {
    padding: 0 20px 18px;
}

/* ------------ КОНЕЦ БЛОКА "ЛУЧШИЕ СТАТЬИ ГОРИЗОНТАЛЬНЫЙ" ------------ */

/* ---------------------------- ЛОНГРИД НАЧАЛО ------------------------ */

/* ----- ВСЕ ОТСТУПЫ ЛОНГРИД ----- */

/* IM01 фото с подписью */
.uc-longread .t107 {
    margin-top: 70px;
    margin-bottom: 30px;
}

/* GL02 две фото в ряд */
.uc-longread .t667 {
    margin-top: 70px;
    /* отступа снизу нет, но надо обязательно добавлять подпись TX08 чтобы он появился */
}

/* TX08 подпись */
.uc-longread .t046__text {
    padding-bottom: 30px;
    text-wrap: balance;
}

/* GL09 фото до/после */
.uc-longread .t410 {
    margin-top: 70px;
    margin-bottom: 30px;
}

/* FR302N лого+текст приложения */
.uc-longread .t165 {
    margin-top: 90px;
    margin-bottom: 0;
}

/* CL34N Галерея листалка */
.uc-longread .t801 {
    margin-top: 70px;
    margin-bottom: 50px;
}

/* Я сделал отступы сверху и снизу от листалки, чтобы они были другого цвета */
.uc-longread .t-col.t-col_12.t801__centeredsection {
    margin-top: 40px;
}

.uc-longread .t801 ul.t-slds__bullet_wrapper {
    padding-bottom: 15px;
}
/* конец листалки */

/* TL04 Подзаголовок */
.uc-longread .t120 {
    margin-top: 30px;
}

.uc-longread .t120__title {
    padding-bottom: 0;
}

/* длинная фотка со скроллом */
.uc-longread1 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
/* пришлось добавить .uc-longread1, потому что она определяется стрёмно
по сути у этого блока нет своего стиля по умолчанию. К .t148 мне не удалось
прицепиться */

/* ключевая фраза с полоской */
.uc-longread .t158 {
    margin-top: 45px;
    margin-bottom: 40px;
}

/* цитата */
.uc-longread .t254 {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* об авторе */
.uc-longread .t531 {
    margin-top: 35px;
    margin-bottom: 40px;
}

@media screen and (max-width: 980px) {

    /* IM01 фото с подписью */
    .uc-longread .t107 {
        margin-top: 40px;
        margin-bottom: 5px;
    }

    /* GL02 две фото в ряд */
    .uc-longread .t667 {
        margin-top: 40px;
        /* отступа снизу нет, но надо обязательно добавлять подпись TX08 чтобы он появился */
    }

    .uc-longread .t667__container.t-container {
        max-width: 100%;
        /* надо убрать потом ниже эти записи */
    }

    .uc-longread .t667__row.t667__row_indent-10px.t-row {
        padding-left: 0;
        padding-right: 0;
    }

    /* TX08 подпись */
    .uc-longread .t046__text {
        padding-bottom: 33px;
    }

    /* GL09 фото до/после */
    .uc-longread .t410 {
        margin-top: 40px;
        margin-bottom: 45px;
    }

    /* перенести ниже эти записи */
    .uc-longread .t410__col {
        padding-left: 0;
        padding-right: 0;
    }

    .uc-longread .t410 .t-container {
        max-width: 100%;
    }

    /* longread 2 без отступа */
    .uc-longread2 .t410__col {
        padding-left: 0;
        padding-right: 0;
    }

    .uc-longread2 .t410 .t-container {
        max-width: 100%;
    }

    /* CL34N Галерея листалка */
    .uc-longread .t801 {
        margin-top: 40px;
        margin-bottom: 45px;
    }

    .uc-longread .t-col.t-col_12.t801__centeredsection {
        margin-top: 20px;
    }

    .uc-longread .t801 ul.t-slds__bullet_wrapper {
        padding-bottom: 5px;
    }
    /* конец листалки */

    /* TL04 Подзаголовок */
    .uc-longread .t120 {
        margin-top: 10px;
    }

    /* об авторе */
    .uc-longread .t531 {
        margin-top: 30px;
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 640px) {
    /* IM01 фото с подписью */
    .uc-longread .t107 {
        margin-top: 25px;
        margin-bottom: 0;
    }

    .uc-longread .t107__title,
    .uc-cover .t107__title {
        padding-bottom: 15px;
    }

    /* GL09 фото до/после */
    .uc-longread .t410 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    /* GL02 две фото в ряд */
    .uc-longread .t667 {
        margin-top: 15px; /*там глубже другой контейнер +10px */
        margin-bottom: 8px;
    }

    .uc-longread .t667__row_indent-10px .t667__tile_right {
        padding-left: 2px;
    }

    .uc-longread .t667__row_indent-10px .t667__tile_left {
        padding-right: 2px;
    }

    /* TX08 подпись */
    .uc-longread .t046__text {
        padding-top: 0;
        padding-bottom: 30px;
    }

    /* CL34N Галерея листалка */
    .uc-longread .t801 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    /* TL04 Подзаголовок */
    .uc-longread .t120 {
        margin-top: 10px;
    }

    /* ключевая фраза с полоской */
    .uc-longread .t158 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    /* цитата */
    .uc-longread .t254 {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    /* заголовок убрал лишний отступ снизу */
    .uc-longread .t120__title {
        padding-bottom: 0;
    }

    /* об авторе */
    .uc-longread .t531 {
        margin-top: 10px;
        margin-bottom: 35px;
    }
}

/* конец все отступы лонгрида */

/* ---- ЗАГОЛОВОК ДЛЯ МОБИЛЬНЫХ ----  */

/* маленькие планшеты */
@media screen and (min-width: 480px) {

    .uc-cover .t107__title {
        display: none;
    }

    .uc-cover .t107 {
        margin-bottom: 50px;
    }

    /* имя автора - надзаголовок */
    .uc-longread .t050 .t050__uptitle {
        padding-top: 20px;
        padding-bottom: 1px;
    }

    /* заголовок */
    .uc-longread .t050 .t-title_xxl {
        font-size: 44px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: -2px;
        padding-top: 29px;
        padding-bottom: 13px;
    }

    /* описание */
    .uc-longread .t050 .t-descr_xxl {
        font-size: 20px;
        color: #7a7a7a;
        font-weight: 500;
        text-wrap: unset;
        padding-top: 1px;
        padding-bottom: 20px;
        border-bottom: 4px solid #7a7a7a;
    }
}

/* большие планшеты вертикальн */
@media screen and (min-width: 700px) {

    /* заголовок */
    .uc-longread .t050 .t-title_xxl {
        font-size: 49px;
    }

}

/* для мобильных */
@media screen and (max-width: 480px) {
    /* имя автора - надзаголовок */
    .uc-longread .t050 .t050__uptitle {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    /* заголовок */
    .uc-longread .t050 .t-title_xxl {
        font-size: 36px;
        font-weight: 700;
        letter-spacing: -1px;
        padding-top: 30px;
        padding-bottom: 10px;
        line-height: 1.15;
    }

    /* описание */
    .uc-longread .t050 .t-descr_xxl {
        font-size: 18px;
        color: #7a7a7a;
        font-weight: 500;
        text-wrap: balance;
        padding-top: 1px;
        padding-bottom: 1px;
        line-height: 1.2;
    }
}

/* ---- ОБЛОЖКА ---- */

/* добавляем логотип */
.uc-cover .t-cover::before {
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    width: 12vw;
    height: 12vw;
    top: 87px;
    left: 45px;
    background-image: url(https://static.tildacdn.com/tild3761-6363-4064-a164-626638643037/NPT-white.svg);
    z-index: 2;
}

/* выравниваем текст по левому краю */
.uc-cover .t001__wrapper {
    padding-top: 42px;
    padding-bottom: 42px;
    text-align: left;
    width: 760px;
    margin: auto;
}

/* лишний отступ в описании */
.uc-cover .t001__descr_center {
    margin: 0;
}

/* подпись под фотографией, убираем отступ от фотографии, баланс текста и высота строки */
.t107__title {
    padding-top: 10px;
    line-height: 1.3;
    text-wrap: balance;
    color: #606060;
}

@media screen and (min-width: 1200px) {
    .t107__title {
        font-size: 15px;
    }
}

/* чёрная плашка под называнием */
/* .t001__wrapper {
background-color: #00000073;
padding: 20px 60px 0;
border-radius: 20px 20px 0 0;
} */

/* ---- КОНЕЦ ОБЛОЖКИ ---- */

/* ---- ВВОДНЫЙ ТЕКСТ ---- */
.uc-longread .t119__preface {
    font-size: 26px;
    line-height: 1.6;
    color: #242b33;
}

@media screen and (max-width: 1200px) {

    .uc-longread .t119__preface {
        font-size: 24px;
    }
}

@media screen and (max-width: 730px) {

    .uc-longread .t119__preface {
        font-size: 20px;
    }
}

@media screen and (max-width: 480px) {

    .uc-longread .t119__preface {
        font-size: 18px;
        line-height: 1.45;
    }
}

/* ---- TX04 Нумерованый список в тексте ---- */
.t004 li {
    margin-top: 20px;
}

/* ---- ME606 список пунктов меню ---- */
.t976__menu-link_medium {
    padding: 10px 20px 8px;
}

/* ---- CL22 Иконка + описание для приложений */

/* стоимость */
.t165__text.t-text.t-text_sm sup {
    color: #5f5f5f;
    letter-spacing: 1px;
    font-size: 16px;
}

/* скругление для svg */
.uc-longread .t165__img {
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
}

/* отступ от кнопки */
.uc-longread .t165__btn-wrapper {
    padding-top: 30px;
}

/* размер кнопки */
.uc-longread .t165 .t-btn_sm,
.uc-longread .t165 .t-btnflex_sm {
    height: 40px;
    font-size: 12px;
    padding-left: 25px;
    padding-right: 25px;
    letter-spacing: 1px;
}

/* ---- Кнопки appstore и google play ---- */
.uc-longread img.t392__img.t-img {
    height: 45px;
}

.uc-longread .t392__btn {
    margin-right: 15px !important;
}

/* ---- GL05 Несколько фоток в один ряд ---- */
.uc-longread .t156 img.t-img.loaded {
    border-radius: 15px;
    -webkit-filter: drop-shadow(3px 8px 7px #222222);
    filter: drop-shadow(3px 8px 7px #222222);
}

/* чтобы при скролле скролл не залезал на фотки */
.t156__item {
    padding-bottom: 30px;
}

/* ---- КЛЮЧЕВАЯ ФРАЗА С ПОЛОСКОЙ СВЕРХУ ---- */

.uc-longread .t158__text {
    text-wrap: balance;
    color: #a9a9a9;
    font-size: 32px;
}

.uc-longread .t158__text::before {
    content: "";
    display: block;
    height: 6px;
    width: 120px;
    background-color: #ffd30d;
    position: relative;
    margin: 0 auto 20px;
}

/* тень вокруг комментаирев */
.uc-longread .t664,
.uc-longread .t902 {
    -webkit-filter: drop-shadow(1px 1px 2px #dddddd);
    filter: drop-shadow(1px 1px 2px #dddddd);
}

.uc-longread .t902 .t-name_md {
    font-size: 20px;
}

.uc-longread .t902__bottommargin {
    margin-bottom: 5px;
}

.uc-longread .t902 .t-descr_xs {
    font-size: 16px;
}

.uc-longread .t902__content {
    padding: 30px 40px;
}

.uc-longread .t902__bgwrapper {
    width: unset;
}

.uc-longread .t902__wrap_left {
    flex-basis: 35%;
}

.uc-longread .t902__wrap_right {
    flex-basis: 65%;
}

.uc-longread .t902 .t-btn_xs,
.uc-longread .t902 .t-btnflex_xs {
    font-size: 12px;
    height: 40px;
    padding-left: 25px;
    padding-right: 25px;
    letter-spacing: 0.5px;
}

/* ---- CL34N Галерея листалка ---- */

@media screen and (max-width: 980px) {

    /* GL05 Несколько фоток в один ряд - включил скролл */

    .uc-longread .t156 .t-col.t-col_12 {
        overflow-x: scroll;
    }

    .uc-longread .t156__wrapper {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
    }

    .uc-longread .t156 .t-container {
        max-width: 100%;
    }

    /* отступ после последнего элемента */
    .t156__item:last-child {
        padding-right: 20px;
    }

    .uc-longread .t156__item img {
        height: 50vh !important;
        width: unset !important;
    }

    /* ---- CL22 Иконка + описание для приложений */

    .uc-longread .t165 .t-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .uc-longread .t165__col-top.t-col.t-col_2.t165__vtop.t165__left {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 30px;
    }

    .uc-longread img.t165__img.t-img {
        height: 100px;
        width: 100px;
    }

    /* отступ от кнопки */
    .uc-longread .t165__btn-wrapper {
        padding-top: 30px;
        padding-bottom: 5px;
    }

    /* ---- Кнопки appstore и google play ---- */
    .uc-longread .t392__btn {
        display: inline-block;
    }

    /* CL34N Уменьшил отступы слева и справа на планшетах */
    /* Уменьшил расстояние до точек */
    .uc-longread .t-col.t-col_12.t801__centeredsection {
        padding: 0 20px;
        margin-bottom: 5px;
    }

    /* Убрал отступы от точек снизу */
    ul.t-slds__bullet_wrapper {
        padding: 0;
    }

    .uc-longread .t902__wrap {
        flex-direction: column;
    }

    .uc-longread .t902__bgwrapper {
        width: 100% !important;
        height: 330px;
    }

    .uc-longread .t902__wrap_right {
        padding-bottom: 0;
    }

    .uc-longread .t902 .t-descr_xs {
        font-size: 20px;
        padding-top: 10px;
    }

    .uc-longread .t902__btn-container {
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 640px) {
    /* CL34N Убрал отступы слева и справа на мобильных */
    .uc-longread .t-col.t-col_12.t801__centeredsection {
        padding: 0;
    }

    /* GL09 убрал отступы на мобильнром */
    .uc-longread .t410__col.t-col.t-col_12 {
        padding: 0;
    }

    /* ME606 Меню ввиде тегов */

    /* На мобильных устройствах в одну строку */
    .uc-longread .t976__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .uc-longread .t976__list-item {
        position: relative;
        padding: 0 0 20px;
    }

    .uc-longread .t158__text {
        font-size: 28px;
        line-height: 1.3;
    }

    .uc-longread .t158__text::before {
        content: "";
        height: 5px;
        width: 100px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 480px) {
    .uc-longread .t158__text {
        font-size: 25px;
    }

    .uc-longread .t158__text::before {
        height: 4px;
    }

    /* отступ от стрелки до края экрана в слайдере */
    .uc-longread .t604 button.t-slds__arrow.t-slds__arrow-right {
        margin-right: 7px;
    }

    .uc-longread .t604 .t-slds__arrow_body.t-slds__arrow_body-left {
        margin-left: 7px;
    }

    .uc-longread .t664 {
        padding-bottom: 40px;
    }

    .uc-longread .t902__content {
        padding: 10px 0 15px;
    }

    .uc-longread .t902 .t-descr_xs {
        font-size: 14px;
        line-height: 1.45;
        padding-top: 0;
    }

    .uc-longread .t902__bgwrapper {
        height: 200px;
        /* min-height: 200px; */
    }

    /* ---- БЛОК ЦИТАТА ---- */

    /* уменьшил межстрочку на мобильных */
    .t254 .t-text_lg {
        line-height: 1.25;
    }

    /* ---- GL02 - ДВЕ ФОТО В РЯД ---- */

    /* убрал отступ от краёв */
    .uc-longread .t667__row.t-row {
        padding-right: 0;
        padding-left: 0;
    }
}

/* ---- IM02 ШИРОКАЯ ФОТО СО СКРОЛЛОМ ---- */

/* меняем цвет подписи */
.uc-longread1 .t148__title {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    margin-bottom: 50px;
    margin-left: 50px;
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    color: #000;
    background-color: #ffd30d;
    font-size: 19px;
    font-weight: 600;
}

/* включаем прокрутку на мобильных */
.uc-longread1 .t148 .t-cover,
.uc-longread1 .t148 .t-cover__carrier {
    background-attachment: fixed;
}

/* ---- IM05 - ШИРОКАЯ ФОТОГРАФИЯ СО СКРОЛЛОМ И ТЕКСТОМ ---- */
.uc-longread1 .t208__textwrapper {
    padding-right: 40px;
    padding-left: 45px;
}

.uc-longread1 .t208__text {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* БЛОК КНОПОК С ДРУГИМИ СТАТЬЯМИ ИЗ СЕРИИ */

.uc-showmore-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 200px;
    padding-top: 30px;
    padding-bottom: 35px;
}

@media (max-width: 1200px) {
    .uc-showmore-container {
        padding-left: 0;
    }
}

.uc-showmore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 500px; /* Ширина на десктопе */
    padding: 12px 30px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: bold;
    background-color: white;
    color: black;
    border: 2px solid #4d4d4d;
    border-radius: 5px; /* Скругление углов */
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uc-showmore .text {
    flex-grow: 1;
    text-align: left;
}

.uc-showmore .arrow {
    margin-left: auto;
    font-size: 20px;
}

.uc-showmore:hover {
    background-color: #ffd30d;
    border-color: #ffd30d;
}

@media (max-width: 760px) {
    .uc-showmore {
        font-size: 15px; /* Уменьшенный размер шрифта */
        max-width: 75%;
    }
}

/* Мобильная версия */
@media (max-width: 480px) {
    .uc-showmore-container {
        padding-left: 41px;
        padding-right: 41px;
        align-items: center;
    }

    .uc-showmore {
        max-width: unset;
        width: 100%; /* Кнопка будет занимать 100% от доступной ширины */
        justify-content: space-between; /* Стрелка рядом с текстом */
        padding: 10px 20px; /* Отступы внутри кнопки */
    }

    .uc-showmore .arrow {
        margin-left: 10px;
    }

    .uc-showmore .text {
        text-align: left;
    }
}

/* ---- БЛОК ОБ АВТОРЕ ---- */

/* Переводим в грид, задаём пропорцию картинки к тексту */
.uc-longread li.t531__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2.7fr;
    grid-template-columns: 1fr 2.7fr;
}

/* высота изображения */
.uc-longread .t531__imgwrapper.t531__imgwrapper_lg {
    height: 100%;
}

/* растягиваем картинку на весь блок */
.uc-longread .t531__blockimg {
    height: 100%;
    padding-bottom: 0 !important;
    min-height: 300px;
}

/* добавить фон в блок автора */
.uc-longread li.t531__row {
    background-color: #f6f6f6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 20px;
    padding-right: 30px;
}

.uc-longread .t-col.t-col_4.t531__leftcol {
    margin: 0;
}

.uc-longread .t-col.t-col_8.t531__rightcol {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* имя автора и жёлтая полоска */
.uc-longread .t531__title {
    font-size: 32px;
    line-height: 1.35;
    border-top: 4px solid #ffd30d;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 10px;
    margin-top: 15px; /* отступ сверху */
}

/* ссылка на сайт автора */
.uc-longread .t531__text.t-text.t-text_sm a {
    background-color: #ffd30d;
    display: inline-block;
    margin-right: 10px;
    margin-top: 26px;
    padding: 3px 15px;
    color: #4c4c4c !important;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

@media screen and (max-width: 1200px) {
    .uc-longread li.t531__row {
        margin: 0 10px;
    }

    /* имя автора */
    .uc-longread .t531__title {
        font-size: 28px;
        /* margin-top: 40px; */
    }

}

@media screen and (max-width: 960px) {

    /* скруглил углы у всего блока */
    .uc-longread li.t531__row {
        border-radius: 10px;
        overflow: hidden;
        display: block;
        margin: 0 20px;
        padding-right: 0;
    }

    .uc-longread .t531__leftcol {
        display: none;
    }

    .uc-longread .t531__rightcol {
        padding: 45px 45px !important;
    }

    /* имя автора */
    .uc-longread .t531__title {
        font-size: 32px;
        margin-top: 0;
    }

    /* ссылка на сайт автора */
    .uc-longread .t531__text.t-text.t-text_sm a {
        margin-bottom: 0;
    }

}

@media screen and (max-width: 730px) {
    .uc-longread .t531__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 480px) {

    .uc-longread .t531__textwrapper.t-align_center.t531__marginauto {
        padding-top: 0;
    }

    .uc-longread .t531__title {
        font-size: 22px;
    }

    .uc-longread .t531__rightcol {
        width: 100%;
        padding: 40px 25px !important;
    }

    .uc-longread .t531 .t-name_xl {
        font-weight: 600;
    }

}

/* ---- конец БЛОК ОБ АВТОРЕ ---- */

/* ---- БАБЛЫ РЕКЛАМА TG КАНАЛА ---- */
.uc-lngrd-ftr .t530 {
    padding-bottom: 85px;
    background-color: #fbf5eb;
    background-image: url(https://static.tildacdn.com/tild6131-3336-4838-b439-323563336338/bg.png);
}

.uc-lngrd-ftr .t530__bubble {
    padding: 20px 25px;
}

.uc-lngrd-ftr .t530 .t-section__bottomwrapper {
    margin-top: 50px;
}

.uc-lngrd-ftr .t530 a.t-btn.t-btn_md,
.uc-lngrd-ftr .t530 a.t-btnflex_md {
    background-color: #3ea2e3 !important; /*основной цвет кнопки */
    color: #ffffff !important; /*цвет шрифта */
    background-image: -webkit-gradient(linear,left top, right top,from(#fff),to(#fff));
    background-image: -o-linear-gradient(left,#fff,#fff);
    background-image: linear-gradient(90deg,#fff,#fff); /*цвет кнопки по ховеру */
    background-position: 0 100%; /*расположение фона */
    background-size: 0 100%; /*размер фона */
    background-repeat: no-repeat; /*то, что не повторяется */
    -webkit-transition: background-size .2s ease-in, color .2s ease;
    -o-transition: background-size .2s ease-in, color .2s ease;
    transition: background-size .2s ease-in, color .2s ease; /*переход */
}

.uc-lngrd-ftr .t530 a.t-btn.t-btn_md:hover,
.uc-lngrd-ftr .t530 a.t-btnflex_md:hover {
    background-size: 100% 100%;
    color: #3ea2e3 !important;
}

@media screen and (max-width: 960px) {
    .uc-lngrd-ftr .t530 .t-section__topwrapper {
        margin-bottom: 55px;
    }

    .uc-lngrd-ftr .t530 {
        padding-bottom: 55px;
    }
}

/* ---- конец БАБЛЫ РЕКЛАМА TG КАНАЛА ---- */

/* ---- Кнопка ТЕЛЕГРАМ в лонгриде ---- */
.uc-lngrd-ftr .t993__btn-text-wrapper {
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* ---- СМОТРИТЕ ТАКЖЕ В ЛОНГРИДЕ ---- */

/* заголовок смотрите также */
.uc-lngrd-ftr .t120__title {
    text-transform: uppercase;
}

.uc-lngrd-ftr .t915 .t-feed__col-grid__post-wrapper {
    background-color: #ffffff;
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
    box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in; /*скорость появления тени */
}

.uc-lngrd-ftr .t915 .t-feed__col-grid__wrapper.t-feed__col-grid__wrapper_align {
    padding: 0 20px 20px;
}

.uc-lngrd-ftr .t915 .t-name_md {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #000000;
}

.uc-lngrd-ftr .t915 .t-feed__post-descr {
    margin-top: 8px;
    color: #4d4d4d;
    font-size: 14px;
}

.uc-lngrd-ftr .t915 .t-feed__grid-col:not(.t-slds__item) {
    margin-top: 60px;
}

/* ----АНИМАЦИЯ только десктоп---- */
@media screen and (min-width: 980px) {

    /* подробнее становится жёлтым при наведении */
    .uc-lngrd-ftr .t915 .t-btntext {
        background-color: #ffffff; /*основной цвет кнопки */
        background-image: -webkit-gradient(linear,left top, right top,from(#ffd30d),to(#ffd30d));
        background-image: -o-linear-gradient(left,#ffd30d,#ffd30d);
        background-image: linear-gradient(90deg,#ffd30d,#ffd30d); /*цвет кнопки по ховеру */
        background-position: 0 100%; /*расположение фона */
        background-size: 0 100%; /*размер фона */
        background-repeat: no-repeat; /*то, что не повторяется */
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in; /*переход */
        border-radius: 5px;
        padding: 5px 10px;
    }

    .uc-lngrd-ftr .t915 .t-feed__col-grid__post-wrapper:hover .t-btntext {
        background-size: 100% 100%;
    }

    /* тень при наведении */
    .uc-lngrd-ftr .t915 .t-feed__col-grid__post-wrapper:hover {
        -webkit-box-shadow: rgba(50, 50, 93, 0.5) 0 2px 10px -1px, rgba(0, 0, 0, 0.6) 0 1px 3px -1px;
        box-shadow: rgba(50, 50, 93, 0.5) 0 2px 10px -1px, rgba(0, 0, 0, 0.6) 0 1px 3px -1px;
    }
}

/* ----ВЕРТИКАЛЬНЫЕ ПЛАНШЕТЫ---- */
@media screen and (max-width: 980px) {

    /* СМОТРИТЕ ТАКЖЕ ЗАГОЛОВОК */
    .uc-lngrd-ftr .t120__title {
        font-size: 32px;
        border-top: 6px solid #ffd30d;
        padding-top: 15px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    /* Увеличил размер заголовка */
    .uc-lngrd-ftr .t915 .t-name_md {
        margin-top: 10px;
        font-size: 22px;
    }

    /* Увеличил размер подписи */
    .uc-lngrd-ftr .t915 .t-feed__post-descr {
        margin-top: 12px;
        font-size: 16px;
    }

    /* кнопка подробнее, откступ */
    .uc-lngrd-ftr .t915 .t-btntext {
        margin-top: 20px;
    }

    /* Отступ снизу от кнопки подробнее */
    .uc-lngrd-ftr .t915 .t-feed__col-grid__wrapper.t-feed__col-grid__wrapper_align {
        padding: 0 30px 30px;
    }

    /* ОСТАВИЛ ТОЛЬКО ТРИ ПЕРВЫХ НОВОСТИ */
    .uc-lngrd-ftr .t915 li.js-feed-post.t-feed__post.t-item.t-width.t-feed__grid-col.t-col.t-col_4.t-align_left:nth-child(n+4) {
        display: none;
    }

}

@media screen and (max-width: 480px) {

    /* СМОТРИТЕ ТАКЖЕ ЗАГОЛОВОК */
    .uc-lngrd-ftr .t120__title {
        font-size: 26px;
        border-top: 4px solid #ffd30d;
        padding-top: 10px;
        text-transform: none;
    }

    .uc-lngrd-ftr .t915 ul li {
        margin-top: 40px !important;
    }

    /* отступ от первого элемента */
    .uc-lngrd-ftr .t915 ul li:first-child {
        margin-top: 25px !important;
    }

    /* Убираю тени для мобильного */
    .uc-lngrd-ftr .t915 .t-feed__col-grid__post-wrapper {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        background-color: transparent;
    }

    /* Убираю все отступы, кроме нижнего */
    .uc-lngrd-ftr .t915 .t-feed__col-grid__wrapper.t-feed__col-grid__wrapper_align {
        padding: 0 0 15px;
        border-bottom: 2px solid #ebebeb;
    }

    /* Убираю кнопку "подробнее" */
    .uc-lngrd-ftr .t915 .t-feed__col-grid__wrapper.t-feed__col-grid__wrapper_align .t-feed__button-readmore {
        display: none;
    }

    /* скругление углов у фотографии */
    .uc-lngrd-ftr .t915 .t-feed__col-grid__post-wrapper .t-feed__post-bgimg {
        border-radius: 5px;
    }

    .uc-lngrd-ftr .t915 .t-feed__col-grid__post-wrapper .t-feed__post-imgwrapper {
        margin-bottom: 5px;
    }

    /* Уменьшаю размер шрифта в заголовке */
    .uc-lngrd-ftr .t915 .t-name_md {
        font-size: 20px;
    }

    /* Уменьшаю размер шрифта в описании */
    .uc-lngrd-ftr .t915 .t-feed__post-descr {
        margin-top: 10px;
        font-size: 14px;
    }

}

/* ---- конец блока СМОТРИТЕ ТАКЖЕ В ЛОНГРИДЕ ---- */

/* -----------ПЭЙВОЛЛ НАЧАЛО -------------- */

/* белый градиент */
.uc-longread .t589::before {
    content: "";
    width: 100%;
    height: 40vh;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    position: absolute;
    top: calc((40vh + 6px) * -1);
}

/* жёлтая полоска и отступы */
.uc-longread .t589 {
    padding-top: 75px;
    padding-bottom: 90px;
    border-top: 6px solid #ffd30d;
    /* box-shadow: 0 -200px 250px white; */
    overflow: visible;
    position: relative;
}

/* уменьшил логотип и убрал прозрачность */
.uc-longread .t589__img {
    opacity: 0.2;
}

@media screen and (min-width: 961px) {
    .uc-longread .t589__img {
        margin-top: 10px;
        max-width: 310px;
        margin-left: 0;
        opacity: 0.2;
    }

    .uc-longread .t589__col.t-col.t-col_4.t-col_flex {
        width: 530px;
        margin-left: auto;
        margin-right: auto;
    }

    .uc-longread .t589__col.t-col.t-col_8.t-col_flex {
        max-width: 530px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* уменьшил контейнер под текст и добавил небольшой отступ слева  */
@media screen and (min-width: 1100px) {
    .uc-longread .t589__col.t-col.t-col_8.t-col_flex {
        max-width: 610px;
        margin-left: 80px;
    }
}

@media screen and (min-width: 1250px) {
    .uc-longread .t589__col.t-col.t-col_8.t-col_flex {
        max-width: 610px;
        margin-left: 110px;
    }
}

/* ВЕРТИКАЛЬНЫЙ ФОРМАТ ПЭЙВОЛЛА */

@media screen and (min-width: 641px) and (max-width: 960px) {
    .uc-longread .t589__img {
        max-width: 200px;
        margin-left: 45px;
    }

    .uc-longread .t589__col.t-col.t-col_8.t-col_flex {
        max-width: 530px;
        margin-left: 45px;
    }

    /* кнопки на 100% ширины */
    .uc-longread a.t589__btn.t-btn.t-btn_md,
    .uc-longread a.t589__btn.t-btnflex_md {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .uc-longread .t589__img {
        max-width: 45vw;
        margin-left: 0;
        opacity: 0.5;
    }
}

/* -----------ПЭЙВОЛЛ КОНЕЦ -------------- */

/* ---------------------------- ЛОНГРИД КОНЕЦ ------------------------ */

/* ==========================================================================
УДАЛИТЬ ПОСЛЕ ПРОВЕРКИ
Эти правила не нашли соответствующих элементов на трёх проверенных страницах:
главной, статье Tilda Feed и отдельном лонгриде. Они оставлены рабочими,
но собраны в конце, чтобы их можно было временно отключить и проверить.
========================================================================== */

/* смотри также убрал разделы, для всех экранов */
/*.t-feed__post-popup__relevants-parts {
    display: none;
}*/

/*.t-feed__post-popup__date-parts-wrapper [href="https://school.naturephoto.team/articles"] {*/
/*    display: none;*/
/*}*/

/*.t-feed__post-popup__date-parts-wrapper [href$="landscape_on_a_telephoto_lens"] {*/
/*    display: none;*/
/*}*/