/* Стили для плитки товара */

@media screen and (min-width: 981px)  { /* Для компов */
.js-store-parts-select-container.t-store__grid-cont.t-container { /* фильтры */
    max-width: 95%;
}

.t-store__filter__search .t-store__filter__input, .t-store__sort-select /*сортировка */ {
    border-radius: 40px !important;
    background: none !important;
    border: solid 2px #373737 !important;
}

/* Категории */
.js-store-parts-switcher.t-store__parts-switch-btn.t-name.t-name_xs.t-menu__link-item {
    margin: 0px 4px !important;
    padding: 4px 12px;
    border: solid 2px #7B7B7B;
    border-radius: 99px;
    font-weight: 600 !important;
}
/* Категории */
.js-store-parts-switcher.t-store__parts-switch-btn.t-name.t-name_xs.t-menu__link-item.t-store__parts-switch-btn-all.t-active, .js-store-parts-switcher.t-store__parts-switch-btn.t-name.t-name_xs.t-menu__link-item.t-active {
    margin: 0px 4px !important;
    padding: 4px 12px;
    border: solid 2px #373737;
    border-radius: 99px;
    color: #373737 !important;
    font-weight: 600 !important;
    background: #9ABC05;
    
}

.t-store__card__wrap_all.t-store__card__wrap_pad-sm:hover {
  box-shadow: none !important;;
  transform: translateY(3px) !important; /* Имитация "вжатия" */
}

.t-store__card__wrap_all.t-store__card__wrap_pad-sm {
    box-shadow: 0 4px 0 rgba(55, 55, 55, 1) !important; /*  тень */
  transition: all 0.2s ease !important;; /* Плавная анимация */
  border: solid 2px rgba(55, 55, 55, 1) !important;
}

.t-store__card__imgwrapper {
    margin: 16px 16px 16px 16px;
    width: inherit;
    border-radius: 16px !important;
    overflow: hidden;
}

.js-product-img.t-store__card__bgimg.t-store__card__bgimg_hover.t-bgimg.loaded, .t-store__card__bgimg_second.t-bgimg.loaded, .js-product-img.t-store__card__bgimg.t-bgimg.loaded {
    border-radius: 16px !important;
}


.js-store-grid-cont.t-store__grid-cont.t-container.t-store__grid-cont_mobile-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 95%;
    gap: 40px 0px;
}


.js-product.t-store__card.t-col.t-col_4.t-align_center.t-item {
    max-width: 32%;
    margin: 0px 8px;
    padding: 0px;
}

.t778__mark {
  width: 100%;
  height: 100%;
  padding: 6px 12px;
}

.t-store__card__btns-wrapper.js-store-buttons-wrapper { /* кнопки */
    padding-left: 16px;
    padding-right: 16px;

}

.t-store__card__btn {
    flex: 1 !important;
}



.t-container_100.t-slds__main {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 46px;
    overflow: hidden;
}

.t-title_sm {
    line-height: 1;
}

.t734__descr {
    margin-top: 0px;
    color: #fff;
}
}

