/* Service pages only — inherits exact font and main styling from common.css */

.detail-page .hero {
  min-height: 52vh;
  display: flex;
  align-items: center;
  padding: 58px 0 70px;
  background: radial-gradient(circle at 82% 22%, rgba(147,197,253,.32) 0 145px, transparent 148px), radial-gradient(circle at 15% 26%, rgba(96,165,250,.15) 0 90px, transparent 94px), linear-gradient(135deg, #d7e7ff 0%, #eaf6ff 48%, #bfeaff 100%);
}
.detail-page .hero::after { display: none; }
.detail-page .hero h1 { color:#030712; font-size:clamp(38px,6vw,72px); line-height:1.08; font-weight:900; margin-bottom:18px; }
.detail-wrap { padding:70px 0; }
.detail-grid { display:grid; grid-template-columns:1fr .9fr; gap:24px; align-items:start; }
.fault-list, .service-detail-form { background:rgba(255,255,255,.94); border:1px solid #dbeafe; border-radius:30px; padding:28px; box-shadow:0 24px 70px rgba(30,64,175,.10); }
.fault-list h2, .service-detail-form h2 { color:#1e3a8a; font-weight:900; }
.fault-list ul { padding-right:22px; }
.fault-list li { margin:12px 0; font-weight:800; color:#334155; line-height:1.8; }
.detail-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.back-home { color:#1d4ed8; font-weight:900; text-decoration:none; display:inline-block; margin-bottom:18px; }
@media (max-width:820px){ .detail-grid{grid-template-columns:1fr}.detail-actions{grid-template-columns:1fr}.detail-page .hero h1{font-size:38px} }