/* Поле, которое читают, а не заполняют: та же коробка, что у поля
   ввода, только без курсора и рамки фокуса.

   Нужна там, где показывают уже записанное — состав заказа в просмотре.
   Вид тот же нарочно: человек, посмотревший заказ и нажавший
   «Изменить», должен увидеть ровно то же самое, только теперь
   в полях. */

.fact-box {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
  padding: var(--sp-2) var(--sp-3);
  background: var(--surface-2);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-md);
}

.fact-box__name {
  font-size: var(--fs-2xs);
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--text-faint);
}

.fact-box__value {
  font-size: var(--fs-md);
  font-weight: 600;
  overflow-wrap: anywhere;
}

/* День заказа — первой строкой над составом: он отвечает на «когда»
   раньше, чем человек дочитает до сумм. */
.sale-day {
  font-size: var(--fs-sm);
  color: var(--text-dim);
}