/* ================================================
   TILDA ST315N — Кастомизация каталога
   ================================================ */

/* ПЛАШКА — все настройки здесь */
:root {
  --badge-font-size:   11px;      /* Размер текста плашки */
  --badge-padding:     4px 8px;   /* Отступы внутри: верх/низ лево/право */
  --badge-bg:          #C8946D;   /* Цвет фона плашки */
  --badge-color:       #ffffff;   /* Цвет текста плашки */
  --badge-offset-x:    0px;       /* Отступ плашки от левого края карточки */
  --badge-offset-y:    0px;       /* Отступ плашки от верхнего края карточки */
}

/* РАМКА КАРТОЧКИ */
.t-store__card {
  border: 0.6px solid #E1E1E1 !important;   /* Толщина и цвет рамки */
  background-color: #fff !important;
  box-sizing: border-box !important;
  padding: 10px !important;                  /* Внутренние отступы карточки */
  transition: border-color 0.3s ease;        /* Скорость анимации hover (сек) */
  position: relative !important;
}

.t-store__card:hover  { border-color: #121212 !important; }
.t-store__card:active { border-color: #121212 !important; }

/* НАЗВАНИЕ + ЦЕНА */
.t-store__card__textwrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;                       /* Зазор между названием и ценой */
  padding: 10px 0 0 0 !important;            /* Отступ сверху над блоком текста */
}

.t-store__card__name {
  flex: 1 1 auto !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.t-store__card__price {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* ПЛАШКА */
.t-store__card__mark {
  position: absolute !important;
  top: var(--badge-offset-y) !important;
  left: var(--badge-offset-x) !important;
  border-radius: 0 !important;               /* 0 = прямоугольник */
  font-size: var(--badge-font-size) !important;
  padding: var(--badge-padding) !important;
  background-color: var(--badge-bg) !important;
  color: var(--badge-color) !important;
  line-height: 1.2 !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

/* ИКОНКА ИЗБРАННОГО */
a.t1002__addBtn {
  border: 1px solid #EDEDED !important;      /* Толщина и цвет обводки */
  border-radius: 50% !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
}

/* КОНТЕЙНЕР СЕТКИ (десктоп) */
.t-store__grid-cont {
  padding-left: 10px !important;             /* Отступ слева */
  padding-right: 10px !important;            /* Отступ справа */
  box-sizing: border-box !important;
}

/* ------------------------------------------------
   МОБИЛЬНАЯ ВЕРСИЯ (до 640px)
   ------------------------------------------------ */
@media (max-width: 640px) {

  .t-store__grid-cont {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .t-store__card {
    padding: 8px !important;
    margin-bottom: 0 !important;
  }

  .t-store__card__textwrapper {
    padding-top: 8px !important;
  }

  /* Перебиваем инлайн row-gap который Тильда ставит из настроек блока */
  div.t-store__card-list {
    row-gap: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .t-store__card-list .js-product {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Плашка на мобилке */
  :root {
    --badge-font-size: 10px;
    --badge-padding:   3px 6px;
    --badge-offset-x:  0px;
    --badge-offset-y:  0px;
  }
}