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

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

/* 1. Название товара — фиксированная высота в 2 строки.
      Длинные названия обрезаются многоточием (полностью видны в попапе товара) */
.t-store__card__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 2.4em !important;
  line-height: 1.2em !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: auto !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-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;
}