/* V4 — recherche locale en premier */
:root{--ink:#172c3c}body{background:#f7f8fa}header{border-bottom:0;padding-top:20px;padding-bottom:20px}.hero-search{margin:0 22px 24px;padding:38px 40px;gap:48px;border-radius:24px;background:white;grid-template-columns:1.35fr .8fr;align-items:start;border:1px solid #e3e8eb}.hero-search h1{font-size:clamp(35px,3.7vw,51px);margin-bottom:18px;line-height:1.08}.hero-search .eyebrow{margin-bottom:16px}.hero-search .intro{font-size:16px;line-height:1.65;margin-bottom:23px;max-width:620px}.hero-search .visual{padding:20px;background:var(--light);border:0;border-radius:15px;margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.visual-v4 svg{fill:none;stroke:none;max-height:230px;margin:12px 0;stroke-width:1.5}.visual-v4 .visual-caption{display:block;padding-top:14px}.visual-caption strong{display:block;font-size:21px;line-height:1.2;letter-spacing:-.7px;margin-bottom:8px}.visual-caption p{font-size:12px}.hero-secondary{font-size:12px;margin:17px 0 0}.hero-secondary a{font-weight:700}.finder{background:#f5f7fa;padding:20px;border:1px solid #dce4e9;border-radius:14px}.finder-fields{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.finder-field{flex:1;min-width:160px}.finder label{display:block;font-size:12px;font-weight:750;margin-bottom:8px}.finder input{font-size:16px;min-height:51px}.finder .button{min-height:51px;background:var(--accent);border-color:var(--accent);font-size:13px;gap:10px;padding:13px 18px}.finder .button:disabled{opacity:.7;cursor:wait}.finder .micro{font-size:10px;margin:12px 0 0;color:#586c79;line-height:1.6}.city-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:#526572}.city-examples button{font-size:11px;border:1px solid #d4dfe5;background:white;color:#172c3c;border-radius:30px;padding:7px 12px;min-height:34px}.finder-status{font-size:13px;margin:12px 0 0}.finder-status:empty{display:none}.city-choices{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.city-prompt{grid-column:1/-1;font-size:12px;margin:0}.city-choice{text-align:left;border:1px solid #ccd7df;background:white;padding:12px;color:#172c3c;border-radius:8px;font-size:12px;min-height:44px}.promise-line{margin:0 38px;padding:12px 0;font-size:12px;border-top:0}.directory-v4{padding:20px 38px 30px}.directory-v4:has(#local-results:not([hidden])){padding-top:40px}#local-results{scroll-margin-top:20px;outline:0}#local-title{font-size:34px;max-width:850px}#result-count{font-size:12px;color:#536570}.result-note{font-size:12px;max-width:930px;margin-bottom:24px}.professional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.professional-card{display:flex;flex-direction:column;align-items:start;min-width:0;background:white;border:1px solid #dce4e9;border-radius:13px;padding:22px}.pro-top{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.pro-type{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);font-weight:750}.pro-distance{font-size:11px;white-space:nowrap;color:#586b76}.professional-card h3{font-size:22px;line-height:1.2;overflow-wrap:anywhere;margin-bottom:12px}.professional-card p{font-size:13px;line-height:1.6}.pro-address{min-height:42px}.pro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;width:100%}.pro-actions .button{font-size:11px;padding:10px 13px;min-height:43px}.pro-actions .text-link{font-size:11px;padding:10px 0}.professional-card>.text-button{font-size:12px;margin-top:8px}.pro-source{font-size:10px;margin-top:8px;color:#647884}.attribution{font-size:11px;margin:24px 0 10px;color:#617681}.finder-alternatives{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:20px 0}.finder-alternatives .button{font-size:12px}.official-resources{background:white;border:1px solid #dce4e9;border-radius:12px;padding:17px 22px}.official-resources summary{font-size:13px;font-weight:750;cursor:pointer}.official-resources summary span{float:right}.official-resources>p{font-size:12px;margin:15px 0 0}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource-grid .resource-link:last-child{border-bottom:0}.compact-services{padding-top:25px;padding-bottom:30px}.compact-services h2{font-size:30px}.compact-services .section-head>p{font-size:12px}.services{gap:10px}.service-card{min-height:130px;padding:18px}.service-number{margin-bottom:12px}.service-card strong{font-size:16px;margin-bottom:6px}.service-card>span:not(.service-number){font-size:11px}.prepare-drawer{margin:0 22px 35px;border:1px solid #ccdbe2;border-radius:14px;background:white}.prepare-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;cursor:pointer;font-size:23px;font-weight:750;letter-spacing:-.5px;list-style:none}.prepare-drawer>summary span{font-size:12px;letter-spacing:0;font-weight:500;color:#59717e}.prepare-drawer[open]>summary{border-bottom:1px solid #dce4e9}.prepare-drawer .workbench{margin:0;border:0;border-radius:0 0 14px 14px}.optional-fields{margin-top:20px;border-top:1px solid #e1e7e9;padding-top:15px}.optional-fields summary{font-size:12px;font-weight:650;cursor:pointer;margin-bottom:15px}.selected-professional{padding:15px 18px;border-left:3px solid var(--accent);background:white;font-size:13px;margin-bottom:20px}.section#conseils{padding-top:30px;padding-bottom:40px}.section#conseils h2{font-size:30px}.guide h3{font-size:20px}.closing{background:white;border:1px solid #dce4e9}.network-section{margin-top:35px}.emergency{margin-bottom:20px}.mobile-action{background:var(--accent)}
body[data-site=clicatelierauto] .hero-search,body[data-site=clicmotoservices] .hero-search,body[data-site=clicconvoyage] .hero-search{background:#172c3c;color:white}.hero-search:where(body[data-site=clicatelierauto] *,body[data-site=clicmotoservices] *,body[data-site=clicconvoyage] *) .intro{color:#cfdae2}body[data-site=clicatelierauto] .hero-copy .eyebrow,body[data-site=clicmotoservices] .hero-copy .eyebrow,body[data-site=clicconvoyage] .hero-copy .eyebrow{color:#d0dee5}body[data-site=clicatelierauto] h1 em,body[data-site=clicmotoservices] h1 em,body[data-site=clicconvoyage] h1 em{color:#fff}body[data-site=clicatelierauto] .hero-secondary,body[data-site=clicmotoservices] .hero-secondary,body[data-site=clicconvoyage] .hero-secondary,body[data-site=clicatelierauto] .finder-status,body[data-site=clicmotoservices] .finder-status,body[data-site=clicconvoyage] .finder-status{color:#d4e1e8}.finder,.visual-v4{color:#172c3c}body[data-site=clicautolavage] .hero-search,body[data-site=clicrechargeauto] .hero-search{background:var(--light)}body[data-site=clicautolavage] .visual-v4,body[data-site=clicrechargeauto] .visual-v4{background:#ffffffb8}body[data-site=cliccarrosserie] .visual-v4,body[data-site=clicvitrageauto] .visual-v4{border-radius:60px 14px 60px 14px}body[data-site=clicroues] .hero-search{border-top:5px solid var(--accent)}body[data-site=clicclimauto] .hero-search{border-left:7px solid var(--accent)}
@media(max-width:1050px){.hero-search{grid-template-columns:1.3fr .8fr;padding:30px;gap:28px}.finder-fields{display:block}.finder .button{width:100%;margin-top:12px}.finder-field+.finder-field{margin-top:12px}.hero-search h1{font-size:40px}.professional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){header{padding:17px 20px}.hero-search{margin:0 10px 18px;padding:27px 20px;display:flex;flex-direction:column;border-radius:18px;gap:20px}.hero-search h1{font-size:36px;line-height:1.1}.hero-search .intro{font-size:14px;margin-bottom:20px}.hero-search .eyebrow{font-size:9px}.hero-copy{width:100%}.hero-search .visual-v4{width:100%;padding:15px;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:14px}.visual-v4 .visual-top{display:none}.visual-v4 svg{fill:none;stroke:none;max-height:118px;margin:0;grid-column:1;grid-row:1}.visual-v4 .visual-caption{padding:0;border:0;grid-column:2;grid-row:1}.visual-caption strong{font-size:19px}.visual-caption p{font-size:11px}.finder{padding:15px}.finder input{font-size:16px}.finder .micro{font-size:10px}.city-choices{grid-template-columns:1fr}.city-prompt{grid-column:auto}.city-examples{gap:7px}.city-examples button{min-height:38px}.hero-secondary{font-size:11px}.promise-line{margin:0 20px;padding:10px 0;display:flex;flex-wrap:wrap;gap:10px;font-size:10px}.promise-line b{margin-right:5px}.directory-v4{padding:15px 20px 24px}.directory-v4:has(#local-results:not([hidden])){padding-top:25px}#local-title{font-size:29px}.professional-grid{grid-template-columns:1fr;gap:12px}.professional-card{padding:22px}.professional-card h3{font-size:23px}.pro-type{font-size:10px}.pro-address{min-height:0}.pro-actions .button{font-size:13px;min-height:46px}.pro-actions .text-link{font-size:12px}.professional-card>.text-button{font-size:13px;min-height:46px}.official-resources{padding:17px}.official-resources summary{font-size:12px}.resource-grid{grid-template-columns:1fr;gap:0}.compact-services{padding-top:20px}.compact-services h2{font-size:28px}.service-card{min-height:135px;padding:16px}.service-card:last-child:nth-child(odd){min-height:115px}.prepare-drawer{margin:0 10px 25px}.prepare-drawer>summary{display:block;padding:22px;font-size:22px}.prepare-drawer>summary span{display:block;font-size:11px;margin-top:8px}.workbench-intro h2{font-size:28px}.finder-alternatives .button{width:100%}.section#conseils{padding-top:20px}.emergency{margin-bottom:18px}}

body[data-site="clicatelierauto"] .city-examples>span,body[data-site="clicmotoservices"] .city-examples>span,body[data-site="clicconvoyage"] .city-examples>span{color:#c6d8e2}.pro-qualification{font-size:.8rem;line-height:1.5;color:var(--muted)}
