/* ==============================================
   ФИКС: правило
     .cat-layout__content > div span:not(.btn-small)
   перебивало цену и наличие в таблице размеров.
   ============================================= */

/* Базовые классы наличия */
.avail-ok  { color: #1a9e5c; font-weight: 600; }
.avail-low { color: #d07800; font-weight: 600; }

/* Цена: span внутри ячейки */
.cat-layout__content .typesize_tbl__item-price span.price-value-wrap,
.cat-layout__content .typesize_tbl__item-price span[data-price="price"],
.cat-layout__content .typesize_tbl__item-price span.rub {
  font-size: inherit !important;
  color: var(--rd-dark) !important;
  padding: 0 !important;
}

/* Акционная цена — красная */
.cat-layout__content .typesize_tbl__item-price.red-text span.price-value-wrap,
.cat-layout__content .typesize_tbl__item-price.red-text span[data-price="price"],
.cat-layout__content .typesize_tbl__item-price.red-text span.rub {
  color: var(--rd-red) !important;
}

/* Наличие — зелёное */
.cat-layout__content .typesize_tbl__item-avail span.avail-ok {
  color: #1a9e5c !important;
  font-size: 13px !important;
  padding: 0 !important;
}

/* Мало (1-2 шт.) — оранжевое */
.cat-layout__content .typesize_tbl__item-avail span.avail-low {
  color: #d07800 !important;
  font-size: 13px !important;
  padding: 0 !important;
}

/* ==============================================
   ФИКС: promo-strip на мобильных
   padding: 0 48px съедает ~96px из ширины экрана,
   правая колонка обрезается.
   ============================================= */
@media (max-width: 768px) {
  .promo-strip-inner {
    padding: 0 16px !important;
  }
}

@media (max-width: 480px) {
  .promo-strip-inner {
    padding: 0 8px !important;
    gap: 0;
  }
  .promo-item {
    gap: 10px !important;
    padding: 12px 8px !important;
  }
  .promo-item:first-child {
    padding-left: 8px !important;
  }
  .promo-text strong {
    font-size: 12px !important;
    line-height: 1.3;
  }
  .promo-text span {
    font-size: 11px !important;
    line-height: 1.3;
  }
  .promo-icon {
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0;
    border-radius: 8px !important;
  }
  .promo-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
}