/* ===== MOBILE: компактные карточки ===== */
@media (max-width: 640px){

  /* уменьшаем высоту изображения */
  .t-store__card__imgwrapper{
      height: 40px !important;
      overflow: hidden;
  }

  .t-store__card__bgimg{
      height: 97% !important;
      background-size: cover !important;
  }

  /* уменьшаем отступы под фото */
  .t-store__card__title{
      margin-top: 10px !important;
      font-size: 14px !important;
  }

  .t-store__card__descr{
      margin-bottom: 6px !important;
  }

  .t-store__card__price{
      margin-bottom: 8px !important;
  }

  /* увеличиваем высоту кнопок */
  .t-store__card__btn{
      height: 46px !important;   /* высота кнопки */
      padding: 0 12px !important;

      display: flex !important;
      align-items: center !important;
      justify-content: center !important;

      font-size: 13px !important;
  }

}

/* ===== JAYA: варианты выбора (кнопки) ===== */

/* базовое состояние (неактивное) */
.js-product 
.t-product__option-variants_buttons 
.t-product__option-item_simple {

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #F4EFE6 !important;
    border: 1px solid #d6d0c8 !important;  /* светлый бордер */

    transition: border-color 0.2s ease;
}


/* hover (по желанию — можно убрать) */
.js-product 
.t-product__option-variants_buttons 
.t-product__option-item_simple:hover {

    border: 1px solid #4A1820 !important;
}


/* АКТИВНЫЙ вариант */
.js-product 
.t-product__option-variants_buttons 
.t-product__option-item_simple.t-product__option-item_active {

    border: 2px solid #4A1820 !important;   /* бордовый */
    background-color: #F4EFE6 !important;   /* без серого */
    box-shadow: none !important;
}

/* внешний вид капсулы — 130 × 40 */

.t-store__card__mark-wrapper{
  width: 130px !important;
  max-width: 130px !important;
}

.t-store__card__mark{
  width: 100% !important;      /* чтобы заняла 130px от wrapper */
  height: 40px !important;     /* фикс высоты */

  display: flex !important;
  align-items: center !important;
  justify-content: center !important; /* если нужно по центру */
  
  padding: 0 10px !important;  /* только горизонтальный */

  background-color: #F8F0E6 !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 0px !important;

  color: #7A2E3A !important;

  font-family: 'Manrope', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1 !important;

  text-transform: none !important;
  letter-spacing: 0 !important;

  white-space: normal !important;
  text-align: center !important;

  box-shadow: none !important;
}

/* Позиционируем относительно картинки */
.t-store__card__imgwrapper{
  position: relative !important;
}

/* Перемещаем плашку вниз вправо */
.t-store__card__mark-wrapper{
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  top: auto !important;
  z-index: 20 !important;

  width: 130px !important;
  max-width: 130px !important;
}

.t-section__descr {
    margin-bottom: 35px;
}