.mechanic-page { max-width: 1180px !important; padding: 30px 0 8px !important; }
.mechanic-page .seo-crumb { margin-bottom: 14px; font-size: .8rem; color: #746c67; }
.mechanic-page .seo-crumb a { color: #b33b0c; text-decoration: none; }
.mechanic-page .seo-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(310px,.72fr); gap: 6px 42px; min-height: 400px; overflow: hidden; padding: clamp(28px,4vw,52px); border-radius: 22px; background: #26211f; color: #fff; }
.mechanic-page .seo-hero::before { content: attr(data-eyebrow); grid-column: 1; align-self: end; color: #ff8a4d; font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.mechanic-page .seo-hero::after { content: ""; grid-column: 2; grid-row: 1 / span 3; border-radius: 16px; background: #eee var(--mechanic-image, url('/media/contact-reparation.jpg')) center/cover no-repeat; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.mechanic-page .seo-hero h1 { grid-column: 1; align-self: start; margin: 7px 0 12px !important; color: #fff !important; font-size: clamp(2rem,4vw,3.25rem) !important; line-height: 1.02 !important; }
.mechanic-page .seo-hero > div { grid-column: 1; }
.mechanic-page .seo-hero :is(p) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; margin: 0 !important; color: #ded8d4 !important; font-size: .96rem !important; line-height: 1.58 !important; }
.mechanic-page .seo-hero .seo-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.mechanic-page .seo-hero .seo-btn--outline { border-color: rgba(255,255,255,.48); color: #fff; }
.mechanic-page .seo-sec, .mechanic-page .seo-faq { margin: 18px 0 !important; padding: clamp(20px,3vw,30px); border: 1px solid #e5dfda; border-radius: 16px; background: #fff; }
.mechanic-page .seo-sec:nth-of-type(even) { background: #fffaf7; }
.mechanic-page .seo-sec h2, .mechanic-page .seo-faq h2 { margin: 0 0 13px !important; font-size: clamp(1.25rem,2.1vw,1.65rem) !important; }
.mechanic-page .seo-sec :is(p,ul) { color: #554e4a !important; line-height: 1.68 !important; }
.mechanic-page .seo-sec li { margin-bottom: 8px !important; }
.mechanic-page .seo-faq { background: #f5f2ef; }
.mechanic-page .seo-faq__item { margin-bottom: 9px !important; padding: 0 !important; border: 1px solid #e0d9d4 !important; border-radius: 11px !important; background: #fff !important; }
.mechanic-page .seo-faq__item summary { padding: 15px 18px; }
.mechanic-page .seo-faq__item p { padding: 0 18px 16px; }
.mechanic-page .seo-services, .mechanic-page .seo-zones__grid { gap: 9px !important; }
.mechanic-page .seo-services a, .mechanic-page .seo-zones__grid a { display: inline-flex; align-items: center; min-height: 42px; padding: 8px 14px !important; border-color: #edb58d !important; color: #a93408 !important; }
.mechanic-page .seo-services a:hover, .mechanic-page .seo-zones__grid a:hover { background: #c2410c !important; color: #fff !important; }
@media(min-width:900px){.mechanic-page > .seo-sec:not(.seo-zones),.mechanic-page > .seo-faq{max-width:900px}.mechanic-page > .seo-sec:nth-child(odd){margin-left:auto !important}}
@media(max-width:820px){.mechanic-page .seo-hero{grid-template-columns:1fr;min-height:auto}.mechanic-page .seo-hero::after{grid-column:1;grid-row:auto;min-height:230px}.mechanic-page .seo-hero :is(p){-webkit-line-clamp:8}}
@media(max-width:620px){.mechanic-page{padding-top:14px !important}.mechanic-page .seo-hero{margin-inline:0;border-radius:14px;padding:24px 18px}.mechanic-page .seo-hero h1{font-size:clamp(1.85rem,8.5vw,2.25rem) !important;line-height:1.04 !important}.mechanic-page .seo-hero :is(p){-webkit-line-clamp:5;font-size:.92rem !important}.mechanic-page .seo-hero::after{min-height:190px}.mechanic-page .seo-sec,.mechanic-page .seo-faq{border-radius:12px;padding:18px}}