/* === Product Card (изолировано) === */
.tf-card{
  display:flex; flex-direction:column;
  background:#fff; border-radius:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  overflow:hidden; height:100%;
}
.tf-card__img{ display:block; background:#f6f6f6; }
.tf-card__img img{
  width:100%; height:auto; display:block;
  aspect-ratio: 4 / 3; object-fit:cover;
}

.tf-card__body{ padding:16px 16px 14px 16px; }
/*Заголовок карточки товара*/
.tf-card__title{
  font-size:14px; line-height:1.15; margin:0 0 10px 0;
  font-weight:400; letter-spacing:.2px;
}
/*синяя лента*/
.tf-card__rule{
  display:block; width:40px; height:2px; border-radius:2px;
  background:#0d6efd; /* bootstrap primary */
  margin:6px 0 14px 0;
}

.tf-card__props{ margin:0 0 12px 0; }
.tf-card__prop{ display:flex; gap:6px; font-size:14px; line-height:1.3; }
.tf-card__prop dt{ color:#6c757d; font-weight:400; }
.tf-card__prop dd{ margin:0; color:#212529; }

.tf-card__fav{
  display:flex; align-items:center; gap:10px;
  margin-top:auto;
}
.tf-card__fav-label{ color:#6c757d; font-size:16px; }
.tf-card__fav-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:10px;
  background:#eef5ff; border:1px solid #e0ebff;
  transition:transform .12s ease;
}
.tf-card__fav-btn i{ font-size:18px; color:#0d6efd; }
.tf-card__fav-btn:active{ transform:scale(0.96); }

/* Состояние «в избранном» */
.tf-card.is-fav .tf-card__fav-btn{
  background:#e7f0ff; border-color:#d6e6ff;
}
.tf-card.is-fav .tf-card__fav-btn i{
  color:#0d6efd;
}

/* Белый фон карточки гарантированно, поверх любых серых секций */
.tf-card{
  background:#fff !important;
  border-radius:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}

/* Кнопка и иконка — синие, ровные, без «дрожи» */
.tf-card__fav{
  display:flex; align-items:center; gap:10px;
}
.tf-card__fav-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:10px;
  background:#eef5ff; border:1px solid #e0ebff;
}
.tf-card__fav-btn i{
  font-size:18px;
  line-height:1;
  color:#0d6efd;         /* синий */
}
/* Для Bootstrap Icons также зальём цвет */
.tf-card__fav-btn i.bi{
  fill: currentColor;
}

/* Состояние «в избранном» — заливка та же, иконка та же синяя */
.tf-card.is-fav .tf-card__fav-btn{
  background:#e7f0ff; border-color:#d6e6ff;
}

/* === правка блока избранного === */
.tf-card__fav {
  display: flex;
  align-items: center;
  justify-content: space-between; /* ← добавляем распределение */
  margin-top: auto;
}

/* "В избранном" визуально выравниваем текст и кнопку */
.tf-card__fav-label {
  font-size: 14px;
  color: #6c757d;
}

.tf-card__fav-count {
  font-weight: 400;
  color: #0d6efd;
  margin-left: 4px;
}
/* === эффект наведения для карточки === */
.tf-card {
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.tf-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.06);
/*  transform: translateY(-1px);*/
  cursor: pointer;
}

/* === минимальная правка для нового блока избранного === */
.tf-card__fav {
  justify-content: flex-end; /* прижимаем весь блок вправо */
  gap: 6px;                  /* расстояние между иконкой и цифрой */
}

.tf-card__fav-count {
  font-weight: 400;
  color: #6c757d;
  font-size: 15px;
  line-height: 1;
}

.tf-card__price-max {
  font-size: 1rem;
  font-weight: 600;
  margin-top: .5rem;
  white-space: nowrap;
}

/* Предложения: мобильное и десктопное меню - перекрашиваем цвет иконки*/
#mobMenuOffers i,
#mobMenuOffers i::before,
#deskMenuOffers i,
#deskMenuOffers i::before {
  color: #FFC107 !important;
}