/* Метка «нет в наличии» на плитке товара и в корзине.
   Файл шаблона сайта, а не css/app.css: app.css собирается вебпаком, его
   исходников в репозитории нет, и правка была бы затёрта следующей сборкой.
   Плитка выводится на главной, в списке раздела, в карточке товара и в
   новостях, поэтому стиль должен быть общим для всех страниц. */

.product-item__stock-out {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  background: rgba(209, 59, 59, 0.1);
  color: #d13b3b;
  font-weight: 700;
  white-space: nowrap;
}

.cart-item__stock-out {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 7px;
  border-radius: 4px;
  background: rgba(209, 59, 59, 0.1);
  color: #d13b3b;
  font-weight: 700;
}

.cart-page__stock-warning {
  margin-bottom: 12px;
  padding: 10px 14px;
  border-left: 3px solid #d13b3b;
  border-radius: 6px;
  background: rgba(209, 59, 59, 0.06);
  color: #d13b3b;
  line-height: 1.4;
}