
.t-store__relevants__title {
    margin-top: 120px !important;
    margin-bottom: 40px !important;
}

/* ЛЕВАЯ СТРЕЛКА */ 
.t-slds__arrow_wrapper-left {
    left: 20px !important;
    z-index: 999 !important;
}

.t-slds__arrow_wrapper .t-slds__arrow-left {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
    opacity: 1 !important;
}

/* ПРАВАЯ СТРЕЛКА */
.t-store__relevants__container .t-slds__arrow-right,
.t-slds__arrow_wrapper-right {
    right: 10px !important;
    left: auto !important;
    z-index: 999 !important;
}

.t-slds__arrow_wrapper .t-slds__arrow-right {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
    opacity: 1 !important;
}

@media screen and (max-width: 540px) {
    .t-store__relevants__container .t-slds__arrow-right, .t-slds__arrow_wrapper-right {
        right: 15px !important;
    }
}


@media screen and (min-width: 540px) and (max-width: 960px) {
    .t-store__relevants__container .t-slds__arrow-left {
        left: 0px !important;
    }
    .t-store__relevants__container .t-slds__arrow-right, .t-slds__arrow_wrapper-right {
        right: 0px !important;
    }
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
    .t-slds__arrow-left {
        left: -10px !important;
    }
   .t-slds__arrow-right {
        right: -10px !important;
    }
    .t-store__relevants__container .t-slds__arrow-right, .t-slds__arrow_wrapper-right {
        right: 0px !important;
    }
}
        
