/* Картинка в "Смотрите также" визуально кликабельна */
.t-store__relevants__container .t-store__card__imgwrapper,
.t-store__relevants__container .t-store__card__bgimg {
  cursor: pointer;
}


/* --------- Стилизация пагинации в списке товаров ( блок "Хиты продаж" и т.п. )  */

.t-store .t-store__pagination__item_active {
        /*border: 2px solid !important;
        border-color:#252525 !important;*/
        border: none !important;
        background-color: #DEDEDE;
}

.t-store .t-store__pagination__item {
        font-weight:700 !important;
        font-size: 14px !important;
}

.t-store__pagination__arrow,
.t-store__pagination__arrow * {
        fill: #252525 !important;
        stroke: #252525 !important;
}
   
   
/* ------------------------------------------------- Стилизация фильтра в списке товаров (слева) --------------------------------------- */ 
    
   :root{ --buton-price-accent:#DF6EB2; }

  /* 1) Синяя “заливка” диапазона (у вас это div.t-store__filter__range_bg) */
  .t-store__filter__item-price-slider .t-store__filter__range_bg{
    background: var(--buton-price-accent) !important;
    background-image: none !important;
  }

  /* 2) На всякий случай: если синий цвет частично идёт с нативного range */
  .t-store__filter__item-price-slider input.t-store__filter__range{
    accent-color: var(--buton-price-accent);
  }
  
  
  /* Скругление углов у фон фильтра */
  .t951__cont-wrapper .t951__sidebar {
      border-radius: 8px !important;
  }
  
    /* Заголовки фильтров: "Цена", "Раздел", "Кому", "Повод" и т.д. */
  .t-store__filter__item-title,
  .t-store__filter__item-title.js-store-filter-item-title{
    color: #252525 !important;
    font-size: 16px !important;
    font-family: "Manrope", Arial, sans-serif !important;
    font-weight: 500 !important; /* Bold */
  }
  
  
  /* Стилизация тире между инпутами в цене */ 
  
  .t-store__filter__delimeter {
      color:#C4C4C4;
   }
 
  
    /* Инпуты "от-до" в фильтре цены */
  .t-store__filter .t-store__filter__item-price-box input,
  .t-store__filter .t-store__filter__item-price-box input[type="text"],
  .t-store__filter .t-store__filter__item-price-box input[type="number"]{
    background: #F2F2F2 !important;
    border: 1px solid #C4C4C4 !important;
    border-radius: 4px !important;
    height: 32px !important;

    color: #252525 !important;
    font-size: 14px !important;
    font-family: "Manrope", Arial, sans-serif !important;
    font-weight: 500 !important; /* Medium */

    box-sizing: border-box !important;
    padding: 0 10px !important;
    line-height: 32px !important;
  }
  
  
    /* Чекбоксы */
  .t-store .t-checkbox__indicator:after {
      border-color:#DF6EB2 !important;
  }
  
  .t-store .t-checkbox__indicator {
    background: #FFFFFF !important;
    border: 1px solid #C4C4C4 !important;
    border-radius: 4px !important;
    height: 20px !important;

  }
  
  
  /* Текст в рядом с чекбоксами */
  
  .t-store__filter-tree-label {
    color: #252525 !important;
    font-size: 16px !important;
    font-family: "Manrope", Arial, sans-serif !important;
    font-weight: 500 !important; /* Regular/Normal */
  }    
  
  
  /* Сортировка */ 
  
  .t-store__sort-select {
    background: #F2F2F2 !important;
    height: 32px !important;
    border: 1px solid #C4C4C4 !important;
    border-radius: 4px !important;
    
    }
    

/* Шрифт в кружке SALES */

  .t-store__card__mark {
      font-size: 14px !important;
    font-weight: 800 !important;
}
  



/* ---------------------------------------------------------  Стилизация карточки товара ------------ */


/* ------------- Изображение 7 колонок, описание 5 колонок ------------ */

/* Переопределяем ширины колонок попапа товара на десктопе */
@media screen and (min-width: 1196px){

  /* Левая колонка (слайдер) */
  .js-store-product .t-store__prod-popup__slider.t-store__prod-popup__col-left.t-col.t-col_6{
    max-width: 660px !important;
  }

  /* Правая колонка (описание) */
  .js-store-product .t-store__prod-popup__info.t-store__prod-popup__col-right.t-col.t-col_6{
    max-width: 460px !important;
  }
  
  .t-store__prod-snippet__container {
    padding-bottom: 120px !important;
    padding-top: 64px !important;
}


}

/* Товар: мобильный — padding у общего контейнера, а у миниатюр НЕт padding */
@media screen and (max-width: 560px){

  /* общий контейнер блока изображений (левая колонка) */
  .js-store-product .t-store__prod-popup__slider.t-store__prod-popup__col-left{
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 24px !important;
    box-sizing: border-box !important;
  }

  /* миниатюры: убираем внутренний паддинг Тильды */
  .js-store-product .t-store__prod-popup__slider.t-store__prod-popup__col-left .t-slds__thumbsbullet-wrapper{
    padding-left: 0 !important;
    padding-right: 0 !important;

    /* Тильда часто задаёт width: calc(100% - 40px); — возвращаем 100% */
    width: 100% !important;
  }
  
   .t-store__prod-snippet__container {
    padding-bottom: 120px !important;
    padding-top: 0px !important;
}
  
  
}

@media screen and (max-width: 960px) { 
      .t-store__prod-snippet__container {
    padding-bottom: 120px !important;
    padding-top: 12px !important;
}

}




/* --------------------------- СКРУГЛЕНИЯ В ИЗОБРАЖЕНИЯХ - Карточка товара: главное изображение */
.t-store__prod-popup__slider .t-slds__imgwrapper{
  border-radius: 8px !important;
  overflow: hidden !important; /* чтобы скругление реально “обрезало” картинку */
}

.t-store__prod-popup__slider .t-slds__imgwrapper .t-slds__bgimg.js-product-img{
  border-radius: 8px !important;
}

/* Карточка товара: миниатюры */
.t-store__prod-popup__slider .t-slds__thumbsbullet{
  border-radius: 4px !important;
  overflow: hidden !important;
}

.t-store__prod-popup__slider .t-slds__thumbsbullet .t-slds__bgimg{
  border-radius: 4px !important;
}

.t-store__prod-popup__slider .t-slds__thumbsbullet-border{
  border-radius: 4px !important;
} 


/* ------------------ Тайтл товара текст ------------------------ */



@media screen and (min-width: 980px){
    
.t-store .t-store__prod-popup__name{
  font-size: 52px;
  line-height: 1;
 /* padding-bottom: 16px;*/
  font-weight: 400;
  color: #252525;
  font-family: "Manrope", sans-serif;
  letter-spacing: -2px;


}

}


@media screen and (max-width: 560px){
    
.t-store .t-store__prod-popup__name{
  font-size: 36px;
  line-height: 1;
 /* padding-bottom: 16px;*/
  font-weight: 400;
  color: #252525;
  font-family: "Manrope", sans-serif;
  letter-spacing: -2px;

  /* опционально, чтобы Тильда не добавляла лишние отступы */
  margin: 0;
}

}


@media screen and (max-width: 1200px) {
  .t-name_xl {
    font-size: 36px !important;
    font-weight: 400 !important;
    letter-spacing: -2px !important;
  }
}

/* ---------------------- СТИЛИЗАЦИЯ ШРИФТА ЦЕНЫ В КАРТОЧКЕ ТОВАРА --------- */

/* Цена в карточке товара (цифры + "р.") */
.js-store-product .t-store__prod-popup__price,
.js-store-product .t-store__prod-popup__price .t-store__prod-popup__price-value,
.js-store-product .t-store__prod-popup__price .t-store__prod-popup__price-currency{
  color: #df6eb2 !important;
  font-size: 32px !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}


/* ---------------- ДРОПДАУН (увеличение высоты) ------------- */

.js-product .t-product__option-select {
    height:32px !important;
}

.t-store .t-product__option {
    margin-top: 20px !important;
}


/* -------------------------------- КНОПКА"КУПИТЬ" В КАРТОЧКЕ ТОВАРА ------------------ */

.js-store-product a.t-store__prod-popup__btn.t-btn{
  background-color: #ffffff !important;
  background-image: none !important;
  color: #252525 !important;
  height:44px !important;

  /*border: 1px solid #7b7b7b !important;*/
  border: 1px solid #c6c6c6 !important;
  border-radius: 8px !important;
  box-shadow: none !important;

  text-decoration: none !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;

  /*transition: background-color .15s ease, border-color .15s ease, color .15s ease;*/
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out !important;

}

/* чтобы текст внутри (td) наследовал стили */
.js-store-product a.t-store__prod-popup__btn .t-btnflex__text,
.js-store-product a.t-store__prod-popup__btn .js-store-prod-popup-buy-btn-txt{
  color: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Hover */
@media (hover: hover){
  .js-store-product a.t-store__prod-popup__btn:hover{
    background-color: #f2f2f2 !important;
  }
}

/* 960–1200px (десктоп) */
@media screen and (min-width: 960px) and (max-width: 1200px){
  .js-store-product a.t-store__prod-popup__btn{
    font-size: 18px !important;
    padding: 14px 48px !important; /* вертикаль / горизонталь */
  }
}

/* 480–960px (планшет) */
@media screen and (min-width: 480px) and (max-width: 959px){
  .js-store-product a.t-store__prod-popup__btn{
    font-size: 18px !important;
    padding: 14px 48px !important;
  }
}

/* до 480px (телефон) */
@media screen and (max-width: 479px){
  .js-store-product a.t-store__prod-popup__btn{
    font-size: 16px !important;
    padding: 12px 12px !important;
  }
}


/* ------------------ СТИЛИЗАЦИЯ ЭЛЕМЕНТА С ВЫБОРОМ КОЛ-ВА ТОВАРОВ ------ */

.t-store__prod__quantity {
    background-color: #f8f8f8 !important;
    height: 44px !important;
    /*border: none !important;*/
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
}