/* Automotive extension; shared-brand integration is deliberately limited. */
.auto-page { --auto-warm:#ffab78; --auto-cool:#48c9ff; }
.auto-page h1,.auto-page h2,.auto-page h3 { hyphens:none; -webkit-hyphens:none; overflow-wrap:normal; letter-spacing:-.035em; line-height:1.08; }
.auto-page h2 { font-size:clamp(1.9rem,3.1vw,3.4rem); margin-bottom:1.3rem; }
.auto-page h3 { font-size:1.25rem; line-height:1.22; }
.auto-page .section { padding-block:clamp(3.1rem,5vw,5rem); }
.auto-page section[id],.auto-page .request-form-wrap { scroll-margin-top:9rem; }
.auto-page [hidden] { display:none !important; }
.auto-hero { background:var(--ink); color:white; overflow:hidden; }
.auto-hero__grid { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,4vw,4rem); align-items:center; }
.auto-hero__copy { padding-block:3rem; }
.auto-hero h1 { font-size:clamp(2.2rem,4.2vw,4.5rem); margin:0 0 1.25rem; }
.auto-hero h1 span { color:var(--auto-cool); }
.auto-hero__line { font-size:clamp(1.2rem,1.8vw,1.7rem); font-weight:650; margin-bottom:1rem; }
.auto-hero__copy>p:not(.eyebrow):not(.auto-hero__line) { color:#b9cbd4; max-width:34rem; font-size:1rem; }
.auto-actions { display:flex; align-items:center; gap:1.1rem 1.4rem; flex-wrap:wrap; margin-top:1.75rem; }
.auto-actions .button { padding-inline:1.1rem; font-size:.72rem; }
.auto-phone { font-weight:700; text-decoration:none; font-size:.95rem; white-space:nowrap; padding-block:.7rem; }
.auto-hero__image { position:relative; margin:0; height:clamp(28rem,39vw,36rem); overflow:hidden; border-left:1px solid #294250; }
.auto-hero__image img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .5s ease; }
.auto-hero__image:hover img { transform:scale(1.025); }
.auto-hero__image figcaption { position:absolute; bottom:1.4rem; left:1.3rem; right:1.3rem; background:rgba(7,23,34,.88); border:1px solid #385363; padding:.8rem 1rem; font-size:.72rem; display:flex; align-items:center; gap:.6rem; }
.auto-status-dot { flex:0 0 .45rem; height:.45rem; border-radius:100%; background:var(--auto-cool); box-shadow:0 0 14px #48c9ff80; }
.auto-hero__rail { display:flex; gap:2rem; justify-content:space-between; padding-block:1rem; font-size:.69rem; text-transform:uppercase; letter-spacing:.09em; border-top:1px solid #294250; color:#b9cbd4; }
.auto-hero__rail a { text-decoration:none; color:var(--auto-cool); }
.auto-nav { display:flex; align-items:center; justify-content:space-between; gap:1.1rem; border-bottom:1px solid var(--line); padding-block:.7rem; }
.auto-nav a { font-size:.8rem; font-weight:700; text-decoration:none; padding-block:.6rem; }
.auto-nav a:hover { color:var(--blue-dark); }
.auto-nav a:last-child { color:var(--blue-dark); }
.auto-split { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,6vw,6rem); }
.auto-split header>p:not(.eyebrow) { max-width:29rem; color:var(--muted); }
.auto-note { display:flex; align-items:flex-start; gap:1rem; border-top:1px solid var(--line); padding-top:1.3rem; margin-top:2rem; max-width:29rem; }
.auto-note>span { font-size:2rem; color:var(--blue-dark); line-height:1; }
.auto-note p { font-size:.86rem; margin:0; }
.auto-symptom-list { border-top:1px solid var(--line); }
.auto-symptom { border-bottom:1px solid var(--line); transition:background .2s; }
.auto-symptom[open] { background:white; }
.auto-symptom summary { display:grid; grid-template-columns:2rem 1fr 1.2rem; gap:.85rem; align-items:center; padding:1.25rem; list-style:none; font-size:1.1rem; font-weight:750; line-height:1.35; }
.auto-symptom summary::-webkit-details-marker,.auto-cycle-parts summary::-webkit-details-marker { display:none; }
.auto-index { font-size:.7rem; color:var(--blue-dark); letter-spacing:.04em; }
.auto-symptom summary small { display:block; font-size:.8rem; font-weight:400; color:var(--muted); margin-top:.35rem; }
.auto-symptom summary i { font-size:1.4rem; font-style:normal; font-weight:400; }
.auto-symptom[open] summary i { transform:rotate(45deg); }
.auto-symptom__body { padding:0 1.3rem 1.3rem 4.1rem; font-size:.93rem; }
.auto-symptom__body p { margin-bottom:1rem; }
.auto-tip { padding-left:.8rem; border-left:2px solid var(--blue); color:var(--ink-muted); }
.auto-add-symptom { border:0; border-bottom:1px solid currentColor; background:transparent; color:var(--blue-dark); font-weight:750; padding:.6rem 0; font-size:.8rem; text-align:left; }
.auto-cycle { background:var(--ink); color:white; }
.auto-section-head { display:grid; grid-template-columns:1.1fr .9fr; gap:3rem; align-items:end; margin-bottom:2.3rem; }
.auto-section-head h2 { margin-bottom:0; }
.auto-section-head>p { margin-bottom:0; max-width:34rem; color:var(--muted); }
.auto-cycle .auto-section-head>p { color:#b9cbd4; }
.auto-cycle h2 span { color:var(--auto-cool); }
.auto-cycle__grid { display:grid; grid-template-columns:1.4fr 1fr; gap:2.5rem; align-items:center; }
.auto-circuit { margin:0; min-width:0; }
.auto-circuit svg { width:100%; height:auto; }
.auto-pipe { fill:none; stroke-width:4; }
.auto-pipe--hot { stroke:var(--auto-warm); }
.auto-pipe--cold { stroke:var(--auto-cool); }
.auto-component { fill:#102c3c; stroke:#8da7b6; stroke-width:2; transition:fill .25s,stroke .25s; }
.auto-component text { fill:#c0d3dd; stroke:none; text-anchor:middle; font:700 19px Arial,sans-serif; }
.auto-component.is-active { fill:#154a62; stroke:#48c9ff; }
.auto-component.is-active text { fill:#48c9ff; }
.auto-circuit-center { fill:#658391; text-anchor:middle; font:12px Arial,sans-serif; letter-spacing:3px; }
.auto-legend { display:flex; gap:1.5rem; flex-wrap:wrap; justify-content:center; font-size:.74rem; color:#b9cbd4; }
.auto-legend span { display:flex; align-items:center; gap:.5rem; }
.auto-legend i { width:1.3rem; height:2px; display:inline-block; }
.auto-legend--hot { background:var(--auto-warm); }
.auto-legend--cold { background:var(--auto-cool); }
.auto-circuit figcaption { font-size:.72rem; color:#90aab8; line-height:1.5; margin:1rem auto 0; max-width:33rem; text-align:center; }
.auto-cycle-parts { border-top:1px solid #294653; }
.auto-cycle-parts details { border-bottom:1px solid #294653; }
.auto-cycle-parts summary { list-style:none; display:flex; align-items:center; gap:1rem; min-height:3.8rem; padding:.85rem .5rem; font-weight:650; font-size:.96rem; }
.auto-cycle-parts summary>span { font-size:.7rem; color:var(--auto-cool); }
.auto-cycle-parts summary i { margin-left:auto; font-weight:400; font-style:normal; }
.auto-cycle-parts details[open] summary { color:var(--auto-cool); }
.auto-cycle-parts details p { color:#b9cbd4; font-size:.9rem; padding:0 1.7rem 1.1rem 2.7rem; margin:0; }
.auto-care { background:#fff; }
.auto-care__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.auto-care__photo { position:relative; margin:0; min-width:0; }
.auto-care__photo img { width:100%; height:clamp(28rem,45vw,40rem); object-fit:cover; }
.auto-care__photo figcaption { background:var(--ice); border-left:3px solid var(--blue); color:var(--ink); padding:1.1rem 1.3rem; font-size:.86rem; font-weight:650; }
.auto-care .lead { font-size:1.12rem; }
.auto-care-list article { display:grid; grid-template-columns:1.6rem 1fr; gap:1rem; padding-top:1.35rem; margin-top:1.35rem; border-top:1px solid var(--line); }
.auto-care-list article>span { font-size:.7rem; color:var(--blue-dark); font-weight:800; }
.auto-care-list h3 { margin-bottom:.55rem; }
.auto-care-list p { margin:0; color:var(--muted); font-size:.93rem; }
.auto-refrigerant { background:#11364a; color:white; padding-block:2.8rem; }
.auto-refrigerant__grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:3rem; align-items:center; }
.auto-refrigerant h2 { font-size:clamp(1.7rem,3.1vw,3rem); margin:0; }
.auto-refrigerant p { margin-bottom:0; color:#c4dce8; font-size:.95rem; }
.auto-refrigerant p:first-child:not(.eyebrow) { color:white; font-weight:750; margin-bottom:.5rem; }
.auto-steps { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:0; gap:2rem; }
.auto-steps li { border-top:1px solid var(--line); padding-top:1.3rem; }
.auto-steps li>span { display:block; color:var(--blue-dark); font-size:2.4rem; font-weight:350; line-height:1; margin-bottom:1.5rem; }
.auto-steps h3 { margin-bottom:.8rem; }
.auto-steps p { font-size:.93rem; color:var(--muted); margin:0; }
.auto-faq { background:var(--ice); }
.auto-faq header>p:last-child { color:var(--muted); }
.auto-request { background:var(--ink); color:white; }
.auto-request__grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,5vw,5rem); align-items:start; }
.auto-request h2 span { color:var(--auto-cool); }
.auto-request__grid>div>p:not(.eyebrow) { max-width:29rem; color:#b9cbd4; }
.auto-request__phone { display:inline-block; font-size:clamp(1.2rem,2vw,1.9rem); font-weight:750; text-decoration:none; margin:.5rem 0 1.5rem; }
.auto-request__address { font-size:.9rem; }
.auto-prepare { padding-top:1.4rem; margin-top:1.5rem; border-top:1px solid #385361; }
.auto-prepare h3 { font-size:1rem; }
.auto-prepare ul { padding-left:1.2rem; color:#b9cbd4; font-size:.87rem; }
.auto-request .request-form { color:var(--ink); padding:clamp(1.3rem,2.5vw,2.5rem); }
.auto-request .form-actions { flex-direction:column; align-items:stretch; }
.auto-request .form-grid { gap:1.15rem; }
.auto-teaser { padding-block:2.5rem; background:#11364a; color:#fff; border-top:1px solid #355464; }
.auto-teaser__inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.auto-teaser h2 { font-size:clamp(1.7rem,2.5vw,2.7rem); margin:0 0 .7rem; }
.auto-teaser p:not(.eyebrow) { color:#c4dce8; margin:0; max-width:42rem; font-size:.95rem; }
.auto-teaser .button { flex-shrink:0; }
@media(min-width:1181px) { .nav-list { gap:clamp(.7rem,1.4vw,1.6rem); } .nav-list a { font-size:.68rem; letter-spacing:.025em; } .header-main__inner { gap:1.4rem; } }
@media(max-width:1180px) and (min-width:761px) { .mobile-menu__panel { top:7.05rem; max-height:calc(100dvh - 7.05rem); } }
@media(max-width:980px) { .hero__content { min-height:auto; grid-template-columns:1fr; } }
@media(max-width:900px) {
 .auto-hero__grid { grid-template-columns:1fr 1fr; gap:1.5rem; }
 .auto-hero h1 { font-size:clamp(2rem,4.3vw,3rem); }
 .auto-hero__image { height:31rem; }
 .auto-split,.auto-care__grid,.auto-request__grid { grid-template-columns:1fr; gap:2rem; }
 .auto-cycle__grid { grid-template-columns:1fr; gap:2rem; }
 .auto-circuit { max-width:46rem; margin:auto; }
 .auto-care__photo { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
 .auto-care__photo img { height:20rem; }
 .auto-care__photo figcaption { display:flex; align-items:center; font-size:1.45rem; padding:2rem; }
 .auto-request__grid>div>p:not(.eyebrow) { max-width:40rem; }
 .auto-request h2 { max-width:23ch; }
 .auto-teaser__inner { align-items:flex-start; flex-direction:column; }
}
@media(max-width:600px) {
 .auto-page section[id],.auto-page .request-form-wrap { scroll-margin-top:6rem; }
 .auto-page h2 { font-size:clamp(1.85rem,8vw,2.5rem); }
 .auto-hero__grid { grid-template-columns:1fr; gap:0; }
 .auto-hero__copy { padding-block:2.5rem 2rem; }
 .auto-hero h1 { font-size:clamp(2rem,9.4vw,3.2rem); }
 .auto-hero__image { height:22rem; border-left:0; }
 .auto-actions { gap:.5rem; }
 .auto-actions .button { width:100%; }
 .auto-hero__rail { gap:1rem; flex-wrap:wrap; font-size:.61rem; }
 .auto-hero__rail span:nth-child(2) { display:none; }
 .auto-nav { flex-wrap:wrap; gap:.1rem 1.3rem; justify-content:flex-start; padding-block:.65rem; }
 .auto-nav a { font-size:.75rem; }
 .auto-symptom summary { padding:1rem .6rem; grid-template-columns:1.5rem 1fr 1rem; gap:.7rem; }
 .auto-symptom__body { padding:0 1rem 1.1rem 2.8rem; }
 .auto-section-head,.auto-refrigerant__grid { grid-template-columns:1fr; gap:1.3rem; }
 .auto-cycle-parts summary { font-size:.92rem; }
 .auto-care__photo { display:block; }
 .auto-care__photo img { height:21rem; object-position:center 52%; }
 .auto-care__photo figcaption { padding:1.1rem; font-size:.95rem; }
 .auto-refrigerant { padding-block:2.25rem; }
 .auto-refrigerant h2 { font-size:1.9rem; }
 .auto-steps { grid-template-columns:1fr; gap:1.8rem; }
 .auto-steps li>span { font-size:1.8rem; margin-bottom:1rem; }
 .auto-request .form-grid { grid-template-columns:1fr; }
 .auto-request__phone { font-size:1.35rem; }
 .auto-legend { font-size:.68rem; gap:.8rem; }
 .auto-circuit figcaption { font-size:.68rem; }
 .auto-teaser__inner { gap:1.25rem; }
}
@media(prefers-reduced-motion:reduce) { .auto-hero__image img,.auto-component,.auto-symptom { transition:none; } .auto-hero__image:hover img { transform:none; } }
@media print { .auto-hero,.auto-cycle,.auto-request,.auto-refrigerant { background:#fff; color:#000; } .auto-nav,.auto-add-symptom { display:none; } }