/* repair-page.css — page-level styles for repair.tomasetti.shop.
 *
 * Moved out of sites/repair.html (2026-08-29) so the page markup stays lean
 * and visual QA is targeted. Loaded by repair.html (see sites/repair-parts/
 * head.html). The pricing + comparison-table styles were previously inline
 * <style> blocks in the page.
 */
/* ===== Pricing blocks (audio tab + pricing tab) ===== */
.pricing-block{max-width:960px;margin:0 auto;padding:0 28px 56px}
.pricing-block-head{max-width:640px;margin:0 auto 26px;text-align:center}
.pricing-block-head h3{font-size:1.45rem}
.pricing-block-head p{color:var(--muted);font-size:0.95rem;margin-top:8px}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.price-grid--half{grid-template-columns:repeat(2,1fr)}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.price-card.featured{border-color:var(--purple);box-shadow:var(--shadow-lift)}
.price-tag{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--purple-mid)}
.price-amt{font-family:var(--display);font-size:2.3rem;font-weight:700;letter-spacing:-0.03em;color:var(--ink);line-height:1}
.price-card.featured .price-amt{color:var(--purple)}
.price-amt-sub{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.04em;color:var(--faint);text-transform:uppercase}
.price-desc{color:var(--muted);font-size:0.92rem}
.price-includes{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:0.88rem;color:var(--ink-soft)}
.price-includes li{padding-left:20px;position:relative}
.price-includes li::before{content:'';position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--purple)}
.pricing-rule{margin:22px auto 0;text-align:center;color:var(--muted);font-size:0.92rem}
.pricing-rule strong{color:var(--ink-soft)}
@media(max-width:560px){.pricing-block{padding-left:18px;padding-right:18px}.price-grid--half{grid-template-columns:1fr}}

/* ===== Local competitor comparison table ===== */
.compare-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0 auto}
.compare-table th,.compare-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.compare-table th{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface)}
.compare-table td:first-child{font-weight:600;color:var(--ink)}
.compare-table .us{color:var(--purple);font-weight:700}
.compare-table .them{color:var(--muted)}
.compare-table .win{color:#16a34a;font-weight:600;font-size:.78rem;font-family:var(--mono)}
@media (max-width:640px){.compare-table{font-size:.8rem}.compare-table th,.compare-table td{padding:8px 10px}}