/**
 * Design reminder — Repair is a practical, trustworthy Arcade Direct service route.
 * Keep imagery separate from copy for contrast, use navy/teal/soft-grey only, and preserve a calm request-led hierarchy.
 */
.ad-repair-page { background: #f7fbfb; color: #081224; }
.ad-repair-hero { background: #081224; color: #fff; overflow: hidden; }
.ad-repair-hero__inner { display: grid; gap: 2rem; padding-block: 3.5rem 0; }
.ad-repair-hero__copy { padding-bottom: 3.5rem; }
.ad-repair-hero .ad-label, .ad-repair-page .ad-label { color: #26927a; font-family: 'IBM Plex Mono', monospace; font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.ad-repair-hero h1, .ad-repair-page h2 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; letter-spacing: -0.03em; line-height: .96; }
.ad-repair-hero h1 { color: #fff; font-size: clamp(3rem, 12vw, 6.2rem); margin: .5rem 0 1rem; max-width: 9ch; }
.ad-repair-hero__copy > p:not(.ad-label) { color: #d3e3e3; font-size: 1rem; line-height: 1.7; max-width: 58ch; }
.ad-repair-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.75rem; }
.ad-repair-hero__media { margin: 0 -1.25rem; min-height: 17rem; overflow: hidden; }
.ad-repair-hero__media img, .ad-repair-symptoms__media img, .ad-repair-custom__media img { display: block; height: 100%; object-fit: cover; width: 100%; }
.ad-repair-hero__media img { object-position: 54% center; }
.ad-repair-overview, .ad-repair-services, .ad-repair-symptoms, .ad-repair-custom, .ad-repair-request { padding-block: 4.5rem; }
.ad-repair-overview { background: #d3e3e3; }
.ad-repair-overview__inner { display: grid; gap: 1.5rem; }
.ad-repair-page h2 { font-size: clamp(2.35rem, 8vw, 4.8rem); margin: .45rem 0 1rem; max-width: 12ch; }
.ad-repair-overview p, .ad-repair-page p, .ad-repair-page li { line-height: 1.7; }
.ad-repair-overview strong { color: #081224; }
.ad-repair-section-heading { max-width: 50rem; }
.ad-repair-section-heading > p:not(.ad-label) { max-width: 60ch; }
.ad-repair-services { background: #fff; }
.ad-repair-services__grid { display: grid; gap: 1px; margin-top: 2rem; background: #b4c8ca; }
.ad-repair-services__grid article { background: #f7fbfb; padding: 1.5rem; }
.ad-repair-services__grid h3 { color: #081224; font-family: 'Manrope', sans-serif; font-size: 1.05rem; letter-spacing: -.015em; margin: 0 0 .7rem; }
.ad-repair-services__grid p { font-size: .94rem; margin: 0; }
.ad-repair-symptoms { background: #081224; color: #fff; }
.ad-repair-symptoms__inner { display: grid; gap: 2rem; }
.ad-repair-symptoms .ad-label { color: #35bb9d; }
.ad-repair-symptoms h2 { color: #fff; }
.ad-repair-symptoms__copy > p, .ad-repair-symptoms li { color: #d3e3e3; }
.ad-repair-symptoms ul { display: grid; gap: .45rem; margin: 1.5rem 0 0; padding-left: 1.1rem; }
.ad-repair-symptoms__media { aspect-ratio: 5 / 3; margin: 0; overflow: hidden; }
.ad-repair-custom { background: #fff; }
.ad-repair-custom__inner { display: grid; gap: 2rem; }
.ad-repair-custom__media { aspect-ratio: 16 / 9; margin: 0; overflow: hidden; }
.ad-repair-request { background: #d3e3e3; }
.ad-repair-request__form { background: #fff; margin-top: 2rem; padding: clamp(1.25rem, 4vw, 3rem); }
.ad-repair-request__form > h2, .ad-repair-request__form .hs-form-title { display: none; }
.ad-repair-request__form input, .ad-repair-request__form textarea, .ad-repair-request__form select { border: 1px solid #b4c8ca; border-radius: 0; max-width: 100%; min-height: 2.75rem; width: 100%; }
.ad-repair-request__form textarea { min-height: 8rem; }
.ad-repair-request__form input[type='submit'], .ad-repair-request__form button[type='submit'] { background: #35bb9d; border: 0; color: #081224; cursor: pointer; font-weight: 800; margin-top: 1rem; min-height: 3rem; padding: .75rem 1.15rem; width: auto; }
.ad-repair-request__form a { color: #081224; text-decoration: underline; text-underline-offset: .16em; }
@media (min-width: 700px) { .ad-repair-hero__inner { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); padding-block: 5rem; } .ad-repair-hero__copy { align-self: center; padding-bottom: 0; } .ad-repair-hero__media { margin: 0 -3rem 0 0; min-height: 31rem; } .ad-repair-overview__inner { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } .ad-repair-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ad-repair-symptoms__inner, .ad-repair-custom__inner { align-items: center; grid-template-columns: repeat(2, minmax(0, 1fr)); } .ad-repair-custom__media { order: 2; } }
@media (min-width: 1080px) { .ad-repair-hero__inner { gap: 5rem; } .ad-repair-hero__media { margin-right: -4rem; } .ad-repair-services__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ad-repair-overview, .ad-repair-services, .ad-repair-symptoms, .ad-repair-custom, .ad-repair-request { padding-block: 7rem; } }
@media (prefers-reduced-motion: no-preference) { .ad-repair-page .ad-button, .ad-repair-page .ad-text-link { transition: transform 160ms cubic-bezier(.23,1,.32,1), color 160ms cubic-bezier(.23,1,.32,1); } .ad-repair-page .ad-button:active { transform: scale(.97); } }