/* ============================================================
   Product page — блок «Нет в наличии» + заявка на поиск
   2026-07-27

   Показывается на детальной товара, когда у товара нет цены /
   активных торговых предложений (Aspro отдаёт ACTION = ORDER).
   До этого на странице не было НИ цены, НИ статуса наличия —
   только кнопка «Заказать», которую покупатели принимали за
   обычную покупку и считали, что оплата сломана.

   Статус наличия Aspro (Quantity::show) здесь не используется:
   он выключен глобально опцией SHOW_QUANTITY_FOR_GROUPS, и её
   включение изменило бы вид всех 26k карточек сайта.

   Разметка — components/bitrix/catalog.element/main/template.php
   (блок $dpIsOutOfStock рядом с .catalog-detail__cart).
   ============================================================ */

/* Плашка лежит внутри .catalog-detail__buy-block, у которого уже есть
   своя рамка — поэтому здесь только мягкая заливка, без второй обводки
   (иначе получается «карточка в карточке»). */
/* Фон — тот же, что у чипов «Вся продукция бренда» / «Профиль аромата»
   (.val-btn-brand-all, вычисленный background #f3ebf6). */
.dp-oos{
  background:#f3ebf6;
  border-radius:14px;
  padding:14px 16px 13px;
  margin-bottom:14px;
}

/* Строка статуса с точкой-индикатором */
.dp-oos__status{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
  color:#20151f;
}

.dp-oos__status::before{
  content:"";
  flex-shrink:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c0392b;
}

.dp-oos__text{
  margin-top:8px;
  font-size:13px;
  line-height:1.5;
  color:#6d6a73;
}

/* Подпись под кнопкой — предупреждение об авторизации.
   /order-request/ редиректит гостя на /auth/, без предупреждения
   это выглядит как сбой. */
.dp-oos__note{
  margin-top:8px;
  margin-bottom:4px;
  font-size:12px;
  line-height:1.4;
  text-align:center;
  color:#8d8a93;
}

@media (max-width:767px){
  .dp-oos{
    padding:13px 14px 12px;
    border-radius:12px;
  }
  .dp-oos__status{ font-size:14px; }
  .dp-oos__text{ font-size:12px; }
}