/* Thème commun de la version finale locale, en attente de publication. */
:root{--bg:#0b1012;--p:#12191c;--l:#293135;--t:#f4f5f6;--m:#b4bec4;--r:#ce2035;--g:#eceff2;color-scheme:dark}
body{background:var(--bg);color:var(--t);font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:1200px}
.preview-notice{display:flex;justify-content:center;gap:16px;padding:8px 18px;background:#192024;border-bottom:1px solid #333b40;color:#eef1f4;font-size:10px;letter-spacing:1.3px;font-weight:700}
.preview-notice span{font-weight:400;letter-spacing:.3px;color:#adb8bf}
.head{height:84px;background:#0b1012;border:0;position:relative;z-index:2}
.head .brand{background-image:url('carvex-mark.svg');background-color:#e5ebf0;background-size:contain;width:161px;height:59px;flex-shrink:0}
.head .brand:after{display:none}
.links{color:#e3e7e9;gap:25px;font-size:13px}
.links a{padding:28px 0;position:relative}
.links a[aria-current]:after{content:'';position:absolute;bottom:17px;height:2px;background:var(--r);left:0;right:0}
.head .header-call{background:#151d21;border-color:#344047;box-shadow:none;padding:9px 13px}
.head .header-call strong{color:#fff}.head .header-call small{color:#b8c1c7}
.head .header-call svg{background:#322027;color:#ff6477}
.menub{color:#e8edf0;background:#1b252b;border-color:#344047}
.drawer{background:#121a1f!important;z-index:50}.drawer a{color:#e8edf0;border-color:#344047}.drawer button{color:#fff!important}
.hero{max-width:none;min-height:465px;display:flex;align-items:center;gap:0;padding:62px max(24px,calc((100vw - 1136px)/2));border-bottom:1px solid #293135}
.hero>div{max-width:680px;position:relative;z-index:1}
.hero:before{background-image:url('preview-hero.png');background-position:center 47%;background-size:cover;opacity:1;filter:none}
.hero:after{background:linear-gradient(90deg,#080d10f0 0%,#080d10cc 29%,#080d105e 51%,#080d1000 73%),linear-gradient(0deg,#080d1060,transparent 50%)}
.hero .tag{color:#ff7380;font-size:10px;letter-spacing:2.2px}
.hero h1{font-size:clamp(40px,4.7vw,64px);letter-spacing:-2.9px;line-height:1.02;color:#fff;margin:19px 0 21px;text-shadow:0 2px 20px #0004}
.hero h1 span{color:#f23546}
.hero p{color:#e0e5e8;font-size:17px;line-height:1.65;max-width:490px}
.hero-actions{margin-top:25px}.hero-actions .secondary{background:#e6edf3;border-color:#b9c7d2;color:#263d50}
.hero-foot{color:#c1cad0;margin-top:22px;font-size:11px}
.btn{background:#ce2035;border-radius:8px;min-height:46px;color:white}
.btn:hover{background:#e12a40;box-shadow:0 5px 18px #0003}
.feature-icon{width:31px;height:31px;flex:none;color:#f23546}
.trust-strip{background:#101719;border-bottom:1px solid var(--l)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px;gap:22px}
.trust-grid>div{display:flex;gap:16px;align-items:center;min-width:0}
.trust-grid>div+div{border-left:1px solid #2c3439;padding-left:22px}
.trust-grid strong{font-size:12px;display:block;line-height:1.35}.trust-grid small{display:block;color:#b9c3c9;font-size:11px;margin-top:6px;line-height:1.45}
.vehicle-section{position:relative;isolation:isolate;padding:40px 24px 28px;border-bottom:1px solid var(--l)}
.vehicle-section:before{content:'';position:absolute;inset:0;z-index:-2;background:url('preview-ecu.png') right 45%/cover;opacity:.26}
.vehicle-section:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1012dd,#0b1012ee 30%,#0b1012df 65%,#0b101280)}
.lookup{max-width:760px;margin:0 auto;box-shadow:none;border:0;padding:0;display:grid;grid-template-columns:1fr 170px;column-gap:12px;background:transparent!important;text-align:center;backdrop-filter:none}
.lookup>.tag,.lookup h2,.lookup-intro,.lookup .res,.lookup>.note,.manual-vehicle{grid-column:1/-1}
.lookup>.tag{font-size:9px;letter-spacing:2px;color:#ff7b89}
.lookup h2{font-size:29px;letter-spacing:-.7px;margin:8px 0 0;color:#fff}
.lookup-intro{font-size:14px;color:#bcc6cc;margin:10px auto 22px;max-width:550px}
.plate{margin:0;height:52px;background:#edf2f7;border-color:#bdc8d2}
.plate input{color:#243a50;text-align:center;font-size:22px;letter-spacing:2px}
.plate i{width:38px;background:#1450aa}
.lookup>#search{height:52px}
.res{color:#d9e1e5;font-size:13px;text-align:left;min-height:0;margin-top:6px}
.res h3,.vehicle-specs dd{color:#fff}.vehicle-specs dt{color:#b4c1ca}
.note{color:#a5b3bb;font-size:11px}
.manual-vehicle{border-color:#303b43;font-size:12px;margin-top:14px;padding-top:12px;text-align:left}
.manual-vehicle summary{color:#bcc9d1;text-align:center}
.manual-vehicle input{background:#192229;color:#f5f7f9;border-color:#46535c}
.discover{padding-top:23px;padding-bottom:0}
.discover-panel{padding:15px 19px;background:#11191e;border-color:#28343b;border-radius:8px;gap:16px}
.menu-illustration{background:#222b31;color:#e6eef3;width:39px;height:39px}
.discover-panel h2{font-size:17px;letter-spacing:-.3px;margin:2px 0 4px;color:#e8eef1}
.discover-panel .tag{display:none}.discover-panel p{color:#aab8c1;font-size:12px;margin:0}
.discover-panel .btn{font-size:11px;white-space:nowrap;min-height:40px;padding:11px 14px}
.quick-guide{padding-block:28px 25px}
.guide-panel{background:transparent;border:0;padding:0}
.guide-heading{display:block;text-align:center;margin-bottom:22px}
.guide-heading h2{font-size:27px;letter-spacing:-.6px;color:#fff;margin:0 0 8px}
.guide-heading small{color:#afbdc6;font-size:13px}
.guide-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-options button{display:flex;align-items:center;justify-content:flex-start;gap:18px;text-align:left;background:#121b20;color:#ecf0f3;border:1px solid #35434c;border-radius:8px;padding:20px;font-size:14px;line-height:1.4;cursor:pointer;min-width:0}
.guide-options button[aria-pressed="true"]{background:#233e54;border-color:#5a778b}
.guide-options button:hover{border-color:#dd4b5a}
.guide-options small{display:block;font-size:11px;color:#c1cbd2;font-weight:400;margin-top:4px}
.guide-result{background:#10171b;border-color:#2b373f;margin-top:15px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.guide-result p{color:#bac7d0;font-size:12px;margin:0;max-width:670px}
.guide-result .btn{font-size:11px;white-space:nowrap;padding:11px 14px;min-height:40px}
.highlights{padding-block:15px 26px}
.highlight-heading{margin-bottom:20px;align-items:end}.highlight-heading .tag{color:#fa6979;font-size:9px;letter-spacing:2px}
.highlight-heading h2{font-size:29px;letter-spacing:-.7px;color:#fff;margin:8px 0 0}
.highlight-heading>a{color:#ff687b;font-size:12px;border-bottom:1px solid #c93447;padding-bottom:4px}
.highlight-grid{gap:20px}
.highlight-card,.highlight-card:not(.accent-card),.accent-card{background:#11191d;border:1px solid #303b42;padding:0 23px 20px;border-radius:8px;color:#f5f7f8;overflow:hidden;box-shadow:none}
.highlight-card:hover{border-color:#6c4a53;transform:translateY(-3px)}
.service-photo{display:block;width:calc(100% + 46px);max-width:none;height:173px;object-fit:cover;margin:0 -23px 20px;border-bottom:1px solid #344049;filter:brightness(.88)}
.highlight-top,.accent-card .highlight-top{color:#ff6b7c;font-size:10px;letter-spacing:1.1px}
.highlight-top svg{width:24px;height:24px}
.highlight-card h3{font-size:22px;line-height:1.25;letter-spacing:-.6px;margin:16px 0 10px}
.highlight-card p,.accent-card p{font-size:13px;color:#b7c4cd;line-height:1.65;min-height:43px}
.highlight-bottom,.accent-card .highlight-bottom{border-color:#303c44;padding-top:17px}
.highlight-bottom>span{font-size:12px;color:#c1cbd2}.highlight-bottom strong{font-size:25px;letter-spacing:-.5px;color:#fff}
.round-arrow,.accent-card .round-arrow{background:#262127;color:#ff6075;width:34px;height:34px}
.welcome-contact{max-width:none;padding:30px max(24px,calc((100vw - 1136px)/2));background:linear-gradient(90deg,#080d11eb,#080d11c9),url('preview-hero.png') center 42%/cover;border-block:1px solid var(--l)}
.welcome-contact-inner{padding:0;border:0}.welcome-contact .tag{color:#ff6d7d;font-size:9px}
.welcome-contact h2{font-size:27px;color:#fff;line-height:1.2;margin:9px 0}.welcome-contact p{color:#bdc8ce;font-size:13px}
.welcome-contact a{color:#fff}.welcome-contact a strong{font-size:28px}.welcome-contact a small{color:#adbac4}.welcome-contact a span{color:#ff7181}
footer{background:#0b1115;border-color:#29343b;padding:29px 0 20px;color:#c3cdd4}
.footer-grid{display:grid;grid-template-columns:170px 1fr 1fr 1fr;gap:25px;align-items:center}
.footer-grid>div,.footer-grid>a:not(:first-child){border-left:1px solid #28363e;padding-left:25px}
.footer-grid strong{font-size:14px;color:#f3f6f8}.footer-grid p{font-size:11px;line-height:1.6;margin:6px 0 0}
.footer-brand{width:155px;height:auto}
.footer-legal{margin-top:24px;padding-top:17px;border-top:1px solid #253039;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#8f9fa9}
@media(max-width:1000px){.links{gap:14px}.head .header-call small{display:none}.head .header-call{padding:8px}.head .brand{width:140px}.trust-grid{gap:14px}.trust-grid>div{gap:10px}.trust-grid>div+div{padding-left:14px}.trust-grid .feature-icon{width:25px}.guide-options button{padding:16px;gap:12px;font-size:12px}.footer-grid{grid-template-columns:150px 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}.hero>div{max-width:610px}}
@media(max-width:720px){.preview-notice{font-size:8px;gap:8px;padding:7px 10px;letter-spacing:.5px}.head{height:76px;gap:9px}.head .brand{width:121px;height:52px}.links{display:none}.head .header-call{border-radius:30px;padding:8px}.head .header-call strong{font-size:11px}.head .header-call svg{padding:5px;width:12px;height:12px}.menub{padding:6px}.hero{min-height:570px;padding:37px 20px 220px;align-items:start}.hero>div{max-width:100%}.hero h1{font-size:clamp(36px,9.5vw,53px);letter-spacing:-1.9px;margin:14px 0}.hero p{font-size:14px;max-width:350px}.hero .tag{font-size:9px}.hero:before{background-size:auto 360px;background-position:72% bottom;opacity:1}.hero:after{background:linear-gradient(180deg,#0b1012 0%,#0b1012f5 38%,#0b101270 64%,#0b101200 85%,#0b101255 100%)}.hero-actions{margin-top:20px;gap:10px}.hero-actions .btn{font-size:12px;padding:13px 14px;flex:none}.hero-foot{margin-top:17px;font-size:10px}.trust-grid{grid-template-columns:1fr 1fr;padding-block:23px;gap:23px 14px}.trust-grid>div+div{border:0;padding:0}.trust-grid strong{font-size:11px}.trust-grid small{font-size:10px}.trust-grid .feature-icon{width:25px;height:25px}.vehicle-section{padding:31px 20px 25px}.lookup{grid-template-columns:1fr}.lookup h2{font-size:26px}.lookup-intro{font-size:12px;margin-bottom:19px}.lookup>#search{margin-top:11px;height:46px}.plate input{font-size:21px}.discover{padding-top:19px}.discover-panel{padding:17px;gap:12px}.discover-panel>div{min-width:150px}.discover-panel h2{font-size:16px}.discover-panel p{font-size:11px}.discover-panel .btn{width:100%}.quick-guide{padding-block:29px 22px}.guide-heading h2{font-size:26px}.guide-options{grid-template-columns:1fr;gap:10px}.guide-options button{padding:17px 18px;font-size:14px}.guide-options small{font-size:11px}.guide-result{display:block;padding:17px}.guide-result .btn{margin-top:12px;display:inline-flex}.highlight-heading{flex-direction:row;align-items:end;gap:16px}.highlight-heading h2{font-size:24px}.highlight-heading>a{font-size:10px;max-width:80px;flex-shrink:0}.highlight-grid{grid-template-columns:1fr;gap:17px}.highlight-card{padding-bottom:19px}.service-photo{height:195px}.highlight-card h3{font-size:23px}.highlight-card p{min-height:0}.welcome-contact{padding:27px 20px}.welcome-contact h2{font-size:24px}.welcome-contact-inner{gap:16px}.welcome-contact a strong{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div,.footer-grid>a:not(:first-child){border:0;padding:0}.footer-grid>div:last-child{grid-column:auto}.footer-brand{width:130px}.footer-grid strong{font-size:12px}.footer-grid p{font-size:10px}.footer-legal{flex-direction:column;gap:5px}.hero h1 br{display:block}}
.inner-page{min-height:100vh;display:flex;flex-direction:column}
.inner-page main{flex:1}
.inner-page>.head{width:100%}
.inner-page .services-intro{position:relative;padding-top:38px;padding-bottom:30px}
.inner-page .services-intro h1{color:#f4f5f6}
.inner-page .services-intro p,.inner-page .catalog-note p,.inner-page .contact p{color:#b6c4cd}
.inner-page .tag{color:#ff7380}
.back{color:#b6c5cf}.back:hover{color:#fff}
.service-item,.price,.service,.card,.details a,.details div,.call-strip{background:#121b20;border-color:#344149;color:#f0f4f6;box-shadow:none}
.service-item h2,.service h3,.contact h2,.title h2{color:#f4f6f8}
.service-item p,.catalog-note p{color:#b5c3cd}
.service-item strong,.price span,.service span{color:#f2b4be}
.service-item a{color:#ff7182;border-color:#35424b}
.service-icon{background:#2b1b23;border-color:#68303e;color:#ff5d73}
.category{color:#aebdc7}
.filters button{background:#1b272f;border-color:#3a4b57;color:#d9e2e8}
.filters button[aria-pressed="true"]{background:#233e54;color:#fff;border-color:#6c8596}
.filters button:hover{border-color:#ef6074}
.dark{background:#10181c;border-color:#2f3d46}
.details small,.call-strip small{color:#b4c3cc}
.phone-feature{color:#fff}
.inner-page .contact{padding-top:18px;padding-bottom:70px;align-items:start}
.inner-page .details a[href^="tel:"]{font-size:clamp(22px,3vw,32px);letter-spacing:-.5px;border-color:#76505a}
.inner-page .details a:hover{border-color:#ef6074}
.quick-guide{padding-top:34px}
@media(max-width:720px){.inner-page .services-intro{padding-top:26px}.inner-page .contact{padding-top:0;padding-bottom:42px}.inner-page .catalog-note .title{gap:12px}.price{gap:10px}.inner-page .head .header-call{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Version finale gris perle. */
:root{--bg:#dfe5e9;--p:#f1f4f6;--l:#c3cdd3;--t:#1c2c39;--m:#5c6d79;--r:#47789c;--g:#375f7b;color-scheme:light}
body{background:linear-gradient(180deg,#e9eef1 0,#dce3e7 52%,#d3dce1 100%);color:var(--t)}
.preview-notice{display:none}
.head{background:#e8edf0;border-bottom:1px solid #c6d0d6}
.head .brand{background-image:url('carvex-logo-final.png');background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;width:205px;height:64px}
.links{color:#253643}.links a:hover{color:#315f80}.links a[aria-current]:after{background:#47789c}
.head .header-call{background:#e0e7eb;border-color:#bdc9d0;color:#263846}.head .header-call strong{color:#233746}.head .header-call small{color:#526775}.head .header-call svg{background:#cfdae1;color:#396c91}.head .header-call:hover{border-color:#6f91a8}
.menub{color:#294253;background:#d5dfe4;border-color:#becbd2}
.drawer{background:#e7ecef!important;border-color:#bdc8cf!important}.drawer a{color:#263a48;border-color:#c3cdd3}.drawer button{color:#263a48!important}
.hero{border-color:#c4ced4}.hero:after{background:linear-gradient(90deg,#edf2f4fa 0%,#e7edefef 29%,#e3e9ec9c 51%,#dfe5e900 73%),linear-gradient(0deg,#dbe3e75c,transparent 50%)}
.hero .tag,.tag,.inner-page .tag{color:#47789c}.hero h1{color:#172a38;text-shadow:0 2px 20px #fff8}.hero h1 span{color:#47789c}.hero p{color:#344b5a}.hero-actions .secondary{background:#d6dfe5;border-color:#aebdc7;color:#263d50}.hero-foot{color:#526875}.btn{background:#47789c}.btn:hover{background:#356b91;box-shadow:0 5px 18px #54799335}
.feature-icon{color:#47789c}.trust-strip{background:#d8e0e4;border-color:#bcc8cf}.trust-grid>div+div{border-color:#b9c6cd}.trust-grid strong{color:#213643}.trust-grid small{color:#5b6f7b}
.vehicle-section{border-color:#bdc9d0}.vehicle-section:before{opacity:.18}.vehicle-section:after{background:linear-gradient(90deg,#e4eaedf0,#e4eaedee 36%,#e4eaeddc 66%,#e4eaed9c)}
.lookup h2{color:#1b3040}.lookup>.tag{color:#47789c}.lookup-intro{color:#526875}.res{color:#354e5d}.res h3,.vehicle-specs dd{color:#203746}.vehicle-specs dt{color:#627580}.note{color:#627580}.manual-vehicle{border-color:#bdc9d0}.manual-vehicle summary{color:#3c5565}.manual-vehicle input{background:#f4f6f7;color:#203746;border-color:#b8c5cd}
.guide-heading h2,.highlight-heading h2{color:#1c3040}.guide-heading small{color:#607480}.guide-options button{background:#e9eef1;color:#253b49;border-color:#bdc9d0}.guide-options button[aria-pressed="true"]{background:#cbd9e1;border-color:#7190a4}.guide-options button:hover{border-color:#6c8da3}.guide-options small{color:#607480}.guide-result{background:#d7e0e5;border-color:#bdc9d0}.guide-result p{color:#4f6573}
.highlight-heading .tag{color:#47789c}.highlight-heading>a{color:#356b91;border-color:#6f91a8}.highlight-card,.highlight-card:not(.accent-card),.accent-card{background:#edf1f3;border-color:#bdc8cf;color:#1f3442}.highlight-card:hover{border-color:#7894a6}.service-photo{border-color:#bdc8cf;filter:brightness(.94)}.highlight-top,.accent-card .highlight-top{color:#47789c}.highlight-card h3{color:#1c3040}.highlight-card p,.accent-card p{color:#566b78}.highlight-bottom,.accent-card .highlight-bottom{border-color:#c2ccd2}.highlight-bottom>span{color:#5a6e7a}.highlight-bottom strong{color:#1d3342}.round-arrow,.accent-card .round-arrow{background:#d4dfe5;color:#356b91}
.welcome-contact{background:linear-gradient(90deg,#dfe6eae8,#dce4e8c7),url('preview-hero.png') center 42%/cover;border-color:#bdc8cf}.welcome-contact .tag{color:#47789c}.welcome-contact h2{color:#1b3040}.welcome-contact p{color:#526875}.welcome-contact a{color:#1f3544}.welcome-contact a small{color:#607580}.welcome-contact a span{color:#356b91}
footer{background:#cfd9de;border-color:#b7c4cb;color:#526875}.footer-grid>div,.footer-grid>a:not(:first-child){border-color:#b5c3ca}.footer-grid strong{color:#203746}.footer-legal{border-color:#b5c3ca;color:#61747f}
.inner-page .services-intro h1,.service-item h2,.service h3,.contact h2,.title h2{color:#1c3040}.inner-page .services-intro p,.inner-page .catalog-note p,.inner-page .contact p,.service-item p,.catalog-note p{color:#586d79}.back{color:#496777}.back:hover{color:#234a64}
.service-item,.price,.service,.card,.details a,.details div,.call-strip{background:#edf1f3;border-color:#bdc8cf;color:#213746}.service-item strong,.price span,.service span{color:#356b91}.service-item a{color:#356b91;border-color:#c0cbd1}.service-icon{background:#d6e1e7;border-color:#a9bbc6;color:#356b91}.category{color:#647883}.filters button{background:#d8e1e6;border-color:#b5c3cb;color:#334d5d}.filters button[aria-pressed="true"]{background:#47789c;color:#fff;border-color:#47789c}.filters button:hover{border-color:#6c8da3}.dark{background:#d5dee3;border-color:#b9c6cd}.details small,.call-strip small{color:#5d727e}.phone-feature{color:#1e3544}.inner-page .details a[href^="tel:"]{border-color:#91a9b8}.inner-page .details a:hover{border-color:#61869d}
@media(max-width:1000px){.head .brand{width:178px}}
@media(max-width:720px){.head .brand{width:142px;height:55px}.hero:after{background:linear-gradient(180deg,#e8edef 0%,#e8edeff5 38%,#e8edef78 64%,#e8edef05 85%,#d9e1e555 100%)}}