/* Мобильна плитка  */
@media screen and (max-width: 640px) {
a.js-store-prod-btn.t-store__card__btn.t-btn.t-btn_sm, a.t1122__popup-btn.t-store__card__btn.t-store__card__btn_second.t-btn.t-btn_sm.js-out-of-stock-inserted-block, a.js-store-prod-btn2.t-store__card__btn.t-store__card__btn_second.t-btn.t-btn_sm {
    height: 36px /* Высота кнопок */;
    width: 100%;
    max-width: 100%;
}


   .js-product.t-store__card.t-col.t-col_4.t-align_center.t-item, .t-store__mobile-two-columns.t-store__grid-cont .t-store__card.t-item, .t-store__grid-cont_mobile-grid .t-col:not(.t-col_8)  {
    padding: 0px 5px !important; /* ширина карточек (отступы)  */
     }
     
     .t-store__card__imgwrapper.t1002__picture-wrapper { /* скругление картинок  */
         border-radius: 16px !important;
         overflow: hidden;
     }
     
     .t-store__card__wrap_all.t-store__card__wrap_pad-sm {
    border: solid 2px;
    box-shadow: 0 3px 0 rgba(55, 55, 55, 1) !important;
   }
   
   .t778 .t-store__mobile-two-columns.t-store__grid-cont_mobile-grid {
        padding: 0px 10px;
    }
    
    .js-store-prod-sold-out.t-store__card__sold-out-msg.t-name.t-name_xs {
    display: none;
    }
    
        .t-store__card__imgwrapper {
        margin: 8px 8px 0px 8px !important;
        }
    
    .t-store__card__imgwrapper .t1002__addBtn, .t1002__picture-wrapper .t1002__addBtn, a.t1002__addBtn.t1002__addBtn_active {
    background: #ffffff00 !important;
    border-color: transparent;
    right: 4px;
    top: 4px;
    box-shadow: none;
    }
    
    a.js-store-prod-btn.t-store__card__btn.t-btn.t-btn_sm {
        display: none !important;
    }
    
    
    .t-store .t-store__card__wrap_all.t-store__card__wrap_pad-sm .store__card__wrap_txt-and-opts {
    padding-top: 8px !important;
    }
    
    .t-store__card__textwrapper {
    padding-left: 8px !important;
    padding-right: 8px !important;
    }
    
    .t778 .t-store__card:not(.js-product-relevant) .t-store__card__imgwrapper, .t778 .t778__imgwrapper {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    overflow: hidden;
    }
     
     .t-store .t-store__card__wrap_all.t-store__card__wrap_pad-sm .store__card__wrap_txt-and-opts {
    padding-bottom: 8px;
    padding-top: 0p;
     }
     
     .t-store__card__price-wrapper {
    margin-top: 2px;
    margin-bottom: 8px;
    }
}

/* СТРАНИЦА ТОВАРА  */

