/* =========================================================
   СПИСКИ
   ========================================================= */


/* ---------------------------------------------------------
   МАРКИРОВАННЫЕ СПИСКИ
   Кастомный маркер — оранжевая тильда "~"
   --------------------------------------------------------- */

.ul-marked-list,
.t-text ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}


/* Элементы маркированного списка */

.ul-marked-list li,
.t-text ul li {
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 12px !important;
  font-size: 18px;
  line-height: 1.5;
  color: #2c2c2c;
}


/* Отключаем стандартный CSS-маркер */

.ul-marked-list li::marker,
.t-text ul li::marker {
  content: "" !important;
}


/* Кастомный маркер */

.ul-marked-list li::before,
.t-text ul li::before {
  content: "~" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  width: auto !important;
  height: auto !important;

  padding: 0 !important;
  margin: 0 !important;

  background: none !important;
  background-image: none !important;

  color: #ff4500 !important;

  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1.5 !important;

  transform: none !important;
}


/* ---------------------------------------------------------
   НУМЕРОВАННЫЕ СПИСКИ
   --------------------------------------------------------- */

.ol-numbered-list,
.t-text ol {
  list-style: none !important;
  counter-reset: numbered-counter;
  padding-left: 0 !important;
  margin: 0 !important;
}


/* Элементы нумерованного списка */

.ol-numbered-list li,
.t-text ol li {
  position: relative !important;
  padding-left: 30px !important;
  margin-bottom: 16px !important;

  font-size: 18px;
  line-height: 1.5;
  color: #2c2c2c;

  counter-increment: numbered-counter;
}


/* Кастомные номера */

.ol-numbered-list li::before,
.t-text ol li::before {
  content: counter(numbered-counter) "." !important;

  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  width: auto !important;
  height: auto !important;

  padding: 0 !important;
  margin: 0 !important;

  background: none !important;
  background-image: none !important;

  color: #ff4500 !important;

  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;

  transform: none !important;
}


/* ---------------------------------------------------------
   ВЛОЖЕННЫЕ НУМЕРОВАННЫЕ СПИСКИ
   --------------------------------------------------------- */

.ol-numbered-list ol,
.t-text ol ol {
  counter-reset: numbered-counter;
  padding-left: 40px !important;
  margin-top: 10px !important;
}


.ol-numbered-list ol li,
.t-text ol ol li {
  padding-left: 45px !important;
}


/* ---------------------------------------------------------
   МОБИЛЬНЫЕ УСТРОЙСТВА
   --------------------------------------------------------- */

@media (max-width: 768px) {

  .ol-numbered-list li,
  .t-text ol li {
    padding-left: 45px !important;
    font-size: 16px;
    margin-bottom: 14px !important;
  }

  .ol-numbered-list li::before,
  .t-text ol li::before {
    font-size: 18px !important;
  }

}


/* =========================================================
   СТИКЕРЫ ТОВАРОВ
   ========================================================= */


/* Контейнер */

.product-mark-wrapper {
  margin: 12px 0;
}


/* Общий стиль стикера */

.product-mark {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  width: auto;
  min-width: max-content;
  height: auto;

  padding: 7px 14px;

  border-radius: 20px;

  font-size: 13px;
  font-weight: 700;
  line-height: 1;

  white-space: nowrap;

  color: #fff;
}


/* ---------------------------------------------------------
   ЦВЕТА СТИКЕРОВ
   --------------------------------------------------------- */

.mark-hit {
  background: #e53935 !important;
}

.mark-new {
  background: #2e7d32 !important;
}

.mark-sale {
  background: #ef6c00 !important;
}

.mark-used {
  background: #616161 !important;
}

.mark-order {
  background: #1565c0 !important;
}


/* ---------------------------------------------------------
   СТИКЕРЫ В КАТАЛОГЕ TILDA
   --------------------------------------------------------- */

.t-catalog__card__mark {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;

  width: auto !important;
  min-width: max-content !important;
  height: auto !important;

  padding: 7px 14px !important;

  border-radius: 20px !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}


/* Цвета стикеров каталога */

.t-catalog__card__mark.mark-hit {
  background: #e53935 !important;
}

.t-catalog__card__mark.mark-new {
  background: #2e7d32 !important;
}

.t-catalog__card__mark.mark-sale {
  background: #ef6c00 !important;
}

.t-catalog__card__mark.mark-used {
  background: #616161 !important;
}

.t-catalog__card__mark.mark-order {
  background: #1565c0 !important;
}