/* ─────────────────────────────────────────────────────────────────────────────
   Sales — стили витрины модуля.

   Включает:
     - .sales-badge      — бейджи скидок на карточке товара (Q49).
     - .sales-discount-grid — сетка кампаний на странице /sale.
     - .sales-bundle-info   — блок с составом «готового набора».

   Стили дополнительны к теме Prostore — не переопределяют её базовые
   классы (.product-thumb, .price-* и пр.), только добавляют новые.
   ───────────────────────────────────────────────────────────────────────── */

/* Бейдж на карточке товара (top-left, красный — как штатный oc_product_special). */
.sales-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  display: inline-block;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #d9534f; /* Bootstrap 3 .label-danger */
  border-radius: 3px;
  text-transform: none;
}

/* Тонкие отличия по типу — для распознавания взглядом. */
.sales-badge--promo,
.sales-badge--sale {
  background: #d9534f; /* красный */
}
.sales-badge--gift {
  background: #5cb85c; /* зелёный — приятный, «подарок» */
}
.sales-badge--bundle_set,
.sales-badge--bundle_nm {
  background: #f0ad4e; /* оранжевый — «комплект» */
}
.sales-badge--special {
  background: #5bc0de; /* голубой — «спец. цена» */
}

/* Контейнер .product-thumb должен быть relative — обычно уже так в Prostore. */
.product-thumb .image {
  position: relative;
}

/* Сетка на странице /sale (Этап 10). */
.sales-discount-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 30px;
}

.sales-discount-card {
  flex: 1 1 calc(33.333% - 15px);
  min-width: 260px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
  background: #fff;
}

.sales-discount-card h3 {
  margin-top: 0;
  color: #d9534f;
}

.sales-discount-card .meta {
  color: #888;
  font-size: 12px;
}

.sales-discount-card .price {
  font-size: 20px;
  font-weight: bold;
  color: #d9534f;
  margin: 10px 0;
}

/* Блок состава готового набора. */
.sales-bundle-info {
  margin: 15px 0;
  padding: 15px;
  background: #fafafa;
  border-left: 4px solid #f0ad4e;
}
.sales-bundle-info h4 {
  margin-top: 0;
  color: #f0ad4e;
}
.sales-bundle-info ul {
  margin: 10px 0;
  padding-left: 20px;
}
.sales-bundle-info .saving {
  font-weight: bold;
  color: #5cb85c;
  font-size: 15px;
}