/* Контейнер для нескольких плашек */
.t-store__card__mark-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;      /* Разрешаем перенос на новую строку */
  gap: 6px !important;             /* Фиксированный отступ между плашками */
  position: absolute !important;   /* Позиционируем поверх фото */
  top: auto !important;            /* Отступ сверху (можно изменить на bottom) */
  left: 10px !important;           /* Отступ слева */
  right: auto !important;
  bottom: 10px !important;
  width: calc(100% - 20px) !important; /* Чтобы плашки не вылезали за края */
  height: auto !important;
  z-index: 10 !important;
  pointer-events: none;            /* Чтобы плашки не мешали кликать на товар */
}

/* Сами отдельные плашки */
.t-store__card__mark {
  /* Главное: размер теперь зависит только от текста внутри */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;          /* Ширина по тексту */
  height: auto !important;         /* Высота по тексту */
  min-width: 0 !important;         /* Сброс ограничений */
  
  /* Внутренние отступы (формируют размер плашки) */
  padding: 4px 10px !important;
  
  /* Оформление */
  background-color: #70000e !important; /* Ваш цвет */
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  border-radius: 4px !important;   /* Скругление углов */
  
  /* Сброс настроек Тильды */
  position: relative !important;   /* Чтобы работали в Flex-ряду */
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  white-space: nowrap !important;  /* Текст в одну строку */
}

/* Убираем стандартный фон обертки, если он есть */
.t-store__card__mark-wrapper > div:not(.t-store__card__mark) {
    display: none !important;
}