/*---------- МАГАЗИН ----------*/

/* Цвет фона в корзине ST100 */
.t706__cartwin-content {
    background-color: #F5F5F5;
    }


/*кастомизация кнопок на карточках товаров в каталоге на tilda: https://vladislav-land.ru/buttonsoncards*/ 

@media screen and (min-width: 1440px){
    .t395 .t-container { 
        max-width: 1320px !important;
    } 
    .t395 .t-width_12 {
        max-width: 1320px !important;
    }
}

@media screen and (min-width: 960px) and (max-width: 1439px){
    .t395 .t-container { 
        max-width: 900px !important;
    } 
    .t395 .t-width_12 {
        max-width: 900px !important;
    }
    .t395__title .t-name .t-name_xs {
        font-size: 14px !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 959px){
    .t395 .t-container { 
        max-width: 580px !important;
    } 
    .t395 .t-width_12 {
        max-width: 580px !important;
    }
    .t395__col {
        padding: 0 0px;
    }
    .t395__title .t-name .t-name_xs {
        font-size: 14px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 639px){
    .t395 .t-container { 
        max-width: 280px !important;
    } 
    .t395 .t-width_12 {
        max-width: 280px !important;
    }
    .t395__col {
        padding: 0 0px;
    }
    .t395__title .t-name .t-name_xs {
        font-size: 12px !important;
    }
}


/*кастомизация кнопок на карточках товаров в каталоге на tilda: https://vladislav-land.ru/buttonsoncards*/ 

@media screen and (min-width: 1440px){
    .uc-window-3col .t-btn_sm { 
        height: 60px !important;
        width: 360px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 19px !important; 
    } 
}

@media screen and (min-width: 960px) and (max-width: 1439px){
    .uc-window-3col .t-btn_sm { 
        height: 50px !important;
        width: 220px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 14px !important; 
    } 
}

@media screen and (min-width: 640px) and (max-width: 959px){
    .uc-window-3col .t-btn_sm { 
        height: 60px !important;
        width: 256px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 14px !important; 
    } 
}

@media screen and (min-width: 320px) and (max-width: 639px){
    .uc-window-3col .t-btn_sm { 
        height: 50px !important;
        width: 240px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 14px !important; 
    } 
}


/*Кастомизация растяжения карточек товаров в каталоге на ширину экрана https://dsgnmax.ru/useful/window-container*/

@media screen and (min-width: 1440px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window-3col > div{
        padding: 0 60px;    /*Отступы по бокам экрана*/
    }
    .uc-window-3col > div > .t-container,
    .uc-window-3col > div > [class*="container"]:not(.t-popup__container),
    .uc-window-3col .js-feed-container,
    .uc-window-3col .js-store-grid-cont{
        display: grid;
        grid-template-columns: 420px 420px 420px;   /*Количество колонок и их размер*/
        gap: 30px 30px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}  

@media screen and (min-width: 960px) and (max-width: 1439px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window-3col > div{
        padding: 0 30px;    /*Отступы по бокам экрана*/
    }
    .uc-window-3col > div > .t-container,
    .uc-window-3col > div > [class*="container"]:not(.t-popup__container),
    .uc-window-3col .js-feed-container,
    .uc-window-3col .js-store-grid-cont{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;   /*Количество колонок и их размер*/
        gap: 30px 30px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 959px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window-3col > div{
        padding: 0 30px;    /*Отступы по бокам экрана*/
    }
    .uc-window-3col > div > .t-container,
    .uc-window-3col > div > [class*="container"]:not(.t-popup__container),
    .uc-window-3col .js-feed-container,
    .uc-window-3col .js-store-grid-cont{
        display: grid;
        grid-template-columns: 580px;   /*Количество колонок и их размер*/
        gap: 30px 30px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 639px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window-3col > div{
        padding: 0 20px;    /*Отступы по бокам экрана*/
    }
    .uc-window-3col > div > .t-container,
    .uc-window-3col > div > [class*="container"]:not(.t-popup__container),
    .uc-window-3col .js-feed-container,
    .uc-window-3col .js-store-grid-cont{
        display: grid;
        grid-template-columns: 280px;   /*Количество колонок и их размер*/
        gap: 20px 20px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    .t778__textwrapper {
    padding: 20px 20px; /*Отступы по бокам внутри карточки*/
    }
    .t778__content .t778__btn-wrapper {
    padding: 0 20px 20px; /*Отступы по бокам внутри карточки*/
}
}

    .uc-window-3col .t-col:not(.t-popup__container .t-col):not(.t-feed__post-popup__content),
    .uc-window-3col .t-item:not(.t-popup__container .t-col){
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /*Скрываем разделители*/
    .uc-window-3col .t-container:before,
    .uc-window-3col .t-container:after,
    .uc-window-3col [class*="container"]:before,
    .uc-window-3col [class*="container"]:after,
    .uc-window-3col [class*="separator"]{
        display: none;
    }


/*Размеры в адаптивах стандартных блоков*/

@media screen and (min-width: 960px) and (max-width: 1439px){
    .t778__content .t778__title, .t778__price, .t778__price_old {
        font-size: 23px !important; /*-----Размер заголовков и цены в адаптивах-----*/
    }
    .t778__textwrapper .t778__descr {
        font-size: 14px !important; /*-----Размер описания в адаптивах-----*/
    }
}

@media screen and (min-width: 300px) and (max-width: 959px){
    .t778__content .t778__title, .t778__price, .t778__price_old {
        font-size: 16px !important; /*-----Размер заголовков и цены в адаптивах-----*/
    }
    .t778__textwrapper .t778__descr {
        font-size: 12px !important; /*-----Размер описания в адаптивах-----*/
    }
}


/* Выравнивать цены в карточках товаров по нижнему краю | https://necodim.ru/tilda/price-on-bottom */

.t778__textwrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.t778__price-wrapper {
    margin-top: auto !important;
}


/* Увеличиваем отступ между новоый и старой ценой */

.t778__price.t778__price-item.t-name.t-name_xs {
    margin-right: 27px !important;
}




/*---------- ПУБЛИКАЦИИ ----------*/



/*Кастомизация растяжения карточек товаров в каталоге на ширину экрана https://dsgnmax.ru/useful/window-container*/

@media screen and (min-width: 1440px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window-1col > div{
        padding: 0 60px;    /*Отступы по бокам экрана*/
    }
    .uc-window-1col > div > .t-container,
    .uc-window-1col > div > [class*="container"]:not(.t-popup__container),
    .uc-window-1col .js-feed-container,
    .uc-window-1col .js-store-grid-cont{
        display: grid;
        grid-template-columns: 870px;   /*Количество колонок и их размер*/
        gap: 30px 30px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}  

@media screen and (min-width: 960px) and (max-width: 1439px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window-1col > div{
        padding: 0 30px;    /*Отступы по бокам экрана*/
    }
    .uc-window-1col > div > .t-container,
    .uc-window-1col > div > [class*="container"]:not(.t-popup__container),
    .uc-window-1col .js-feed-container,
    .uc-window-1col .js-store-grid-cont{
        display: grid;
        grid-template-columns: 640px;   /*Количество колонок и их размер*/
        gap: 30px 30px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 959px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window-1col > div{
        padding: 0 30px;    /*Отступы по бокам экрана*/
    }
    .uc-window-1col > div > .t-container,
    .uc-window-1col > div > [class*="container"]:not(.t-popup__container),
    .uc-window-1col .js-feed-container,
    .uc-window-1col .js-store-grid-cont{
        display: grid;
        grid-template-columns: 580px;   /*Количество колонок и их размер*/
        gap: 30px 30px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 639px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window-1col > div{
        padding: 0 20px;    /*Отступы по бокам экрана*/
    }
    .uc-window-1col > div > .t-container,
    .uc-window-1col > div > [class*="container"]:not(.t-popup__container),
    .uc-window-1col .js-feed-container,
    .uc-window-1col .js-store-grid-cont{
        display: grid;
        grid-template-columns: 280px;   /*Количество колонок и их размер*/
        gap: 20px 20px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    .t778__textwrapper {
    padding: 20px 20px; /*Отступы по бокам внутри карточки*/
    }
    .t778__content .t778__btn-wrapper {
    padding: 0 20px 20px; /*Отступы по бокам внутри карточки*/
}
}

    .uc-window-1col .t-col:not(.t-popup__container .t-col):not(.t-feed__post-popup__content),
    .uc-window-1col .t-item:not(.t-popup__container .t-col){
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /*Скрываем разделители*/
    .uc-window-1col .t-container:before,
    .uc-window-1col .t-container:after,
    .uc-window-1col [class*="container"]:before,
    .uc-window-1col [class*="container"]:after,
    .uc-window-1col [class*="separator"]{
        display: none;
    }


/*Размеры текста в адаптивах стандартных блоков*/

@media screen and (min-width: 960px) and (max-width: 1439px){
    .t119__preface {
        font-size: 23px !important; /*-----Размер лида в адаптивах, блок TX02 -----*/
    }
    .t017__title {
        font-size: 40px !important; /*-----Размер заголовка h2 в адаптивах, блок TL03 -----*/
    }
    .t-text.t-text_md {
        font-size: 16px !important; /*-----Размер body-текста в адаптивах, блок TX01 -----*/
    }
    .t915 .t-feed__post-title {
        font-size: 23px !important; /*-----Размер заголовков карточках публикаций в адаптивах, блок FD302 -----*/
    }
    .t915 .t-feed__post-descr {
        font-size: 14px !important; /*-----Размер описания публикаций в адаптивах, блок FD302 -----*/
    }
    .t915 .t-feed__post-date {
        font-size: 14px !important; /*-----Размер даты публикаций в адаптивах, блок FD302 -----*/
    }
    .t510__textwrapper .t-descr {
        font-size: 16px !important; /*-----Списков в адаптивах, блок FR103-----*/
    } 
    .t508__descr {
        font-size: 16px !important; /*-----Списков в адаптивах, блок QT15-----*/
    } 
}

@media screen and (min-width: 640px) and (max-width: 959px){
    .t119__preface {
        font-size: 16px !important; /*-----Размер лида в адаптивах, блок TX02 -----*/
    }
    .t017__title {
        font-size: 32px !important; /*-----Размер заголовка h2 в адаптивах, блок TL03-----*/
    }
    .t-text.t-text_md {
        font-size: 16px !important; /*-----Размер body-текста в адаптивах, блок TX01 -----*/
    }
    .t915 .t-feed__post-title {
        font-size: 23px !important; /*-----Размер заголовков карточках публикаций в адаптивах, блок FD302 -----*/
    }
    .t915 .t-feed__post-descr {
        font-size: 14px !important; /*-----Размер описания публикаций в адаптивах, блок FD302 -----*/
    }
    .t915 .t-feed__post-date {
        font-size: 14px !important; /*-----Размер даты публикаций в адаптивах, блок FD302 -----*/
    }
    .t510__textwrapper .t-descr {
        font-size: 16px !important; /*-----Списков в адаптивах, блок FR103-----*/
    } 
    .t508__descr {
        font-size: 16px !important; /*-----Списков в адаптивах, блок QT15-----*/
    } 
}

@media screen and (min-width: 300px) and (max-width: 639px){
    .t119__preface {
        font-size: 16px !important; /*-----Размер лида в адаптивах, блок TX02 -----*/
    }
    .t017__title {
        font-size: 24px !important; /*-----Размер заголовка h2 в адаптивах, блок TL03-----*/
    }
    .t-text.t-text_md {
        font-size: 14px !important; /*-----Размер body-текста в адаптивах, блок TX01 -----*/
    }
    .t915 .t-feed__post-title {
        font-size: 16px !important; /*-----Размер заголовков карточках публикаций в адаптивах, блок FD302 -----*/
    }
    .t915 .t-feed__post-descr {
        font-size: 12px !important; /*-----Размер описания публикаций в адаптивах, блок FD302 -----*/
    }
    .t915 .t-feed__post-date {
        font-size: 12px !important; /*-----Размер даты публикаций в адаптивах, блок FD302 -----*/
    }
    .t510__textwrapper .t-descr {
        font-size: 14px !important; /*-----Списков в адаптивах, блок FR103-----*/
    } 
    .t508__descr {
        font-size: 14px !important; /*-----Списков в адаптивах, блок QT15-----*/
    } 
}

.t257__text {
    margin-bottom: 16px; /*----- Уменьшение отступа в цитате, блок QT15 -----*/
}