@media screen and (min-width: 981px) { /* Стили применяются только при ширине экрана 981px и больше */

/* отступ от шапки до товара */
.t-store__prod-snippet__container {
    padding-top: 6%;
}


    .t-container_fluid { /* растягиваем контенер товарный на по ширине */
        max-width: 94%; 
        margin-left: auto;
        margin-right: auto; /* Центрирование контейнера */
        display: flex; /* Используем flex для размещения дочерних элементов */
    }
    
    .t-store__prod-popup__slider.js-store-prod-slider.t-store__prod-popup__col-left.t-col.t-col_6 {
        margin-left: 0px ;
        max-width: 47%; /* Ограничиваем ширину контейнерас фотографиями до 47% */
    }
    
    h1.js-store-prod-name.js-product-name.t-store__prod-popup__name.t-name.t-name_xl {
    margin: 0px !important; /* Убираем лишние отступы у загловка */
    line-height: 100%;
     }

    .t-store__prod-popup__info.t-align_left.t-store__prod-popup__col-right.t-col.t-col_6 /* Информационный блок товара */ {
        background: #F9F6F2; /* Фоновый цвет для блока с описанием продукта */
        padding: 32px; /* Внутренние отступы для создания пространства вокруг содержимого */
        border-radius: 32px; /* Закругляем углы блока */
        border: solid 2px #373737; /* Рамка вокруг блока */
        max-width: calc(48% - 20px); /* Ограничение ширины до 48% от контейнера */
        margin: 0px;
        display: flex;
        flex-direction: column; /* Выравниваем дочерние элементы по вертикали */
        align-items: stretch; /* Дочерние элементы занимают полную ширину */
    }

    .t-store__prod-popup__title-wrapper {
        margin-bottom: 0px; /* Убираем отступ снизу для заголовка */
    }

    h1.js-store-prod-name.js-product-name.t-store__prod-popup__name.t-name.t-name_xl {
        font-size: 64px; /* Размер шрифта заголовка продукта */
        font-family: 'RobotoMonoTrailers'; /* Шрифт заголовка */
        font-weight: 700 !important; /* Жирный текст заголовка */
        color: #236130 !important; /* Цвет текста заголовка */
    }
    
    /* АРТИКУЛ скрыть */
    .t-store__prod-popup__sku.t-descr.t-descr_xxs {
        display:none;
    }
    
    /* НЕТ В НАЛИЧИИ стиль надписи */
    .t-store__card__sold-out-msg {
    color: #df3890;
    font-family: 'RobotoMonoTrailers';
    letter-spacing: -0.7px;
     }
     
     /*
     .js-store-prod-price.t-store__prod-popup__price.t-store__prod-popup__price-item.t-name.t-name_md:after {
    content: " [доступна оплата по частям]";
    color: #BAB8B5; /* Цвет текста 
    font-size: 14px; /* Размер шрифта 
    display: block; /* Если нужно на новой строке 
    font-weight: 400;
    } 
    */
    
    

    .js-store-prod-price.t-store__prod-popup__price.t-store__prod-popup__price-item.t-name.t-name_md {
        font-size: 32px; /* Размер шрифта для отображения цены */
        font-family: 'RobotoMonoTrailers'; /* Шрифт для цены */
        font-weight: 700 !important; /* Жирный текст */
        color: #236130 !important; /* Цвет текста цены */
        line-height: 80%; /* Высота строки */
        margin-top: 10px; /* отступ от заголовка */
    }

    .js-store-prod-price-old.t-store__prod-popup__price_old.t-store__prod-popup__price-item.t-name.t-name_md {
        font-size: 32px; /* Размер шрифта для старой цены */
        font-family: 'RobotoMonoTrailers'; /* Шрифт для старой цены */
        font-weight: 700 !important; /* Жирный текст */
        color: #7B7B7B !important; /* Серый цвет для зачеркнутой старой цены */
    }

    .t-store__prod__quantity {
        background-color: #ffffff00; /* Прозрачный фон */
        border: 2px solid #373737; /* Рамка вокруг блока количества */
        box-shadow: 0px 3px 0px 0px #373737; /* Тень под блоком */
    }

    input.t-store__prod__quantity-input.t-descr.t-descr_xxs {
        font-weight: 600; /* Полужирный текст */
        color: #373737; /* Цвет текста для ввода количества товара */
    }

    a.t-store__prod-popup__btn.t-btn.t-btn_sm {
        background-color: #9ABC05 !important; /* Цвет фона кнопки */
        box-shadow: 0px 3px 0px 0px #373737; /* Тень под кнопкой */
    }

    a.t1002__addBtn, a.t1002__addBtn.t1002__addBtn_active {
        box-shadow: 0px 3px 0px 0px #373737; /* Тень под кнопкой "добавить в корзину" */
    }
    
    p.js-store-prod-dimensions.t-typography__characteristics, p.js-store-prod-weight.t-typography__characteristics {
    display: none; /* скрыть габариты */
     }
    
    
    /* Реккомендации */
    
    .t-store__relevants__container .t-container {
        max-width: 94%; /* Ширина контейнера */
    }
    
    .t-store__relevants__container .t-container .t-col {
        margin-left: 0px;
        margin-right: 0px;
     }
     
    .t-store__relevants__container .t-container .t-store__card__btns-wrapper.js-store-buttons-wrapper {
    display: none; /* Убираем кнопки */
    }

    .t-store__relevants__title.t-uptitle.t-uptitle_xxl /* Заголовок */ {
    font-weight: 700 !important;
    font-size: 42px !important;
    color: #236130 !important;
    text-transform: none !important;
    text-align: center;
    margin: 70px 0px 24px;
     }
    
    .t-store__relevants-grid-cont.js-store-relevants-grid-cont.js-store-grid-cont.t-store__valign-buttons.t-store__grid-cont_mobile-one-row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
     }
     
     /* Шиирна карточек и цвет */
