/*анимация ссылок*/
.link[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: #f4f4f4 !important;
}

.link[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #FFDE01 !important;
}

.link[data-elem-type="text"] a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: -2px;
    /* толщина подчеркивания */
    height: 1px;  
    /* цвет подчеркивания до наведения */
    background: ; 
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 51%;
    right: 51%;
    width: 0;
     
}

.link[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #FFDE01;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
     
}


.link2[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: #1E1E1E !important;
}

.link2[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #02547A !important;
}

.link2[data-elem-type="text"] a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: -2px;
    /* толщина подчеркивания */
    height: 1px;  
    /* цвет подчеркивания до наведения */
    background: ; 
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 51%;
    right: 51%;
    width: 0;
     
}

.link2[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #02547A;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
     
}

/*анимация кнопок*/
.nicehand{
    border: none;
    position: relative;
    transition: 500ms ease all;
    outline: none;
    overflow: hidden;
    z-index:1;
    transition: 500ms ease all !important;
    width: 200px;
    }
    .nicehand:hover{
        text-indent: -20px;
    transition: all 0.2s linear 0s;
    }
   
    .nicehand:before
    
    {
     content: "";
    background-image: url('https://static.tildacdn.com/tild3466-6238-4339-b032-353663633230/arrowleft_icon-icons.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;
    font-family: Arial;
    font-size: 10px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 10px;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 18px;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
    
    .nicehand:hover:before 
    {
    opacity: 1;
    text-indent: 0px;
    }

/*стилизазация тега в магазине*/
.t-store__filter__chosen-val {
    background-color: #E7EFF5 !important;
    padding: 4px 12px 4px 22px !important;
}


 /*Отступ кнопок в карточке на мобильных */
@media screen and (max-width: 680px) {
    .t-store__card__btn:not(:first-child) {
        margin-top: 0 !important;
    }

    .t-store__card__btn {
        margin: 0 0 8px 0 !important;
    }
}

/*стилизация избранного  и кнопок в карточках и на странице товара*/
a.t1002__addBtn {
    margin: 0 0 10px 0 !important;
    border: 0 !important;
    width: 34px !important;
    height: 36px !important;
}

/*отступы кнопок в карточке по краям и снизу*/
.t-store .t-store__card__wrap_all.t-store__card__wrap_pad-sm .t-store__card__btns-wrapper {
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

/*кнопка на странице товара*/
a.t-store__prod-popup__btn.t-btn.t-btn_sm {
    height: 36px !important;
    margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
a.t-store__prod-popup__btn.t-btn.t-btn_sm {
    margin-right: 4px !important;
}
}

/*Отступ на кнопке Подробнее в карточке товара*/
.js-store-prod-btn2.t-store__card__btn.t-store__card__btn_second.t-btn.t-btn_xs {
    margin-right: 4px !important;
}

/*настройки размеров кнопок в карточке товара*/
.t-btn_xs {
    height: 36px;
    font-size: 12px;
    padding-left: 14px;
    padding-right: 14px;
}

 /*Отступ между карточками в сетке на планшетах */
@media screen and (max-width: 960px) {
    .t-store__grid-cont .t-col,
    .t-store__grid-cont .t-store__stretch-col {
        margin-bottom: 40px !important;
    }
}

 /*Отступы на странице товара */
h1.js-store-prod-name {
    margin-bottom: 20px;
}
.t-store__prod-popup__btn-wrapper {
    margin: 40px 0;
}

/*Отступы в потоках между карточками вертикальные адаптив*/
@media screen and (max-width: 960px) {
    .t-feed__container_inrow1 .t-feed__post:first-child, .t-feed__container_inrow2 .t-feed__post:nth-child(-n+2), .t-feed__container_inrow3 .t-feed__post:nth-child(-n+3), .t-feed__container_inrow4 .t-feed__post:nth-child(-n+4) {
        margin-top: 40px !important;
    }
}   

/*Отступ сверху на странице статьи*/
.t-feed__post-popup.t-popup_show {
    margin-top: 40px;
}

/*размер заголовка статьи*/
@media screen and (max-width: 480px) {
    .t-title_xxs {
        font-size: 18px;
    }
}


/*настройки карточки «смотреть еще»*/
.t-store__card__wrap_txt-and-btns {
    background-color: #E7EFF5 !important;
    border-radius: 4px !important;
}

/*настройки страницы товара*/
.t-store__prod-snippet__container {
    padding-bottom: 80px;
    padding-top: 60px;
}

@media screen and (max-width: 680px) {
    .t-store__prod-snippet__container {
    padding-bottom: 60px;
    padding-top: 20px;
}
} 
/*отступ между характеристиками и «смотреть еще»*/
@media screen and (max-width: 960px) {
    .t-store__relevants__title {
        margin: 60px 0 28px;
    }
}


/*настройки размеров заголовков на страницах товара и статей*/
.t-store__relevants__title.t-uptitle.t-uptitle_xxl {
    font-size: 24px !important;
    font-weight: 500 !important;
}

h1.js-store-prod-name {
     font-weight: 500 !important;
}

h1.js-feed-post-title.t-feed__post-popup__title.t-title.t-title_xxs {
     font-size: 24px !important;
    font-weight: 600 !important;
}

section {
    font-size: 16px;
}

@media screen and (max-width: 680px) {
    .t-store__relevants__title.t-uptitle.t-uptitle_xxl {
        font-size: 20px !important;
    }
    
    h1.js-store-prod-name {
       font-size: 20px !important; 
    }
    
    h1.js-feed-post-title.t-feed__post-popup__title.t-title.t-title_xxs {
     font-size: 20px !important;
}
}

@media screen and (max-width: 960px) {
     .t-store__relevants__title.t-uptitle.t-uptitle_xxl {
        font-size: 22px !important;
    }
    
    h1.js-store-prod-name {
       font-size: 22px !important; 
    }
    
     h1.js-feed-post-title.t-feed__post-popup__title.t-title.t-title_xxs {
     font-size: 22px !important;
}

@media screen and (max-width: 480px) {
        .t-store__relevants__title.t-uptitle.t-uptitle_xxl {
        font-size: 18px !important;
    }
    
    h1.js-store-prod-name {
       font-size: 18px !important; 
    }
    
     h1.js-feed-post-title.t-feed__post-popup__title.t-title.t-title_xxs {
     font-size: 18px !important;
}
    
.t-name {
    font-weight: 500 !important;
    color: #1E1E1E !important;
    /*text-align: center !important;*/
}

/*анимация ссылок*/
.link-3[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: ##A4A4A4 !important;
}

.link-3[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #FFDE01 !important;
}

.link-3[data-elem-type="text"] a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: -2px;
    /* толщина подчеркивания */
    height: 1px;  
    /* цвет подчеркивания до наведения */
    background: ; 
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 51%;
    right: 51%;
    width: 0;
     
}

.link-3[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #FFDE01;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
     
}