/* «Оценка ремонта ИИ» (14.11): блок лота, окошко гостя, страница /ai-repair-estimate. Плоский журнал: без плиток и
   скруглений, линии вместо теней; образец — макет maket-ocenka-remonta-ii.html. Всё под префиксом .air-, чужих стилей
   не трогает. Телефон: одна колонка, таблицы не шире экрана (прокрутка — только внутри таблицы, страница не ездит). */
.air, .air-page, .air-ovl {
  --air-ink: var(--k-ink, #0f1729); --air-mut: var(--k-muted, #64748b); --air-line: var(--k-line, #e2e6ec);
  --air-soft: var(--k-bg-2, #f5f7fa); --air-navy: var(--k-brand, #1c3d78);
  --air-r: var(--k-bad, #dc2626); --air-o: #e07a1f; --air-y: #b8960a; --air-g: var(--k-ok, #16a34a);
}
.air { box-sizing: border-box; max-width: 100%; color: var(--air-ink); font-size: 14px; line-height: 1.45; }
.air *, .air-page *, .air-ovl * { box-sizing: border-box; }
.air[hidden] { display: none; }
.air-mut { color: var(--air-mut); }
.air-sec { border-bottom: 1px solid var(--air-line); padding: 14px 0; }
.air-sec h2 { font-size: 16px; margin: 0 0 8px; }
.air-tag { display: inline-block; font-size: 11px; font-weight: 800; color: #fff; background: var(--air-navy);
  padding: 2px 7px; border-radius: 4px; vertical-align: 2px; }
.air-cta { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.air-cta p { margin: 2px 0 0; font-size: 13px; }
.air-how a { color: var(--air-navy); }
.air-btn { background: var(--air-navy); color: #fff; border: 1px solid var(--air-navy); border-radius: 6px; padding: 10px 18px;
  font: inherit; font-weight: 800; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; }
.air-btn:disabled { opacity: .6; cursor: default; }
.air-btn--ghost { background: #fff; color: var(--air-ink); border-color: var(--air-line); }
.air-btn--link { color: #fff; }
.air-msg { color: var(--air-r); font-weight: 600; margin: 6px 0 0; }
.air-meta { margin: 0 0 8px; font-size: 12px; }
.air-meta b { color: var(--air-ink); }
.air-text { margin: 0 0 10px; overflow-wrap: anywhere; }
.air-gh { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--air-mut); margin: 12px 0 4px; }
.air-sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--air-line); margin: 8px 0 12px; }
.air-sum--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.air-sum--1 { grid-template-columns: minmax(0, 1fr); }
.air-sum > div { padding: 10px 12px; border-right: 1px solid var(--air-line); min-width: 0; }
.air-sum > div:last-child { border-right: 0; }
.air-sum b { display: block; font-size: 20px; color: var(--air-navy); overflow-wrap: anywhere; }
.air-sum span { color: var(--air-mut); font-size: 12px; }
.air-zones { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--air-line); border-left: 1px solid var(--air-line); }
.air-zones > div { padding: 8px 12px; border-right: 1px solid var(--air-line); border-bottom: 1px solid var(--air-line); }
.air-zones i { font-style: normal; display: block; font-size: 11px; font-weight: 700; color: var(--air-mut); }
.air-tw { border: 1px solid var(--air-line); overflow-x: auto; max-width: 100%; }
.air-t { width: 100%; border-collapse: collapse; }
.air-t th, .air-t td { padding: 7px 10px; border-bottom: 1px solid var(--air-line); vertical-align: top; text-align: left; overflow-wrap: anywhere; }
.air-t tr:last-child td { border-bottom: 0; }
.air-t th { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--air-mut); font-weight: 600; }
.air-r { text-align: right !important; white-space: nowrap; }
.air-src { display: block; font-size: 11px; color: var(--air-mut); }
.air-chip { display: inline-flex; min-width: 48px; height: 22px; padding: 0 6px; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: 11px; border-radius: 3px; white-space: nowrap; background: #9ca3af; }
.air-chip.air-r { background: var(--air-r); }
.air-chip.air-o { background: var(--air-o); }
.air-chip.air-y { background: var(--air-y); }
.air-cols { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--air-line); margin-top: 12px; }
.air-cols > div { padding: 10px 12px; min-width: 0; }
.air-cols > div + div { border-left: 1px solid var(--air-line); }
.air-cols ul { margin: 4px 0 0; padding-left: 18px; }
.air-links { margin: 12px 0 0; }
.air-links a { color: var(--air-navy); }
.air-disc { background: var(--air-soft); border-left: 3px solid var(--air-navy); padding: 10px 12px; font-size: 12px; color: var(--air-mut); margin-top: 12px; }
/* окошко гостя */
.air-ovl { position: fixed; inset: 0; background: rgba(17, 24, 39, .55); z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 14px; }
.air-mdl { background: #fff; border: 1px solid var(--air-ink); max-width: 440px; width: 100%; padding: 20px; color: var(--air-ink); }
.air-mdl h3 { margin: 0 0 6px; font-size: 18px; }
.air-mdl p { margin: 6px 0 0; }
.air-x { float: right; border: 0; background: none; font-size: 24px; line-height: 1; cursor: pointer; color: var(--air-mut); padding: 4px 8px; }
.air-bt { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.air-bt .air-btn { flex: 1; min-width: 140px; text-align: center; }
/* страница /ai-repair-estimate */
.air-page { max-width: 880px; margin: 0 auto; padding: 0 0 30px; color: var(--air-ink); overflow-wrap: anywhere; }
.air-page h1 { font-size: 28px; margin: 16px 0 6px; }
.air-page h2 { font-size: 18px; margin: 26px 0 8px; padding-top: 14px; border-top: 1px solid var(--air-line); }
.air-page .air-ex-h { font-size: 16px; margin: 18px 0 0; }
.air-page .air-sec { padding: 8px 0 14px; }
.air-crumbs { color: var(--air-mut); font-size: 13px; margin: 6px 0 0; }
.air-lead { font-size: 16px; margin: 0; }
.air-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--air-line); }
.air-steps > div { padding: 12px; border-right: 1px solid var(--air-line); }
.air-steps > div:last-child { border-right: 0; }
.air-steps b { display: block; font-size: 22px; color: var(--air-navy); }
.air-empty { border: 1px dashed #9ca3af; padding: 26px 18px; text-align: center; color: var(--air-mut); background: var(--air-soft); }
.air-empty b { color: var(--air-ink); }
.air-faq details { border-bottom: 1px solid var(--air-line); }
.air-faq summary { cursor: pointer; padding: 12px 0; font-weight: 700; }
.air-faq details > div { padding: 0 0 12px; }
@media (max-width: 640px) {
  .air-cta { flex-direction: column; align-items: stretch; }
  .air-cta .air-btn { width: 100%; }
  .air-sum, .air-sum--2 { grid-template-columns: 1fr; }
  .air-sum > div { border-right: 0; border-bottom: 1px solid var(--air-line); }
  .air-sum > div:last-child { border-bottom: 0; }
  .air-zones { grid-template-columns: 1fr 1fr; }
  .air-cols { grid-template-columns: 1fr; }
  .air-cols > div + div { border-left: 0; border-top: 1px solid var(--air-line); }
  .air-hm { display: none; }
  .air-steps { grid-template-columns: 1fr 1fr; }
  .air-steps > div:nth-child(2) { border-right: 0; }
  .air-steps > div:nth-child(-n+2) { border-bottom: 1px solid var(--air-line); }
  .air-page h1 { font-size: 23px; }
}