/* Изменения сделанные в Тильде
- Цвет и размер меток в категории товаров
- цвет и размер кнопки и блока поиск - в шапке - только для мобильного
- меняем цвет квадратиков в фильтре в каталоге
- меняем цвет линии в фильтре цена
- Изменяем цвет заголовков табов
- измненеие высоты блока добавить в корзину на мобильном - только размер меняем текста
- уменьшаем размер виджетов справа
*/



/*Вывод карточек в категории*/
.t-store__stretch-col { /*Расстояние между картчоками */
   padding: 0 0 25px 0 !important;
}
.t-store__grid-separator {
    margin-bottom: 80px !important;
}

.t-store__card__textwrapper{  /*Отсутп сверху над заголовком*/
  padding-top: 5px !important;
}
.store__card__wrap_txt-and-opts.store__card__has-btns{ /*Отсутп сверху над кнопкой*/
  padding-bottom: 10px !important;
}
.t-store__card .t-typography__title{ /*Заголовок*/
    line-height: 1.4 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.t-typography__title{ /*Заголовок*/
    padding-left: 5px !important;
    padding-right: 5px !important; 
}
.t-name{
  font-weight: 600;
}
.t-store__card .t-typography__descr{  /*Описание*/
  line-height: 1.4 !important;

}
.t-store__card__descr{  /*отступ сверху надописанием*/
 margin-top: 8px !important; 
 padding-left: 5px !important;
 padding-right: 5px !important; 
}
/*Цена*/
.t-store__card__price-wrapper{ 
margin-top: 7px !important;
}
.t-store__card .t-store__card__price{
font-weight: 500 !important;
font-size: 14px !important;
}
.t-store__card .t-store__card__price_old{ /*Старая цена*/
font-weight: 400 !important;
}
/*кнопка*/
.t-btnflex.t-btnflex_type_button2 { 
    color: #ffffff;

    border-style: none !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 17px;
}
/*отступ  сверху от кнопки*/
.store__card__wrap_txt-and-opts.store__card__has-btns {
    padding-bottom: 3px !important;
}
.store__card__wrap_txt-and-opts.store__card__has-btns {
    margin-bottom: 3px !important;
}
.t-align_left .t-store__card__btn { /*отступы вокруг*/
    margin: 0 0 0 0 !important;
}
.t-btnflex_sm, .t-btn.t-btnflex_sm, .t-submit.t-btnflex_sm {  /*размер кнопкиг*/
        padding-left: 25px;
        padding-right: 25px;
    }

/*Для десктопа*/
@media (min-width: 768px) {

}
/*Для мобильного*/
@media (max-width: 768px) {
.t-store__stretch-col { /*Расстояние между картчоками */
   padding: 0 0 1px 0 !important;
}
.t951__grid-cont .t-store__card-list {
        row-gap: 30px !important;
    }
.t-store__card .t-typography__title { /*Заголовок*/
line-height: 1.1 !important;
}
.t-typography__title{
   font-size: 14px;
   font-weight: 500 !important;
}
.t-store__card .t-typography__descr {  /*Описание*/
line-height: 1.1 !important;
}
.t-typography__descr{
  font-weight: 400 !important;
}
.t-store__card__descr {  /*отступ сверху надописанием*/
 margin-top: 5px !important;  
}
.t-store__card__btns-wrapper {  /*выравнивание кнопки по центру*/ 
       /* display: flex !important;
        justify-content: center !important; */
    }
.t-btnflex_sm, .t-btn.t-btnflex_sm, .t-submit.t-btnflex_sm {  /*размер кнопки*/
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
.t-store__card .t-store__card__price{
font-weight: 500 !important;
font-size: 16px !important;
}
.t-store__card .t-store__card__price_old{ /*Старая цена*/
font-weight: 400 !important;
font-size: 14px !important;
}
/*слово фильтр*/
.t-store__filter__opts-mob-btn{
  font-weight: 600 !important;
  font-size: 15px !important;
}
.t-store__filter {
    margin-bottom: 20px;
}
/*От заголовка до фильтра*/
.t795__title {
    margin-bottom: 20px;
}

}



/*изменяет цвет в окнее Войти*/
body .tlk-form__submit-btn .tlk-btn.tlk-btn_reset.tlk-btn_gray {
  background-color: #ad06dd !important;
  color: #ffffff !important;
  border: none !important;
}
body .tlk-form__item .tlk-input {
  border-color: #cea2db !important;
}


/*изменяет размер кнопки в корзину для мобильного*/
@media (max-width: 640px) {
.t-store__card__btns-wrapper .js-store-prod-btn2.t-store__card__btn {
  width: 150px !important;
  justify-self: flex-start;          /* прижимает кнопку влево внутри флекс‑контейнера */
  flex-shrink: 0;                   /* запрещает сжиматься, если места мало */
}
.t-store__card__btns-wrapper .t-store__card__btn.t-btn {
  width: 150px !important;
  justify-self: flex-start !important;
  flex-shrink: 0 !important;
}

}

/*изменение размера кнопки подписаться*/
.t-form__submit .t-submit.t-btnflex.t-btnflex_type_submit {
  width: 200px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;   
}

/*изменение размера шрифта на стр оформление заказа*/
.t706__cartpage-heading.t-name.t-name_xl {
  font-size: 26px !important;
}

/*изменение размера кнопки на стр оформление заказа*/
.t-form__submit .t-submit.t-btnflex.t-btnflex_type_submit {
  width: 100% !important;
  height: 60px !important;
}

/*меняем цвет кнопки войти*/
.tlk-form__submit-btn .tlk-btn.tlk-btn_gray {
  background-color: #ad06dd !important;       /* фиолетовый цвет кнопки */
  color: #ffffff !important;                 /* белый текст для контраста */
  border: none !important;                   /* убираем рамку, если есть */
  transition: background-color 0.3s ease;   /* плавное изменение при наведении (опционально) */
}

/*уменьшаем размер виджетов справа на мобильном*/
@media (max-width: 640px) {
.t898__svg__wrapper svg.t-sociallinks__svg {
  width: 50px !important;
  height: 50px !important;
}
  .t898__btn_label {
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    box-sizing: border-box;
  }
.t898__icon.t898__icon-write,
.t898__icon.t898__icon-close {
  width: 60% !important;
  height: 60% !important;
}
  
/*виджет звонка*/
.t651__btn {
  width: 50px !important;
  height: 50px !important;
}
.t651__btn_wrapper {
  width: 90% !important;
  height: 90% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t651__btn_wrapper svg.t651__icon,
.t651__btn_wrapper svg.t651__icon-close {
  width: 60% !important;
  height: 60% !important;
}

}

/*меняем цвет квадратиков в фильтре в каталоге*/
.t-store .t-checkbox__indicator {
    border: 2px solid #cea2db !important;
    box-sizing: border-box !important;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    opacity: .6;
    position: relative;
    transition: all .2s;
    vertical-align: middle;
    width: 20px;
}

/*меняем цвет линии в фильтре цена*/
.t-store__filter__range_bg {
  background-color: #cea2db !important;
}
.t-store__filter__range_bg::after,
.t-store__filter__range_bg::before {
  display: none !important;
}

/*Изменяем цвет заголовков табов*/
.t-store__tabs__button-title {
  color: #ad06dd !important;
}

/*измненеие высоты блока добавить в корзину на мобильном - только размер меняем текста*/

.t-store__prod-popup__btn-wrapper.t-store__prod-popup__btn-wrapper-fixed {
  background: transparent !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 15px 10px 15px !important; /* отступ: 5px справа, снизу и слева */
  box-sizing: content-box !important;
}

/* Скругление самой кнопки */
.t-store__prod-popup__btn {
  border-radius: 12px !important; /* подбери значение: 8–16px обычно смотрится хорошо */
}
/* изменение размера шрифта текста внутри кнопки */
.t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn .t-btnflex__text{
  font-size: 18px;
}

/*Измененеи сердечка на фиолет в кнопке добавить в избранное в карточке товара*/
.t1002__addBtn_active svg path {
    fill: #ad06dd;
}
.t1002__addBtn {
  border: 1px solid #cea2db !important;  /*цвет кружка - не работает*/
}
.t1002__addBtn svg path {
  stroke: #ad06dd;
}

/* Блок доставки Koston */
#koston-delivery-block {
  max-width: 900px;
  margin: 20px -13px 20px -13px;
  padding: 0 15px;
  font-family: Arial, sans-serif;
  color: #333;
  box-sizing: border-box;
}

.koston-delivery__title {
  text-align: left;
  color: #222;
  margin: 0 0 12px 0;
  font-size: 15px;
  font-weight: 500;
}

.koston-delivery__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}

.koston-delivery__item {
  padding: 8px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
}

.koston-delivery__icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  flex-shrink: 0;
  font-weight: 500;
  font-size: 9px;
  color: #fff;
}