.js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item.t-animate.t-animate__chain_first-in-row.t-animate_started.t-animate__chain_showed, .js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item.t-animate.t-animate_started.t-animate__chain_showed, .js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item.t-animate.t-animate_started, .js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item.t-animate.t-animate_started {
        max-width: 100% !important;
        margin: 0px 5px ;
        animation: none !important;
        background: #F9F6F2;
        border-radius: 25px;
     }
     
     /* скругление фоток */
     .js-product-img.t-store__card__bgimg.t-store__card__bgimg_hover.t-bgimg.loaded {
    border-radius: 16px !important;
} 
}

/* СТРАНИЦА ТОВАРА МОБИЛЬНАЯ ВЕРСИЯ  */
@media screen and (max-width: 980px) {


.t-store__prod-popup__slider.js-store-prod-slider.t-store__prod-popup__col-left.t-col.t-col_6 {
    max-width: 92.4%;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 32px;
    margin-bottom: 8px;
    }

.t-store__prod-popup__info.t-align_left.t-store__prod-popup__col-right.t-col.t-col_6 /* Информационный блок товара */ {
    
        background: #F9F6F2; /* Фоновый цвет для блока с описанием продукта */
        padding: 24px; /* Внутренние отступы для создания пространства вокруг содержимого */
        border-radius: 32px; /* Закругляем углы блока */
        border: solid 2px #373737; /* Рамка вокруг блока */
        
        display: flex;
        flex-direction: column; /* Выравниваем дочерние элементы по вертикали */
        align-items: flex-start; 
        flex-wrap: nowrap;
        max-width: 100%; /* Убираем ограничение ширины */
        width: calc(100% - 32px); /* Ширина с учетом отступов по 16px с каждой стороны */
        margin: 0 auto; /* Центрируем контейнер */
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box; /* Включаем padding в расчет ширины */
    }

    .t-store__prod-popup__title-wrapper {
        margin-bottom: 0px; /* Убираем отступ снизу для заголовка */
    }
    
    h1.js-store-prod-name.js-product-name.t-store__prod-popup__name.t-name.t-name_xl { 
    margin-top: 0px !important;
    margin-bottom: 0px !important; /* Убираем отступ снизу для заголовка */
    line-height: 100% !important;
    }
    
.t-store__prod-popup__btn-wrapper {
     width: 100%; /* Ширина 100% */
     margin: 0 8зч; /* Центрирование кнопок внутри родителя */
     box-sizing: border-box; /* Учет padding в ширине элемента */
     display: flex; /* Если нужно выровнять элементы внутри, можно использовать flex */
     justify-content: center; /* Центрирование содержимого (если это требуется) */
    }

    h1.js-store-prod-name.js-product-name.t-store__prod-popup__name.t-name.t-name_xl {
        font-size: 42px; /* Размер шрифта заголовка продукта */
        font-family: 'RobotoMonoTrailers'; /* Шрифт заголовка */
        font-weight: 700 !important; /* Жирный текст заголовка */
        color: #236130 !important; /* Цвет текста заголовка */
    }
    
    
    /* АРТИКУЛ скрыть */
    .t-store__prod-popup__sku.t-descr.t-descr_xxs {
        display:none;
    }
    
     /*
     .js-store-prod-price.t-store__prod-popup__price.t-store__prod-popup__price-item.t-name.t-name_md:after {
    content: " [доступна оплата по частям]";
    color: #BAB8B5; /* Цвет текста 
    font-size: 14px; /* Размер шрифта 
    display: block; /* Если нужно на новой строке 
    font-weight: 400;
    } 
    */
    
    a.t1122__popup-btn.t-store__prod-popup__btn.t-btn.t-btn_sm.js-out-of-stock-inserted-block {
            width: 100%; /* кнопка сообщить о поступлении на всю шиирну */
    }

    .js-store-prod-price.t-store__prod-popup__price.t-store__prod-popup__price-item.t-name.t-name_md {
        font-size: 32px; /* Размер шрифта для отображения цены */
        font-family: 'RobotoMonoTrailers'; /* Шрифт для цены */
        font-weight: 700 !important; /* Жирный текст */
        color: #236130 !important; /* Цвет текста цены */
    }

    .js-store-prod-price-old.t-store__prod-popup__price_old.t-store__prod-popup__price-item.t-name.t-name_md {
        font-size: 32px; /* Размер шрифта для старой цены */
        font-family: 'RobotoMonoTrailers'; /* Шрифт для старой цены */
        font-weight: 700 !important; /* Жирный текст */
        color: #7B7B7B !important; /* Серый цвет для зачеркнутой старой цены */
    }
    
    .t-store__prod-popup__text {
    margin-top: -10px;
    }

    .t-store__prod__quantity {
        background-color: #ffffff00; /* Прозрачный фон */
        border: 2px solid #373737; /* Рамка вокруг блока количества */
        box-shadow: 0px 3px 0px 0px #373737; /* Тень под блоком */
    }

    input.t-store__prod__quantity-input.t-descr.t-descr_xxs {
        font-weight: 600; /* Полужирный текст */
        color: #373737; /* Цвет текста для ввода количества товара */
    }

    a.t-store__prod-popup__btn.t-btn.t-btn_sm {
        background-color: #9ABC05 !important; /* Цвет фона кнопки */
        box-shadow: 0px 3px 0px 0px #373737; /* Тень под кнопкой */
    }

    a.t1002__addBtn, a.t1002__addBtn.t1002__addBtn_active {
        box-shadow: 0px 3px 0px 0px #373737; /* Тень под кнопкой "добавить в корзину" */
    }
    
    p.js-store-prod-dimensions.t-typography__characteristics, p.js-store-prod-weight.t-typography__characteristics {
    display: none; /* скрыть габариты */
     }
     
    
    /* рекомендации  */
    .t-store__relevants__container .t-container .t-store__card__btns-wrapper.js-store-buttons-wrapper, .t-store__scroll-icon-wrapper {
    display: none !important; /* Скрываем кнопки и гифку скрола  */
    }
    
    .t-store__valign-buttons.js-store-grid-cont {
        align-items: stretch;
    }
    
    .js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item.t-animate.t-animate__chain_first-in-row.t-animate_started.t-animate__chain_showed, .js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item.t-animate.t-animate_started.t-animate__chain_showed, .js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item.t-animate.t-animate_started, .js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item.t-animate.t-animate_started {
        background: #F9F6F2;
        border-radius: 24px;
        margin: 0px 5px !important;
        height: auto;
     }
     
     .js-product.t-store__card.t-col.t-col_3.t-align_center.js-product-relevant.t-item {
    margin-right: 2px;
    background: #F9F6F2;
    border-radius: 24px;
    height: auto;
    }
    
    .t-store__relevants-grid-cont.js-store-relevants-grid-cont.js-store-grid-cont.t-store__valign-buttons.t-store__grid-cont_mobile-one-row {
    height: auto;
    overflow-y: visible;
       }
     
     
     
    .t-store__relevants__title.t-uptitle.t-uptitle_xxl /* Заголовок */ {
    font-weight: 700 !important;
    font-size: 42px !important;
    color: #236130 !important;
    text-transform: none !important;
    text-align: center;
    margin: 64px 0px 16px;
     }
    
    .t-store__card__imgwrapper {
    margin: 16px 16px 16px 16px;
    width: inherit;
    border-radius: 16px !important;
    overflow: hidden;
}

.t-store__relevants__container .t-container .t-col {
    height: max-content;
}
    

}