/* Расширяем 8 колонок для постов до 1160рх, а затем сужаем все элементы, кроме фото и видео, до 8 колонок (760рх) */

@media (min-width: 1160px) and (max-width: 5000px) {
    
    /* Расширили 8 колонок до 12 (теперь во всех блоках Тильды, где используется 8 колонок будет ширина 1160рх! */
    .t-col_8 {
        max-width: 1160px;
    }
    
    /* Главная фотка на 760рх остается как есть */
    .t-feed__post-popup__content img {
        max-width: 100%;
        width: 760px;
    }
    
    /* Сужаем все тексты до 8 колонок и добавляем слева отступ, так как тексты прижаты изначально к левому краю, а не находятся по середине */
    .t-feed__post-popup__text-wrapper {
        width: 760px;
        margin-left: 200px;
    }

    .t-feed__post-popup__date-parts-wrapper.t-feed__post-popup__date-parts-wrapper_aftertitle, .t-feed__post-popup__date-parts-wrapper.t-feed__post-popup__date-parts-wrapper_beforetitle {
        width: 760px;
        margin-left: 200px;
    }

    .t-feed__post-popup__title-wrapper {
        width: 760px;
        margin-left: 200px;
    }
    
    /* Это фото, которое отображается автоматически. Его мы добавляем на Тильде как основная фотка поста. Для нее мы отдельно уменьшаем отступ слева */
    .t-feed__post-popup__content img {
        max-width: 1160px;
        margin-left: -200px;
    }
    
    /* Расстояние для главной фотки */
    .t-feed__post-popup__cover-wrapper {
        padding-left: 400px;
    }

    .t-feed__post-popup__text .t-redactor__tte-view figure img {
        width: 1160px;
    }
    
    /* Умеьшаем верхний отступ в посте через padding */
    .t-feed__post-popup__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0px 0px 95px 0px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* Убираем отстум для мобилки */
    @media screen and (max-width: 980px) {
    .t-feed__post-popup.t-popup_show .t-popup__container.t-popup__container-static {
        top: 0;
        max-width: 100%;
        min-height: 100vh;
        margin: 0;
        padding: 0px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    }
    
/* Для поп-ап-ов убираем отображение кнопки закрытия, так как у нас поп-ап на зеро блоке и там своя кнопка закрытия */
.t-popup__block-close-button {
    opacity: 0%;
}


    /* Улучшаем визуал блока "Смотрите также" в конце каждого поста через стандартный функционал Тильды */

/* Черная плашка для разделов (относится и к разделам внутри поста но не в блоке "Смотрите также" */
.t-feed__post-popup__date, .t-feed__post-popup__tag span, .t-feed__post-popup__relevants-item-tag {
    padding: 5px;
    background-color: #222222;
}

/* Добавляем обводку карточкам */
.t-col_3 {
    border: 1px solid #C2C2C2;
}


/* Уменьшаем на ПК их ширину, потому что обводка увеличивает их ширину и они (карточки) переходят на другую строку */
@media (min-width: 981px) and (max-width: 5000px) {
.t-col_3 {
    max-width: 258px;
}
}

/* Отступы для всей текстовой части в блоке "Смотрите также" внизу каджого поста */
.t-feed__post-popup__relevants-textwrapper{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}



/* УБираем отступы сверху и снизу внутри товара */
.t-store__prod-snippet__container {
    padding-top: 0px;
    padding-bottom: 0px;
}