/* ==========================================================
   SCH Garage Door - Service page theme
   All service pages share the industrial look:
   steel gray, angled section edges, hazard stripe accents,
   condensed uppercase headings and orange highlights.
   ========================================================== */

/* ---------- INDUSTRIAL (all service pages) ---------- */
.t-industrial { --steel: #2b3138; --steel-2: #3a424b; --plate: #e9ecef; }
.t-industrial h1, .t-industrial h2, .t-industrial .ps-body h3, .t-industrial .sc-list-title { font-family: "Oswald", "Poppins", sans-serif; text-transform: uppercase; letter-spacing: .5px; font-weight: 600; }
.t-industrial .ph-diag { background: var(--steel); }
.t-industrial .ph-diag .ph-media::before { background: repeating-linear-gradient(45deg, var(--orange) 0 14px, #111 14px 28px); clip-path: polygon(82% 0, 90% 0, 8% 100%, 0 100%); }
.t-industrial .sc { background: var(--plate); clip-path: polygon(0 0, 100% 40px, 100% 100%, 0 100%); margin-top: -40px; padding-top: 110px; position: relative; }
.t-industrial .sc-media img { border-radius: 0; border: 6px solid var(--steel); box-shadow: 12px 12px 0 var(--orange); }
.t-industrial .sc-media-badge { border-radius: 8px; border-color: var(--plate); background: var(--steel); }
.t-industrial .cost { background: var(--steel) !important; clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%); padding-top: 110px; margin-top: -40px; position: relative; }
.t-industrial .cc-card { border-radius: 0; border-bottom: 0; border-left: 6px solid var(--orange); background: var(--steel-2); color: #fff; }
.t-industrial .cc-card .cc-price { color: #fff; font-family: "Oswald", sans-serif; font-size: 40px; }
.t-industrial .cc-hl { background: var(--orange); border-left-color: #111; }
.t-industrial .svc-head-ico { border-radius: 4px; background: repeating-linear-gradient(45deg, var(--orange) 0 6px, #e0670e 6px 12px); }
.t-industrial .proc { background: var(--plate) !important; }
.t-industrial .pr-line .ps-num { border-radius: 4px; background: var(--steel); box-shadow: 4px 4px 0 var(--orange); }
.t-industrial .pr-line .ps-list::before { background: repeating-linear-gradient(90deg, var(--steel) 0 8px, transparent 8px 14px); }
.t-industrial .svc-cta { background: repeating-linear-gradient(135deg, #f47a1f 0 40px, #ee7116 40px 80px); }
.t-industrial .svc-cta h2 { font-family: "Oswald", sans-serif; text-transform: uppercase; }
.t-industrial .svc-cta .btn-white { background: var(--steel); color: #fff; border-radius: 2px; }
.t-industrial .rel-card { border-radius: 0; border-left: 4px solid var(--orange); }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .t-industrial .sc, .t-industrial .cost { clip-path: none; margin-top: 0; padding-top: 56px; }
}
@media (max-width: 680px) {
  .t-industrial .cc-card .cc-price { font-size: 32px; }
}
@media (min-width: 1025px) {
  .t-industrial .cc-grid:has(> :nth-child(4)) .cc-price { font-size: 30px; }
}