/* CustomAuto v6 — compact editorial design with accurate, classified service imagery. */
:root{--accent:#f5c522;--accent2:#bb8700;--bg:#f6f7f4;--bg2:#f0f2ef;--border:#dee3df;--text:#202329;--muted:#616b70;--max:1360px}
html{scroll-behavior:smooth}body{font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:16px;letter-spacing:0;background:#f6f7f4}
.container{width:min(1360px,calc(100% - 64px))}.section{padding-block:62px}
.header{background:#1b1f21}.nav-wrap{min-height:76px;gap:40px}.nav{gap:30px}.nav>a{font-size:14px;font-weight:750;color:#f5f7f6}.nav>a:hover,.nav>a.active{color:#ffd44a}.nav-cta{white-space:nowrap}
.brand{width:66px!important;min-width:66px!important;flex:0 0 66px!important}.brand img{width:60px!important;height:60px!important;max-width:60px!important}.brand-copy{display:none!important}
.btn-red{background:#f5c522;border-color:#f5c522;color:#1d2022!important;font-weight:800}.btn-red:hover{background:#ffdb55;border-color:#ffdb55}.btn-dark{background:#24292d;border-color:#43484d;color:#fff!important}
.eyebrow{color:#986d00;font-weight:800;letter-spacing:2px;font-size:11px}.section-heading h2{color:#202428;font-size:clamp(28px,2.6vw,38px);letter-spacing:-1px}.outline-link{color:#30363a;border:1px solid #d7ddd8;border-radius:8px;background:#fff}
/* immersive hero — full photographic width and readable overlay */
.hero{background:#181c1f!important;color:#fff;position:relative;isolation:isolate;overflow:hidden;min-height:440px}.hero-inner{min-height:440px;display:flex;align-items:center;position:relative;z-index:1}.hero-content{position:relative;z-index:4;width:min(650px,65%);padding:46px 0;max-width:680px}.hero-content .eyebrow{color:#ffd44a!important}.hero h1{color:#fff!important;font-size:clamp(42px,5vw,69px);line-height:1.08;letter-spacing:-2px;font-weight:900;max-width:660px}.hero h1 em{color:#f5c522!important;font-style:normal}.hero p{color:#eef0ef;max-width:575px;font-size:17px;line-height:1.68}.hero-feature-row{display:flex;gap:18px;flex-wrap:wrap}.hero-feature-row span{color:#f5f5f3;font-size:13px}.hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;overflow:hidden;z-index:0;pointer-events:none}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.9) contrast(1.08)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,17,20,.98) 0%,rgba(16,19,20,.87) 37%,rgba(12,16,18,.33) 72%,rgba(10,14,15,.2) 100%)}.hero-photo-caption{display:none!important}.hero-actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}
/* compact list layout; photo permanently next to the corresponding service */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.service-grid .filterable{min-width:0}.service-grid .filterable>.service-card{height:100%}
.service-card{display:grid!important;grid-template-columns:38% minmax(0,1fr);height:100%!important;min-height:174px!important;overflow:hidden;background:#fff;border:1px solid #e3e6e1;border-radius:12px;box-shadow:0 4px 14px rgba(21,28,23,.035)}
.service-card .card-photo{display:block;position:relative;height:100%!important;min-height:174px!important;width:100%;overflow:hidden;border-radius:0!important}
.service-card .card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.service-card:hover .card-photo img{transform:scale(1.045)}
.service-card .photo-label{display:none!important}.service-card .card-body{display:flex;flex-direction:column;min-height:0!important;height:auto;padding:15px 15px 12px}.service-card .card-body h3{font-size:16px;line-height:1.3;margin:3px 0 6px;color:#202529;font-weight:850}.service-card .category-small{font-size:9px;line-height:1.5;letter-spacing:1.15px;color:#987000}.service-card .card-body p{font-size:12px;line-height:1.48;color:#667079;min-height:0!important;margin:0 0 8px;-webkit-line-clamp:3}.service-card .card-meta{display:none!important}.service-card .card-bottom{margin-top:auto;padding-top:7px;border-top:1px solid #f0f2ee}.service-card .card-bottom .link-red{font-size:12px;color:#725500;font-weight:800}.service-card .add-quote{font-size:17px;flex-basis:26px;width:26px;height:26px;min-width:26px;padding:0}.service-card .card-social{padding:0;gap:5px;max-height:50px;overflow:hidden}.service-card .card-social a{font-size:9px;padding:4px 6px}
/* service first, chooser second — adjacent visual modules */
.chooser-section{padding:26px 0 52px;background:linear-gradient(180deg,#f6f7f4,#f0f3ee);margin-top:0}.finder-box{background:#fff;border:1px solid #e0e4df;border-radius:15px;padding:25px 28px;box-shadow:0 6px 23px rgba(29,36,29,.04)}.finder-title h2{font-size:clamp(27px,3vw,35px);letter-spacing:-1px;margin:4px 0}.finder-title p{margin:0 0 14px;color:#59656c;font-size:14px}.vehicle-chooser{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))!important}.vehicle-chooser .chooser-submit{grid-column:1/-1;max-width:300px;justify-self:start;background:#f5c522;color:#202428}.chooser-item{background:#f1f3f0;border:1px solid #ebeeeb;border-radius:9px;padding:7px 12px}.chooser-item label{font-weight:800;font-size:11px;color:#59636a}.chooser-item select{border:1px solid #d8deda;border-radius:8px;background:#fff;color:#202428;font-size:14px}.microcopy{font-size:11px;color:#68726f}
.brand-strip{background:#ebefea;padding-block:22px;border-block:1px solid #e0e5df}.brand-strip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.brand-strip-heading p{font-size:12px;margin:0}.brand-strip-in a{background:#fff;border:1px solid #d8ded6;color:#252b2f;font-weight:800;padding:9px 13px;border-radius:8px;font-size:12px}.brand-strip-in a:hover{background:#fff2b7}
.dark-panel{padding:27px 0;background:#202426;color:#fff}.dark-panel .values-grid{gap:15px}.dark-panel .values-grid>div{border:none;padding:8px 0}.dark-panel .values-grid h3{color:#f2f4f3;font-size:16px}.dark-panel .values-grid p{color:#b9c1c0;font-size:13px}.dark-panel .values-grid b{color:#f5c522}
.social-feed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.social-feed-photo{height:190px}.social-feed-card{box-shadow:0 4px 15px rgba(20,26,22,.05)}.social-wide{border-radius:10px}.social-latest-section .section-lead{margin-top:-10px}
/* full-width hero style for catalog and vehicle select; consistent with home */
.page-top{background:linear-gradient(90deg,rgba(18,21,22,.98) 0%,rgba(20,23,25,.83) 55%,rgba(15,18,20,.33) 100%),url('../img/hero.webp') center 47%/cover;color:#fff!important;min-height:215px;padding:40px 0}.page-top h1,.page-top h1 em{color:#fff!important}.page-top h1 em{color:#f5c522!important}.page-top p{color:#e6e9e6;max-width:700px}.page-top .eyebrow{color:#ffd44a}.page-top .back-link{color:#fff}
.detail-head{background:linear-gradient(90deg,rgba(20,24,26,.98),rgba(20,24,26,.5)),url('../img/hero.webp') center /cover;color:#fff}.detail-head .detail-head-grid h1{color:#fff}.detail-head .detail-head-grid p,.detail-head .back-link{color:#f2f3f1}.detail-head .eyebrow{color:#ffda55}.detail-head .detail-visual{border:2px solid rgba(255,255,255,.25);overflow:hidden}.detail-content h2,.detail-content h3{color:#22282b}.detail-side .btn{line-height:1.35}
.admin-form input, .admin-form select, .admin-form textarea{max-width:100%}
@media(max-width:1200px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.container{width:min(1360px,calc(100% - 32px))}.hero,.hero-inner{min-height:490px}.hero-content{width:min(620px,92%)}.hero-photo:after{background:linear-gradient(90deg,rgba(16,19,20,.97),rgba(16,19,20,.55))}.vehicle-chooser{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nav{gap:10px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-head-grid{grid-template-columns:1fr}}
@media(max-width:600px){.container{width:calc(100% - 26px)}.hero h1{font-size:39px;letter-spacing:-1px}.hero-content{width:100%}.hero p{font-size:14px}.section{padding-block:42px}.service-grid{grid-template-columns:1fr}.service-card{min-height:156px!important;grid-template-columns:38% minmax(0,1fr)}.service-card .card-photo{min-height:156px!important}.service-card .card-body{padding:12px}.service-card .card-body h3{font-size:15px}.vehicle-chooser{grid-template-columns:1fr!important}.vehicle-chooser .chooser-submit{max-width:100%;width:100%;grid-column:auto}.finder-box{padding:18px 15px}.brand-strip-heading{display:block}.social-feed-grid{grid-template-columns:1fr}.hero-actions .btn{flex:1;font-size:12px;padding:10px}.social-wide-actions{flex-wrap:wrap}.brand img{width:48px!important;height:48px!important}.nav-wrap{min-height:58px}}
.hero .eyebrow{background:transparent!important;border:0!important;padding:0!important;color:#ffd44a!important}.hero-feature-row span{background:transparent!important;border:0!important;padding:0!important;color:#e9eeeb!important;box-shadow:none!important}
.hero-feature-row{margin-top:16px!important}.hero .btn{min-height:44px}.social-latest-section .social-empty.compact-empty{border-radius:12px}

/* v6.1 full service detail refresh */
.service-hero{background:linear-gradient(90deg,rgba(12,15,18,.95) 0%,rgba(12,15,18,.82) 38%,rgba(12,15,18,.18) 76%),#14181b;color:#fff;position:relative;overflow:hidden}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:30px;align-items:center;min-height:460px;padding:28px 0}
.service-hero-copy .back-link{display:inline-block;margin-bottom:16px;color:#fff}
.service-hero-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-2px;color:#fff;margin:10px 0 14px;font-weight:900}
.service-hero-copy .hero-lead{font-size:21px;line-height:1.5;color:#f3f5f4;max-width:760px}
.service-hero-copy p{color:#dee5e1;max-width:720px}
.service-hero-media{height:100%;min-height:360px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.service-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.service-overview{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:28px;align-items:start}
.service-overview-main h2{font-size:clamp(30px,2.8vw,44px);letter-spacing:-1px;margin:6px 0 10px;color:#1c2025}
.service-overview-main>p{margin:0 0 18px;color:#5b666d}
.service-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-feature-card{background:#fff;border:1px solid #e2e7e1;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(25,31,27,.05)}
.service-feature-card img{width:100%;height:190px;object-fit:cover;display:block}
.service-feature-body{padding:15px 16px 17px}
.service-feature-body h3{margin:0 0 8px;font-size:24px;line-height:1.18;letter-spacing:-.5px;color:#1f2528}
.service-feature-body p{margin:0;color:#68737a;font-size:14px;line-height:1.58}
.service-fit-card{background:#fff8df;border:1px solid #eed578;border-radius:16px;padding:24px 22px;position:sticky;top:88px;box-shadow:0 8px 28px rgba(29,33,25,.05)}
.service-fit-icon{width:48px;height:48px;border-radius:12px;background:#f7df7e;display:grid;place-items:center;font-size:24px;margin-bottom:14px}
.service-fit-card h3{margin:0 0 10px;font-size:34px;line-height:1.08;letter-spacing:-1px;color:#1f2328}
.service-fit-card p{color:#59656d;line-height:1.58}
.service-fit-card ul{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:10px}
.service-fit-card li{position:relative;padding-left:26px;color:#3f484d;font-size:14px;line-height:1.5}
.service-fit-card li:before{content:'✓';position:absolute;left:0;top:0;color:#be8a00;font-weight:800}
.service-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;padding-top:10px}
.service-detail-article{background:#fff;border:1px solid #e2e6e1;border-radius:16px;padding:28px 30px;box-shadow:0 8px 22px rgba(24,29,25,.04)}
.service-detail-article h2{font-size:36px;line-height:1.1;letter-spacing:-1px;margin:8px 0 10px;color:#1f2428}
.service-detail-article h3{font-size:22px;line-height:1.25;letter-spacing:-.3px;margin:22px 0 8px;color:#21282c}
.service-detail-article p,.service-detail-article li{color:#5d6870;line-height:1.72;font-size:15px}
.service-detail-article ol{margin:0;padding-left:22px;display:grid;gap:12px}
.service-side-stack{display:grid;gap:18px}
.service-side-box{border-radius:16px;border:1px solid #e2e6e1;background:#fff;box-shadow:0 8px 22px rgba(24,29,25,.04)}
.service-side-box h3{font-size:22px;line-height:1.2;color:#20262a}
.service-side-box p{font-size:14px;line-height:1.6;color:#5d6870}
@media(max-width:1180px){.service-hero-grid,.service-overview,.service-detail-layout{grid-template-columns:1fr}.service-fit-card{position:relative;top:auto}.service-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.service-hero-grid{min-height:auto;padding:20px 0}.service-hero-copy h1{font-size:40px;letter-spacing:-1px}.service-hero-copy .hero-lead{font-size:17px}.service-feature-grid{grid-template-columns:1fr}.service-feature-body h3{font-size:20px}.service-fit-card h3{font-size:28px}.service-detail-article{padding:20px}.service-detail-article h2{font-size:30px}.service-detail-article h3{font-size:20px}}

.related-photo-label{display:inline-block;margin-bottom:9px;font-size:10px;font-weight:850;letter-spacing:1px;color:#986d00}.service-feature-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}.service-feature-body h3{font-size:19px;}