/* Цвета иконок по номерам */
.koston-delivery__item:nth-child(1) .koston-delivery__icon {
  background-color: #25D366; /* зелёный */
}
.koston-delivery__item:nth-child(2) .koston-delivery__icon {
  background-color: #2196F3; /* синий */
}
.koston-delivery__item:nth-child(3) .koston-delivery__icon {
  background-color: #FF9800; /* оранжевый */
}
.koston-delivery__item:nth-child(4) .koston-delivery__icon {
  background-color: #F44336; /* красный */
}

.koston-delivery__content {
  line-height: 1.25;
}

.koston-delivery__name {
  color: #222;
  font-weight: 500;
  font-size: 13px;
  display: block;
}

.koston-delivery__desc {
  color: #666;
  font-size: 11px;
  display: block;
}

/* Адаптив для мобильных: немного уменьшаем отступы */
@media (max-width: 640px) {
  #koston-delivery-block {
    margin: 16px -10px 16px -10px;
    padding: 0 10px;
  }
  .koston-delivery__name {
    font-size: 14px;
  }
  .koston-delivery__desc {
    font-size: 12px;
  }
}


/* Уменьшаем размер Метки товара для десктопа и мобильного */
    .t-store__card__mark {
      width: 40px !important;
      height: 40px !important;
      padding: 7px !important;
      background-color:#ad06dd !important;
    }
  @media (max-width: 980px) {
    .t-store__card__mark {
      width: 25px !important;
      height: 30px !important;
      font-size: 9px !important;
      padding: 7px !important;
      background-color:#ad06dd !important;
    }

  }

