/* Page module: order_form.css
   Scope: create/edit order page only (.order-form-page-v46 / .order-form-page-v78).

   v3.8.8 — ретро-чистка после редизайна v3.8.7:
   удалены мёртвые правила верхних карточек (.order-form-top-v71 /
   .locked-order-context-v71 / .product-preview-v71 /
   .technical-image-order-card-v71 — этих классов больше нет в шаблоне,
   заменены на .order-top-compact) и правила .order-grid/.order-section/
   .order-field/.fields-two, полностью переопределённые блоком v3.8.7 ниже.
   Оставлено только живое: цвета режимов select-manual, draft-note. */

.order-form-page-v46 .panel-header,
.order-form-page-v78 .panel-header {
  margin-bottom: 14px;
}

/* select_manual / select_double_manual — цвета режимов (используются JS-виджетами) */
.order-form-page-v46 .select-manual-widget,
.order-form-page-v46 .select-double-manual-widget-v74,
.order-form-page-v78 .select-manual-widget,
.order-form-page-v78 .select-double-manual-widget-v74 {
  color: var(--text);
}

.order-form-page-v46 .select-manual-mode,
.order-form-page-v46 .select-manual-widget label.select-manual-mode,
.order-form-page-v46 .select-double-manual-widget-v74 .select-manual-mode,
.order-form-page-v78 .select-manual-mode,
.order-form-page-v78 .select-manual-widget label.select-manual-mode,
.order-form-page-v78 .select-double-manual-widget-v74 .select-manual-mode {
  background: var(--field-bg);
  color: var(--text);
  border-color: var(--line);
}

.order-form-page-v46 .select-manual-mode:has(input:checked),
.order-form-page-v46 .select-double-manual-widget-v74 .select-manual-mode:has(input:checked),
.order-form-page-v78 .select-manual-mode:has(input:checked),
.order-form-page-v78 .select-double-manual-widget-v74 .select-manual-mode:has(input:checked) {
  background: var(--section-bg);
  color: var(--text);
  border-color: var(--dark);
}

/* v3_1_48 draft status visual stabilization */
.order-form-page-v46 .draft-state-note,
.order-form-page-v78 .draft-state-note {
  border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, var(--field-bg));
  border-radius: 12px;
  padding: 10px 12px;
}

/* ════════════════════════════════════════════════════════════════════
   v3.8.7 — Редизайн формы заказа.
   Разделы идут строками на всю ширину; поля внутри — авто-сетка 2–3
   колонки (убирает «тетрис» из фикс-колонок разной высоты).
   Всё scoped под .order-form-page-v78 (на панели есть оба класса
   v78+v46). Переменные проекта: --text/--muted/--line/--panel/
   --section-bg/--field-bg/--radius. Логика, JS-виджеты, name/id не тронуты.
   ════════════════════════════════════════════════════════════════════ */

