/* ============================================================
   Стили карточки товара Eco For You (блок ST320N)
   Вставить целиком в Tilda: Настройки сайта → Вставка кода →
   Пользовательские CSS-стили → Редактировать CSS
   (Замените предыдущую вставку на эту целиком, не дописывайте поверх)

   Работает одинаково на телефоне, планшете и компьютере —
   никаких position:absolute трюков, только flex, поэтому не должно
   ломать мобильную вёрстку.
   ============================================================ */

/* 1. Название товара — показывается полностью, без обрезки.
      Выравнивание кнопок при этом всё равно работает (см. пункт 3 ниже),
      просто карточки с более длинным названием в ряду станут чуть выше */
.t-store__card__title {
  overflow: visible !important;
}

/* 2. Прячем описание/тип кожи под названием в сетке каталога
      (в самой карточке товара при клике оно всё равно будет видно) */
.t-store__card__sku,
.t-store__card__descr {
  display: none !important;
}

/* 3. Карточка становится колонкой на всю высоту — благодаря этому
      кнопки внизу всегда на одном уровне у всех карточек в ряду,
      независимо от длины названия. Работает без абсолютного
      позиционирования, поэтому безопасно и для мобильной версии */
.t-store__card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.t-store__card__btns-wrapper {
  margin-top: 0 !important;
  padding-top: 12px;
}
.t-store__card__btns-wrapper > * {
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}
.t-store__card__btns-wrapper button,
.t-store__card__btns-wrapper a {
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* 4. Цена — ярче и заметнее, и всегда прижата прямо над кнопками
      (сама "впитывает" всё свободное место, оставшееся после названия) */
.t-store__card__price-wrapper {
  margin-top: auto !important;
  margin-bottom: 12px !important;
}
.t-store__card__price-wrapper,
.t-store__card__price-wrapper * {
  color: #A47C2B !important;
  font-weight: 600 !important;
}

/* 5. Бейдж "новинка"/"хит" — тонкий контур вместо плашки */
.t-store__card__mark {
  background: none !important;
  border: 1px solid #C5A059;
  color: #C5A059 !important;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 10px !important;
  padding: 3px 9px !important;
}