/* Состояние «нет в наличии» в карточке товара.
   Живёт здесь, а не в css/app.css: app.css — собранный вебпаком бандл,
   его исходников в репозитории нет, и правка была бы затёрта следующей
   сборкой фронтенда. Битрикс подключает style.css шаблона компонента сам. */

.product-detail__stock-out {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 3px solid #d13b3b;
  border-radius: 8px;
  background: rgba(209, 59, 59, 0.04);
}

.product-detail__stock-out-icon {
  flex: 0 0 auto;
  margin-top: 3px;
  color: #d13b3b;
}

.product-detail__stock-out-title {
  display: block;
  font-weight: 700;
  line-height: 1.3;
  color: #d13b3b;
}

.product-detail__stock-out-note {
  display: block;
  margin-top: 4px;
  line-height: 1.4;
  opacity: 0.75;
}