/* ── БЛОК 1: компактная карточка продукта ── */
.order-form-page-v78 .order-top-compact {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  background: var(--panel, #fff);
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: var(--radius, 12px);
  margin-bottom: 12px;
}
.order-form-page-v78 .order-top-photo {
  width: 52px; height: 52px; flex-shrink: 0;
  border-radius: 8px; overflow: hidden;
  background: var(--section-bg, #fafafa);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; color: var(--muted, #999);
}
.order-form-page-v78 .order-top-photo img { width: 100%; height: 100%; object-fit: cover; }
.order-form-page-v78 .order-top-info { flex: 1; min-width: 0; }
.order-form-page-v78 .order-top-name {
  font-size: 12px; font-weight: 500; color: var(--text, #111); margin-bottom: 2px;
}
.order-form-page-v78 .order-top-meta {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
  font-size: 11px; color: var(--muted, #999); margin-bottom: 3px;
}
.order-form-page-v78 .order-meta-dot { color: var(--line, #ccc); }
.order-form-page-v78 .order-top-desc {
  font-size: 11px; color: var(--muted, #999); line-height: 1.4;
  max-height: 31px; overflow: hidden;
}
.order-form-page-v78 .order-top-tech {
  flex-shrink: 0; width: 46px; height: 58px; padding: 0;
  border: 0.5px solid var(--line, #e8e8e8); border-radius: 8px;
  overflow: hidden; background: var(--section-bg, #fafafa); cursor: pointer;
}
.order-form-page-v78 .order-top-tech img { width: 100%; height: 100%; object-fit: cover; }
.order-form-page-v78 .order-top-catalog { flex-shrink: 0; }

/* ── БЛОК 2: разделы строками на всю ширину ── */
.order-form-page-v78 .order-grid-v71 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  column-count: initial;
  column-width: initial;
  align-items: start;
}
@media (max-width: 1200px) {
  .order-form-page-v78 .order-grid-v71 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .order-form-page-v78 .order-grid-v71 { grid-template-columns: 1fr; }
}
/* RTW-сводка — на всю ширину грида (а не одна ячейка из трёх) */
.order-form-page-v78 .order-grid-v71 > .rtw-order-summary {
  grid-column: 1 / -1;
}

/* ── БЛОК 3: компактная карточка раздела ── */
.order-form-page-v78 .order-grid-v71 > .order-section-v71 {
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: var(--radius, 12px);
  background: var(--panel, #fff);
}
.order-form-page-v78 .order-section-v71 h3 {
  margin: 0;
  padding: 8px 12px;
  font-size: 11px; /* v3.8.51: 10→11 канон групп-лейбла (uppercase) */
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text, #111);
  background: var(--section-bg, #fafafa);
  border-bottom: 0.5px solid var(--line, #e8e8e8);
}

/* ── БЛОК 4: поля внутри раздела — авто-сетка 2–3 колонки ── */
.order-form-page-v78 .fields-two-v71 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px 10px;
  padding: 10px 12px;
}
/* Широкие типы полей занимают всю строку раздела */
.order-form-page-v78 .order-field-textarea,
.order-form-page-v78 .order-field-image,
.order-form-page-v78 .order-field-color_palette,
.order-form-page-v78 .order-field-select_manual,
.order-form-page-v78 .order-field-select_double_manual {
  grid-column: 1 / -1;
}

/* Лейбл поля (текст внутри <label>) — мелкий uppercase */
.order-form-page-v78 .order-field-v71 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted, #999);
}
.order-form-page-v78 .order-field-v71 .required { color: var(--danger, #CC2200); }

/* Контролы — компактные, текст пользователя обычным регистром */
.order-form-page-v78 .order-field-v71 input,
.order-form-page-v78 .order-field-v71 select {
  min-height: 30px; /* v3.8.50: 28→30, единая высота контролов сайта (input=select) */
  height: 30px;
  padding: 0 8px;
  font-size: 12px; /* v3.8.50: 11→12, канон значения */
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  /* v3.8.44: background-color (не shorthand) — иначе затирался chevron из theme_v2,
     хотя ниже уже зарезервировано место под стрелку (padding-right). */
  background-color: var(--field-bg, #fafafa);
  color: var(--text, #111);
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: 8px;
}
/* место под стрелку select (рисуется глобальным select-правилом в theme_v2) */
.order-form-page-v78 .order-field-v71 select {
  padding-right: 26px;
}
.order-form-page-v78 .order-field-v71 textarea {
  min-height: 70px;
  padding: 6px 8px;
  font-size: 12px; /* v3.8.50: 11→12, канон значения */
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  background: var(--field-bg, #fafafa);
  color: var(--text, #111);
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: 8px;
  line-height: 1.5;
}
.order-form-page-v78 .order-field-v71 input:focus,
.order-form-page-v78 .order-field-v71 select:focus,
.order-form-page-v78 .order-field-v71 textarea:focus {
  outline: none;
  border-color: var(--dark, #111);
}
.order-form-page-v78 .order-field-v71 .hint {
  font-size: 9px;
  text-transform: none;
  letter-spacing: 0;
  color: var(--muted, #999);
}

/* ── БЛОК 5: радио (Да/Нет, список/ручной ввод) ── */
.order-form-page-v78 .radio-yesno-v38 {
  display: flex; gap: 12px; align-items: center; min-height: 28px;
}
.order-form-page-v78 .radio-yn-label-v38 {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11px; font-weight: 400; text-transform: none; letter-spacing: 0;
  color: var(--text, #111); cursor: pointer;
}
.order-form-page-v78 .radio-yn-label-v38 input[type="radio"] {
  width: 13px; height: 13px; margin: 0; accent-color: var(--dark, #1a1a1a); cursor: pointer;
}
.order-form-page-v78 .select-manual-modes {
  display: flex; gap: 5px; margin-bottom: 5px;
}
.order-form-page-v78 .select-manual-mode {
  padding: 4px 8px;
  font-size: 10px; font-weight: 400; text-transform: none; letter-spacing: 0;
  border-radius: 8px;
}
.order-form-page-v78 .color-picker-field {
  display: flex; flex-wrap: wrap; gap: 6px;
}

/* ── БЛОК 6: загрузка фото (лёгкая компактизация существующего контрола) ── */
.order-form-page-v78 .compact-file-control-v76 {
  display: flex; flex-direction: column; gap: 3px;
}
/* Файл-контрол под дизайн-систему (правило аудита: не системный вид,
   пунктирная дропзона). CSS-only: разметка/JS/name не тронуты. */
.order-form-page-v78 .compact-file-control-v76 input[type="file"] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding: 0 8px;
  font-size: 10px;
  color: var(--muted, #999);
  background: var(--field-bg, #fafafa);
  border: 0.5px dashed var(--line, #e8e8e8);
  border-radius: var(--radius, 12px);
  cursor: pointer;
}
.order-form-page-v78 .compact-file-control-v76 input[type="file"]::file-selector-button {
  margin-right: 8px;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 500;
  color: var(--text, #111);
  background: var(--section-bg, #fafafa);
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: 8px;
  cursor: pointer;
}
.order-form-page-v78 .current-image-preview-v76 img {
  max-height: 120px; border-radius: 8px;
}

/* ── БЛОК 7: нижняя строка кнопок (структура + рамка слиты в одно правило) ── */
.order-form-page-v78 .form-actions-v71,
.order-form-page-v46 .form-actions-v71 {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 4px;
  padding: 10px 0 0;
  border-top: 0.5px solid var(--line, #e8e8e8);
  column-span: none;
}
.order-form-page-v78 .form-actions-v71 .button,
.order-form-page-v46 .form-actions-v71 .button {
  min-height: 38px;
  padding: 9px 18px;
}
.order-form-page-v78 .order-actions-spacer { flex: 1; }

/* ── БЛОК 8: RTW мультипозиции (таблица позиций заказа) ── v3.8.72 ── */
.order-form-page-v78 .rtw-positions-card {
  grid-column: 1 / -1;
  padding: 0;
}
.order-form-page-v78 .rtw-positions-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 0.5px solid var(--line, #e8e8e8);
  background: var(--section-bg, #fafafa);
}
.order-form-page-v78 .rtw-positions-head h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text, #1a1a1a);
}
.order-form-page-v78 .rtw-positions-factory {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--muted, #666);
}
.order-form-page-v78 .rtw-positions-factory i { font-size: 14px; }

.order-form-page-v78 .rtw-positions-table-wrap { overflow-x: auto; }
.order-form-page-v78 .rtw-positions-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.order-form-page-v78 .rtw-positions-table th {
  padding: 8px 10px;
  text-align: left;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted, #999);
  border-bottom: 0.5px solid var(--line, #e8e8e8);
  white-space: nowrap;
}
.order-form-page-v78 .rtw-positions-table td {
  padding: 7px 10px;
  border-bottom: 0.5px solid var(--line, #f0f0f0);
  vertical-align: middle;
  color: var(--text, #111);
}
.order-form-page-v78 .rtw-positions-table tr:last-child td { border-bottom: 0; }
.order-form-page-v78 .rtw-col-num { width: 34px; color: var(--muted, #999); }
.order-form-page-v78 .rtw-col-model { font-weight: 500; min-width: 130px; }
.order-form-page-v78 .rtw-col-del { width: 42px; text-align: center; }

.order-form-page-v78 .rtw-cell-select,
.order-form-page-v78 .rtw-cell-qty {
  min-height: 30px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  background-color: var(--field-bg, #fafafa);
  color: var(--text, #111);
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: 8px;
}
.order-form-page-v78 .rtw-cell-select { padding-right: 26px; min-width: 92px; }
.order-form-page-v78 .rtw-cell-qty { width: 68px; }
.order-form-page-v78 .rtw-cell-select:focus,
.order-form-page-v78 .rtw-cell-qty:focus { outline: none; border-color: var(--dark, #111); }
.order-form-page-v78 .rtw-cell-qty.over { border-color: #d97706; }
.order-form-page-v78 .rtw-qty-warn {
  display: block;
  margin-top: 3px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #d97706;
}

.order-form-page-v78 .rtw-del-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: 8px;
  color: var(--muted, #999);
  cursor: pointer;
}
.order-form-page-v78 .rtw-del-btn:hover:not(:disabled) {
  color: var(--danger, #CC2200);
  border-color: var(--danger, #CC2200);
  background: #fff5f4;
}
.order-form-page-v78 .rtw-del-btn:disabled { opacity: 0.35; cursor: not-allowed; }

/* "+ Добавить позицию" — secondary (без заливки, рамка #1a1a1a) */
.order-form-page-v78 .rtw-add-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 12px 14px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 500;
  color: #1a1a1a;
  background: #fff;
  border: 1px solid #1a1a1a;
  border-radius: 8px;
  cursor: pointer;
}
.order-form-page-v78 .rtw-add-btn:hover { background: #f5f5f5; }
.order-form-page-v78 .rtw-add-btn i { font-size: 14px; }

/* Инлайн-блок добавления позиции */
.order-form-page-v78 .rtw-add-block {
  margin: 0 14px 14px;
  padding: 16px;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.order-form-page-v78 .rtw-add-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.order-form-page-v78 .rtw-add-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted, #999);
}
.order-form-page-v78 .rtw-add-field-qty { width: 80px; }
.order-form-page-v78 .rtw-add-field select,
.order-form-page-v78 .rtw-add-field input {
  min-height: 30px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  background-color: var(--field-bg, #fff);
  color: var(--text, #111);
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: 8px;
}
.order-form-page-v78 .rtw-add-field select { padding-right: 26px; min-width: 130px; }
.order-form-page-v78 .rtw-add-field select:focus,
.order-form-page-v78 .rtw-add-field input:focus { outline: none; border-color: var(--dark, #111); }
.order-form-page-v78 .rtw-add-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.order-form-page-v78 .rtw-add-warn {
  margin-right: auto;
  font-size: 11px;
  font-weight: 500;
  color: #d97706;
}
.order-form-page-v78 .rtw-add-cancel {
  padding: 7px 14px;
  font-size: 12px;
  color: var(--muted, #666);
  background: transparent;
  border: 0.5px solid var(--line, #e0e0e0);
  border-radius: 8px;
  cursor: pointer;
}
.order-form-page-v78 .rtw-add-cancel:hover { background: #f0f0f0; }
.order-form-page-v78 .rtw-add-confirm {
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background: #1a1a1a;
  border: 1px solid #1a1a1a;
  border-radius: 8px;
  cursor: pointer;
}
.order-form-page-v78 .rtw-add-confirm:hover:not(:disabled) { background: #000; }
.order-form-page-v78 .rtw-add-confirm:disabled { opacity: 0.4; cursor: not-allowed; }

/* ── БЛОК 9: RTW мультимодель (секции по моделям + модалка выбора) ── v3.8.73 ── */
.order-form-page-v78 .rtw-models { grid-column: 1 / -1; }
/* Каждая модель = свой под-грид: карточка позиций на всю ширину, поля в 3 колонки
   (повтор раскладки .order-grid-v71, т.к. карточки полей теперь вложены). */
.order-form-page-v78 .rtw-model-section {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
  margin-bottom: 12px;
}
@media (max-width: 1200px) {
  .order-form-page-v78 .rtw-model-section { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .order-form-page-v78 .rtw-model-section { grid-template-columns: 1fr; }
}
.order-form-page-v78 .rtw-model-section > .rtw-positions-card { grid-column: 1 / -1; }
.order-form-page-v78 .rtw-model-section > .order-section-v71 {
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: var(--radius, 12px);
  background: var(--panel, #fff);
}
.order-form-page-v78 .rtw-model-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 0.5px solid var(--line, #e8e8e8);
  background: var(--section-bg, #fafafa);
}
.order-form-page-v78 .rtw-model-photo {
  width: 46px;
  height: 58px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--field-bg, #f0f0f0);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted, #999);
}
.order-form-page-v78 .rtw-model-photo img { width: 100%; height: 100%; object-fit: cover; }
.order-form-page-v78 .rtw-model-photo i { font-size: 22px; }
.order-form-page-v78 .rtw-model-meta { flex: 1; min-width: 0; }
.order-form-page-v78 .rtw-model-name { font-size: 14px; font-weight: 600; color: var(--text, #1a1a1a); }
.order-form-page-v78 .rtw-model-sub { font-size: 12px; color: var(--muted, #666); margin: 1px 0 3px; }
.order-form-page-v78 .rtw-model-desc {
  font-size: 12px;
  color: var(--muted, #999);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.order-form-page-v78 .rtw-model-remove {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  padding: 5px 9px;
  font-size: 11px;
  color: var(--muted, #666);
  background: transparent;
  border: 0.5px solid var(--line, #e0e0e0);
  border-radius: 8px;
  cursor: pointer;
}
.order-form-page-v78 .rtw-model-remove:hover {
  color: var(--danger, #CC2200);
  border-color: var(--danger, #CC2200);
  background: #fff5f4;
}
.order-form-page-v78 .rtw-model-remove i { font-size: 13px; }

/* "Добавить ещё модель" — primary тёмная кнопка */
.order-form-page-v78 .rtw-models-actions { grid-column: 1 / -1; margin: 2px 0 4px; }
.order-form-page-v78 .rtw-add-model-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: #1a1a1a;
  border: 1px solid #1a1a1a;
  border-radius: 8px;
  cursor: pointer;
}
.order-form-page-v78 .rtw-add-model-btn:hover { background: #000; }
.order-form-page-v78 .rtw-add-model-btn i { font-size: 16px; }

/* Модалка выбора модели (превью главных фото) */
.order-form-page-v78 .rtw-model-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.45);
}
.order-form-page-v78 .rtw-model-modal[hidden] { display: none; }
.order-form-page-v78 .rtw-model-modal-card {
  width: min(720px, 100%);
  max-height: 84vh;
  display: flex;
  flex-direction: column;
  background: var(--panel, #fff);
  border-radius: 12px;
  overflow: hidden;
}
.order-form-page-v78 .rtw-model-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text, #1a1a1a);
  border-bottom: 0.5px solid var(--line, #e8e8e8);
}
.order-form-page-v78 .rtw-model-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 18px;
  color: var(--muted, #666);
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.order-form-page-v78 .rtw-model-modal-close:hover { background: var(--section-bg, #f5f5f5); }
.order-form-page-v78 .rtw-model-modal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 14px;
  padding: 18px;
  overflow-y: auto;
}
.order-form-page-v78 .rtw-model-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-align: left;
  background: var(--panel, #fff);
  border: 0.5px solid var(--line, #e8e8e8);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.order-form-page-v78 .rtw-model-card:hover { border-color: #1a1a1a; }
.order-form-page-v78 .rtw-model-card:disabled { opacity: 0.5; cursor: progress; }
.order-form-page-v78 .rtw-model-card-photo {
  aspect-ratio: 3 / 4;
  background: var(--field-bg, #f0f0f0);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted, #999);
}
.order-form-page-v78 .rtw-model-card-photo img { width: 100%; height: 100%; object-fit: cover; }
.order-form-page-v78 .rtw-model-card-photo i { font-size: 28px; }
.order-form-page-v78 .rtw-model-card-body { padding: 8px 10px; }
.order-form-page-v78 .rtw-model-card-name { font-size: 12px; font-weight: 500; color: var(--text, #1a1a1a); }
.order-form-page-v78 .rtw-model-card-sub { font-size: 11px; color: var(--muted, #999); margin-top: 1px; }