/* --- Изменяем стиль блока поиск сверху сайта --- */

/* --- КРЕСТИК: уменьшаем и центрируем --- */
.t838__blockinput .t-site-search-close {
  width: 14px !important;      
  height: auto;
  position: absolute;
  right: 12px;                 
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

/* --- ИКОНКА ЛУПЫ: на ВСЕХ устройствах --- */
.t838__search-icon {
  width: 15px !important;
  height: 15px !important;
  fill: #b6b6b6 !important;
  position: absolute;
  left: 32px;                 /* ВЛЕВО: 22 + 10 = 32px */
  top: 50%;
  /* ВВЕРХ: 8px */
  transform: translateY(calc(50% - 8px)); 
  pointer-events: none;       
}

/* =========================================
   ДЕСКТОП: Прижать к правому краю с отступом 15px, поднять выше на 4px
   ========================================= */
@media (min-width: 768px) {

   .t-btnflex_type_submit {
  height: 30px !important;
  width: 100px !important;
  padding: 0 !important;          /* убираем внутренние отступы, чтобы размеры были точными */
  box-sizing: border-box !important; 
}
.t838__input {
  height: 30px !important;
  padding-left: 40px !important;
}

  .t838 {
    position: absolute;
    right: 180px;               
    top: 160px;                
    z-index: 999;
    max-width: calc(100% - 50px); /* Небольшой запас, чтобы блок точно не вылез */
    width: auto;
    box-sizing: border-box;
  }

}

/* =========================================
   МОБИЛЬНЫЙ: Положение самого блока НЕ трогаем.
   Только выравниваем поле и кнопку в одну строку.
   ========================================= */
@media (max-width: 767px) {
  .t838 {
    position: static !important;
    margin-top: 0 !important;   
    margin-left: 0 !important;
  }

  .t-btnflex_type_submit {
  height: 30px !important;
  min-height: auto !important;
  padding: 0 16px !important;
  border-radius: 3px !important;
}
.t838__input {
  height: 30px !important;
  line-height: 30px !important;
  /* Увеличили левый отступ, потому что лупу сильно сдвигаем влево (32px под иконку) */
  font-size: 14px;
  box-sizing: border-box;
  border: 1px solid #ad06dd !important;
  border-radius: 3px !important;
  padding-left: 40px !important;
}

  .t838__wrapper.t-site-search-input {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;   
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 8px;                         
    box-sizing: border-box;
  }

  .t838__blockinput {
    flex: 1 !important;               
    min-width: 0 !important;          
    width: auto !important;
    margin: 0 !important;
  }

  .t838__blockbutton {
    flex: none !important;            
    width: auto !important;
    max-width: 110px !important;
    margin: 0 !important;
  }
}
 /* конец стиля блока поиска */