/* Проволока: дельта к metall-product.css (карточка на .mprod-*, как у ВГП/уголка/профильной трубы),
   см. views/product-provoloka.pug и docs/architecture.md §3.2.6.
   Слово «Москва» покупателю не показываем — только «под заказ», срок и минимальный заказ
   (вес бухты). [hidden] закрыт составным селектором — иначе display:flex перебивает
   браузерный [hidden]{display:none} (та же грабля, что была на .mprod-stock-pill). */

/* строка заказа проволоки: 5 колонок (нет колонки «Длина», в отличие от линейного проката) */
.mprod-order--wire .mprod-order-row {
  grid-template-columns: 2.2fr 1fr 1.2fr 1fr 1fr;
}
@media (max-width: 767px) {
  .mprod-order--wire .mprod-order-row { grid-template-columns: none; }
}
/* количество в кг — до 4–5 цифр (бухта 1050 кг и больше), стандартные 48px тесноваты */
.mprod-order--wire .mprod-qty__input { width: 72px; }

/* плашка «под заказ» */
.mprod-note {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0 0 16px;
  padding: 9px 13px;
  font-size: 14px;
  line-height: 1.4;
  color: #34495e;
  background: #f0f6fb;
  border: 1px solid #d3e4f1;
  border-radius: 6px;
}
.mprod-note[hidden] { display: none; }
.mprod-note__badge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #156192;
  background: #dcebf6;
  border-radius: 20px;
  padding: 3px 10px;
  white-space: nowrap;
}
.mprod-note b { color: #156192; }
.mprod-note.is-flash { animation: mprod-note-flash 1.2s ease; }
@keyframes mprod-note-flash {
  0%, 60% { background: #fff3cd; border-color: #f0d98a; }
  100% { background: #f0f6fb; border-color: #d3e4f1; }
}

/* служебный блок админа */
.mprod-seller-hint { margin: 8px 0 0; font-size: 12px; color: #7f8c8d; }

/* список позиций категории (provoloka-cat.pug) */
.provoloka-list-note {
  margin-top: 4px;
  font-size: 12px;
  color: #156192;
}
.provoloka-list-note--out { color: #a4291f; }