/* ═══════════════════════════════════════════════════════════════
   LUNAR INSPECTIONS — PRICING LAYER
   Extends site-core.css. Page-only: draft-pricing banner, terms
   grid, and small pricing-table helpers.
   ═══════════════════════════════════════════════════════════════ */

/* Visible while config/decisions.json → pricing.status remains
   "proposed_requires_final_approval_before_live". Remove only when
   that decision is formally approved for production. */
.draft-pricing-banner {
  display: flex; align-items: flex-start; gap: 12px;
  max-width: 920px; margin: 0 auto clamp(28px, 3vw, 40px);
  padding: 16px 20px; border-radius: var(--radius-md);
  background: rgba(255,193,7,0.09); border: 1px solid rgba(255,193,7,0.35);
}
.draft-pricing-banner i { flex: none; margin-top: 2px; font-size: 16px; color: #ffc043; }
.draft-pricing-banner p { margin: 0; font-size: 14.5px; color: var(--text-secondary); line-height: 1.6; }
.draft-pricing-banner strong { color: #ffc043; }

.svc-matrix td .price { color: #fff; font-weight: 600; }
.svc-matrix caption { caption-side: top; text-align: left; padding: 14px 18px 0; font-size: 13px; color: var(--text-muted); }

.terms-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
@media (max-width: 980px) { .terms-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .terms-grid { grid-template-columns: 1fr; } }
.terms-card { background: var(--bg-card); border: 1px solid var(--border-card); border-radius: var(--radius-lg); padding: 22px; }
.terms-card h3 { font-size: 15.5px; color: #fff; margin-bottom: 10px; display: flex; align-items: center; gap: 9px; }
.terms-card h3 i { color: var(--accent-light); font-size: 14px; }
.terms-card ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.terms-card li { font-size: 13.5px; color: var(--text-tertiary); line-height: 1.5; }
.terms-card li strong { color: var(--text-secondary); }

.commercial-quote-card {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px;
  padding: clamp(28px, 3.4vw, 40px); border-radius: var(--radius-xl);
  border: 1px solid var(--border-card); background: var(--bg-card-solid);
}
.commercial-quote-card .cq-copy h3 { font-size: 21px; color: #fff; margin-bottom: 8px; }
.commercial-quote-card .cq-copy p { font-size: 14.5px; color: var(--text-tertiary); max-width: 560px; line-height: 1.6; }
.commercial-quote-card .cq-price { font-family: var(--font-display); font-size: 26px; font-weight: 700; color: var(--accent-light); white-space: nowrap; }
.commercial-quote-card .cq-price small { display: block; font-family: var(--font-primary); font-size: 12px; font-weight: 500; color: var(--text-muted); }

/* ─── Small layout/utility helpers used only on this page ────── */
.section--flush-bottom { padding-bottom: 0; }
.matrix-wrap--stacked { margin-top: 18px; }
.note-muted { margin-top: 14px; color: var(--text-muted); font-size: 13px; }
.note-lead { margin: 16px 0 8px; color: var(--text-secondary); font-size: 14.5px; }
.unit-muted { color: var(--text-muted); font-weight: 400; }
.pending-flag { color: #ffc043; }
.cta-row-center { margin-top: 24px; justify-content: center; }
.conditional-note { display: inline-block; margin-top: 4px; font-size: 12px; color: var(--text-muted); }