/* 1. Изменяем ширину контейнера слайдера рекомендаций */
.t-store__relevants-grid-cont .t-container,
.t-store__relevants-grid-cont .t-slds__main,
.t-store__recom-wrapper .t-container,
.t-store__recom-wrapper .t-slds__main {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* 2. Позволяем внутреннему ряду и галерее занимать всю ширину */
.t-store__relevants-grid-cont .t-slds__container,
.t-store__recom-wrapper .t-slds__container {
    max-width: 100% !important;
    width: 100% !important;
}

@media screen and (max-width: 960px) {
    .t-col {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    /* Убираем лишние отступы у контейнеров галереи на мобильных и узких экранах */
    .t-store__relevants-grid-cont .t-container,
    .t-store__relevants-grid-cont .t-slds__main,
    .t-store__recom-wrapper .t-container,
    .t-store__recom-wrapper .t-slds__main,
    .t-store__relevants__title-wrapper {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}
    
@media screen and (min-width: 960px) and (max-width: 1200px) {
    .t-store__prod-popup__container .js-store-relevants-grid-cont, .t-store__relevants__title-wrapper {
        margin-left: 0px !important;
    }
}

@media screen and (min-width: 1200px) {
    .t-store__prod-popup__container .js-store-relevants-grid-cont {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

/* ДИАПАЗОН 540px–959px: сдвигаем карточки влево для точного выравнивания */
@media (min-width: 540px) and (max-width: 959px) {
    .t-slds__item.t-animate.t-slds__item_active.t-slds__item-loaded,
    .t-slds__item.t-animate.t-slds__item-loaded,
    .t-slds__item.t-animate {
        width: 280px !important;
        margin-right: 10px !important;
    }

    .t-store__relevants__title-wrapper {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }

    /* Сдвигаем карточки влево на 15px для идеального выравнивания под заголовком */
    .t-store__relevants-grid-cont,
    .t-store__relevants__container {
        padding-left: 0px !important;
        margin-left: -15px !important; 
        max-width: calc(100% + 15px) !important;
        width: calc(100% + 15px) !important;
    }

    .t-store__relevants-grid-cont .t-container {
        padding-left: 0px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}
   
/* ДИАПАЗОН 960px–1199px: растягиваем контейнер на 100% ширины */
@media (min-width: 960px) and (max-width: 1199px) {
    .t-slds__item.t-animate.t-slds__item_active.t-slds__item-loaded,
    .t-slds__item.t-animate.t-slds__item-loaded,
    .t-slds__item.t-animate {
        width: 220px !important;
        margin-right: 10px !important;
    }
    
    .t-store__relevants__title-wrapper {
        padding-left: 15px !important;
        margin-left: 0px !important;
    }

    .t-store__relevants-grid-cont,
    .t-store__relevants__container {
        padding-left: 0px !important;
        margin-left: 0px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .t-store__relevants-grid-cont .t-container {
        padding-left: 0px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}
    
/* ДИАПАЗОН 1200px–1439px */
@media (min-width: 1200px) and (max-width: 1439px) {
    .t-store__prod-popup__container .js-store-relevants-grid-cont {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .t-slds__item.t-animate.t-slds__item_active.t-slds__item-loaded,
    .t-slds__item.t-animate.t-slds__item-loaded,
    .t-slds__item.t-animate {
        width: 283px !important;
        margin-right: 10px !important;
    }
    
    .t-store__grid-cont_col-width_stretch,
    .t-store__relevants_container.t-store__grid-cont_col-width_stretch,
    .t-store__relevants_container,
    .t-store__relevants-container {
        padding: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 1361px) and (max-width: 1500px) {
    .t-slds__item.t-animate.t-slds__item_active.t-slds__item-loaded,
    .t-slds__item.t-animate.t-slds__item-loaded,
    .t-slds__item.t-animate {
        width: 283px !important;
        margin-right: 10px !important;
    }
}

@media (min-width: 1500px) and (max-width: 1599px) {
    .t-slds__item.t-animate.t-slds__item_active.t-slds__item-loaded,
    .t-slds__item.t-animate.t-slds__item-loaded,
    .t-slds__item.t-animate {
        width: 283px !important;
        margin-right: 10px !important;
    }
}

@media (min-width: 1599px) and (max-width: 1900px) {
    .t-slds__item.t-animate.t-slds__item_active.t-slds__item-loaded,
    .t-slds__item.t-animate.t-slds__item-loaded,
    .t-slds__item.t-animate {
        width: 283px !important;
        margin-right: 10px !important;
    }
}

@media (min-width: 1900px) and (max-width: 2200px) {
    .t-slds__item.t-animate.t-slds__item_active.t-slds__item-loaded,
    .t-slds__item.t-animate.t-slds__item-loaded,
    .t-slds__item.t-animate {
        width: 283px !important;
        margin-right: 10px !important;
    }
}

@media (min-width: 2200px) {
    .t-slds__item.t-animate.t-slds__item_active.t-slds__item-loaded,
    .t-slds__item.t-animate.t-slds__item-loaded,
    .t-slds__item.t-animate {
        width: 310px !important;
        margin-right: 10px !important;
    }
}

/* ДЕСКТОП: отрицательный отступ слева -20px */
@media (min-width: 1200px) {        
    .t-store__relevants__container .t-slds__arrow-left {
        left: 20px !important;
    }
      
    .t-store__relevants__container .t-slds__arrow-right {
        right: 20px !important;
        left: auto !important;
    }

    .t-store__relevants__container .t-container {
        margin-left: -20px !important;
        margin-right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}



    .t-store__card__imgwrapper {
        border: 1px solid #E8E8E8;
        border-radius: 6px;
}

    
    @media screen and (max-width: 960px) {
    .t-store__grid-cont_mobile-grid .t-col:not(.t-col_8):not(.t-col_12), .t-store__grid-cont_mobile-grid .t-store__stretch-col:not(.t-store__stretch-col_100) {
        width: 33%;
    }
    [data-col-gap="20"] .t-store__stretch-col {
        padding: 0 6px;
    }
    
   .t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent[data-col-gap="10"], .t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent[data-col-gap="20"], .t-store__grid-cont_col-width_stretch[data-col-gap="10"], .t-store__grid-cont_col-width_stretch[data-col-gap="20"] {
        padding: 0 20px !important;
    }
    }
    
    @media screen and (max-width: 800px) {
    .t-store__grid-cont_mobile-grid .t-col:not(.t-col_8):not(.t-col_12), .t-store__grid-cont_mobile-grid .t-store__stretch-col:not(.t-store__stretch-col_100) {
        width: 50%;
    }
     [data-col-gap="20"] .t-store__stretch-col {
        padding: 0 10px;
    }
    }
     @media screen and (max-width: 680px) {
    .t-store__grid-cont_mobile-grid .t-col:not(.t-col_8):not(.t-col_12), .t-store__grid-cont_mobile-grid .t-store__stretch-col:not(.t-store__stretch-col_100) {
        width: 100%;
    }
    }
    
    
    

.js-product .t-store__tabs,
    .js-product .t-catalog__tabs {
        margin-top: 60px!important;
    }
    
@media screen and (min-width: 1201px) {   
    .js-product .t-store__tabs,
    .js-product .t-catalog__tabs {
        width: 100%!important;
        display: block!important;
        margin-top: 40px!important;
        max-width: 47%!important; /*тут меняем максимальную ширину отображения табов*/
        }
        
    .t-store__product-popup {
        display: block!important;
        }
        
    .t-store__product-snippet .t-container>div:after, 
    .t-store__product-popup>div:after,
    .t-catalog__product-snippet .t-container>div:after {
            clear: unset !important;
        }
}






    .t-store__tabs__item-title {
        font-size: 20px!important; /*указываете размер шрифта*/
        font-family: "Inter"!important; /*указываете необходимый шрифт*/
        font-weight: 600!important; /*указываем необходимую толщину шрифта*/
        color: #2C2C2C!important; /*указываем цвет шрифта*/
    }
    
    .t-store__tabs__content {
        font-size: 16px!important; /*указываете размер шрифта*/
        font-family: "Inter"!important; /*указываете необходимый шрифт*/
        font-weight: 400!important; /*указываем необходимую толщину шрифта*/
        color: #2C2C2C!important; /*указываем цвет шрифта*/
    }
    
    @media screen and (min-width: 981px) {
        .t-store__tabs__item-title {
        font-size: 18px!important; 
        font-family: "Inter"!important;
        }
    }
    
    @media screen and (max-width: 980px) {
        .t-store__tabs__item-title {
        font-size: 16px!important; 
        font-family: "Inter"!important;
        }
        
        .t-store__tabs__content {
        font-size: 14px!important; /*указываете размер шрифта*/
        font-family: "Inter"!important;
        }
    }
    
    .t-store .t-store__tabs_accordion .t-store__tabs__item-button {
    border-top: 1px /*толщина бордюра*/ solid  /*вид заливки бордюра*/ #DEDEDE /*цвет бордюра*/!important; /*меняем линии*/
    }
    .t-store .t-store__tabs_accordion .t-store__tabs__item:last-child {
border-bottom: 1px /*толщина бордюра*/ solid  /*вид заливки бордюра*/ #DEDEDE /*цвет бордюра*/!important; /*меняем линии*/
}
.t-store .t-store__tabs_accordion .t-store__tabs__item-button:not(.t-store__tabs__item-button_active) {
    border-bottom: 0px!important;
}

.t-store__tabs__close-icon g {
	stroke: #9A9A9A!important; /*цвет крестика*/
        stroke-width: 2px!important; /*толщина линий крестика*/
}

.t-store__prod-popup__close-txt {
   font-size: 14px!important; /*указываете размер шрифта*/
        font-family: "Inter"!important; /*указываете необходимый шрифт*/
}
}

    
