/*
Theme Name: Carrosserie Mimétaine — Atelier Signature Premium v10.2
Theme URI: https://carroserie-mimetaine.fr/
Author: WEBAIXPERIA
Description: Thème premium responsive pour Carrosserie Mimétaine. BMW M3, appel de phares, comparateurs, formulaires de démonstration et pages éditables.
Version: 11.23.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: mimetaine
*/

:root{--orange:#ff6918;--dark:#101317;--muted:#8f989f;--white:#f7f8f9;--line:rgba(255,255,255,.17);--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#fff;font-family:var(--font)}body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffa16e;outline-offset:3px}.wrap{width:min(1400px,90%);margin:auto}.eyebrow{color:var(--orange);font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:11px}.title{font:800 clamp(38px,5.2vw,77px)/.93 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em;margin:12px 0 20px}.title em{color:var(--orange);font-style:normal}.sub{color:#aeb6bc;line-height:1.75}.btn{border:1px solid var(--orange);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--orange);color:#101010;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:17px 21px;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px);background:#ff8b4e}.btn.ghost{background:transparent;color:#fff;border-color:#ffffff6b}.btn.ghost:hover{background:#fff;color:#16191a}.site-header{position:absolute;top:0;left:0;right:0;z-index:25;border-bottom:1px solid #ffffff27}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:9px;align-items:center;min-width:240px}.brand .cm{width:60px;height:60px;object-fit:contain}.brand .letters{width:180px;height:auto}.nav{display:flex;align-items:center;gap:32px}.nav a{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:color .2s}.nav a:hover,.nav a[aria-current]{color:var(--orange)}.header-cta{white-space:nowrap}.hamburger{display:none;border:1px solid #fff7;background:#17171799;border-radius:4px;color:white;padding:10px 14px}.hero{position:relative;isolation:isolate;min-height:790px;height:min(940px,100svh);overflow:hidden;background:#111}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b0d 0%,#080b0dcb 24%,#080b0d20 62%,#07090acb 100%),url('assets/hero-bmw-back.webp') center/cover;z-index:-3}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101317 0%,transparent 40%),radial-gradient(circle at 62% 50%,transparent 5%,#0607085a 95%);z-index:-1;pointer-events:none}.hero-grid{height:100%;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;padding-top:92px}.hero-copy{z-index:3;padding:0 0 65px}.hero h1{font:900 clamp(60px,7.8vw,124px)/.8 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:24px 0}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.7px #fff}.hero h1 .orange{color:var(--orange)}.hero-lead{max-width:440px;line-height:1.7;color:#e8ebef;font-size:15px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-car-area{position:absolute;width:74%;right:-6%;bottom:7%;z-index:1;filter:drop-shadow(0 45px 32px #0009);animation:arrival 1.4s cubic-bezier(.2,.7,.1,1) both}.hero-car{width:100%;height:auto;mix-blend-mode:screen;mask-image:linear-gradient(to right,transparent 0%,black 12%,black 89%,transparent 100%)}@keyframes arrival{from{transform:translateX(9%) scale(.95);opacity:.12}to{transform:none;opacity:1}}.headlight{position:absolute;width:3.2%;aspect-ratio:1.5;border-radius:45%;opacity:0;pointer-events:none;transform:translate(-50%,-50%);filter:blur(3px);background:radial-gradient(ellipse,#fff 0%,#e5f6ff 28%,#98d7ff 56%,transparent 78%);box-shadow:0 0 13px 5px #e5f7ff,0 0 30px 13px #b2dcff77}.headlight.left{left:57.2%;top:61.7%}.headlight.right{left:95%;top:62.3%}.hero-car-area.flash .headlight{animation:flash .19s 4 alternate ease-in-out}@keyframes flash{from{opacity:0}to{opacity:.92}}.rail{position:absolute;bottom:35px;left:5%;right:5%;z-index:3;display:flex;align-items:center;gap:17px;color:#a7b2b8;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.rail .line{height:1px;background:#ffffff50;flex:1}.rail button{background:#ffffff18;border:1px solid #fff5;color:white;padding:10px 14px;font-size:11px}.rail button:hover{background:var(--orange);color:#111}.hero-index{font:700 22px 'Barlow Condensed',sans-serif;color:#fff}.floating-tag{position:absolute;right:5%;top:120px;z-index:4;border:1px solid #ffffff4d;background:#14161977;backdrop-filter:blur(12px);padding:12px 18px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.floating-tag b{color:var(--orange)}.intro{background:#f3f3f0;color:#17191c;padding:70px 0 30px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end}.intro .sub{color:#5b646c;max-width:520px}.services{background:#f3f3f0;color:#14171a;padding:40px 0 100px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{min-height:315px;position:relative;background:#ddd;overflow:hidden;isolation:isolate;border-radius:5px;display:flex;align-items:end;padding:24px;color:#fff}.service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}.service:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090b0ce8,#08090a14 80%);z-index:-1}.service:hover img{transform:scale(1.08)}.service .num{position:absolute;top:16px;left:23px;color:#fff9;font:700 14px 'Barlow Condensed',sans-serif}.service h3{font:800 32px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 5px}.service p{font-size:12px;line-height:1.5;color:#c9d0d3;margin:0;max-width:290px}.service .arrow{position:absolute;right:20px;bottom:25px;font-size:26px;color:var(--orange)}.work{padding:110px 0;background:#101317}.work-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.work-head .sub{max-width:390px}.comparisons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.compare{position:relative;overflow:hidden;aspect-ratio:1.35;background:#242b30;border-radius:3px;--pos:50%;touch-action:pan-y}.compare img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.compare .after{clip-path:inset(0 0 0 var(--pos))}.compare .divider{position:absolute;left:var(--pos);height:100%;width:2px;background:white;top:0;transform:translateX(-50%)}.compare .knob{position:absolute;left:var(--pos);top:50%;transform:translate(-50%,-50%);background:var(--orange);width:44px;height:44px;border:3px solid white;border-radius:50%;display:grid;place-items:center;color:#111;font-weight:800;pointer-events:none;box-shadow:0 4px 20px #0007}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare .pill{position:absolute;z-index:2;background:#0b0b0bdc;padding:7px 10px;top:12px;font-weight:700;font-size:11px;pointer-events:none}.compare .pill.before{left:10px}.compare .pill.after-label{right:10px}.compare-caption{color:#d9dee2;font-size:13px;font-weight:700;margin:12px 0 0}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:37px 0;margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.benefit{border-right:1px solid var(--line);padding:0 15px}.benefit:last-child{border-right:0}.benefit b{font:800 23px 'Barlow Condensed',sans-serif;text-transform:uppercase;display:block;margin:10px 0 7px}.benefit i{font-style:normal;color:var(--orange);font-size:27px}.benefit small{color:#a3adb4;font-size:11px;line-height:1.5}.story{display:grid;grid-template-columns:1fr 1fr;min-height:550px}.story-copy{padding:90px max(6vw,40px) 80px;background:#e9eae8;color:#121518}.story-copy .sub{color:#58626b}.story-img{min-height:500px;background:url('assets/atelier-facade-reelle.webp') center/cover}.quote{background:#171b1f;padding:100px 0}.quote-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px}.steps{display:flex;gap:8px;margin:30px 0}.step-dot{flex:1;height:4px;background:#394047}.step-dot.active{background:var(--orange)}.question-panel{background:#252a2e;border:1px solid #ffffff20;padding:32px;border-radius:6px}.question-panel h3{font:800 32px 'Barlow Condensed',sans-serif;margin:0 0 22px;text-transform:uppercase}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{border:1px solid #626c75;background:#1e2225;color:white;padding:15px;text-align:left;min-height:70px;border-radius:3px}.choice[aria-pressed=true]{border-color:var(--orange);background:#ff69181a}.question-panel label{display:block;font-size:13px;margin:0 0 9px}.field{width:100%;border:1px solid #6b737b;background:#111517;color:#fff;padding:15px;border-radius:3px;min-height:48px;margin-bottom:15px}.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.foot{padding:40px 0;border-top:1px solid #ffffff2a;display:flex;align-items:center;justify-content:space-between;gap:20px}.foot-links{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;color:#aeb7bd}.legal{color:#9fa7ac;font-size:11px;line-height:1.5}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1000px){.header-cta{display:none}.brand{min-width:0}.nav{gap:15px}.hero-car-area{width:88%;right:-12%;bottom:10%}.hero-grid{grid-template-columns:1fr}.hero-copy{align-self:start;padding-top:170px}.hero h1{font-size:clamp(65px,10vw,100px)}.service-grid{grid-template-columns:repeat(2,1fr)}.comparisons{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{background:#0c1012ed}.header-inner{height:72px}.brand .cm{width:44px;height:44px}.brand .letters{width:145px}.hamburger{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#101317;padding:25px;flex-direction:column;align-items:stretch;gap:24px;border-bottom:1px solid #555}.nav.open{display:flex}.hero{height:850px;min-height:850px}.hero-grid{padding-top:72px;align-items:start}.hero-copy{padding-top:120px}.hero h1{font-size:clamp(60px,14vw,85px)}.hero-lead{font-size:13px;max-width:350px}.hero-car-area{width:125%;right:-35%;bottom:14%;}.floating-tag{display:none}.rail{bottom:20px}.intro-grid,.story,.quote-layout{grid-template-columns:1fr}.intro{padding:60px 0 20px}.services{padding:25px 0 60px}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service{min-height:220px;padding:15px}.service h3{font-size:23px}.service p{font-size:10px}.service .arrow{right:12px;bottom:14px}.work{padding:65px 0}.work-head{display:block}.comparisons{grid-template-columns:1fr}.benefits{margin-top:50px;gap:25px}.benefit{padding:0 7px}.benefit b{font-size:19px}.story-copy{padding:60px 6%}.story-img{min-height:310px}.quote{padding:65px 0}.quote-layout{gap:20px}.question-panel{padding:18px}.foot{flex-direction:column;align-items:start}.hero-actions .btn{padding:14px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* WordPress page layouts */
.wp-page{min-height:70vh;padding:155px 0 100px;background:#f4f4f1;color:#15191b}.wp-page .title{max-width:900px}.wp-page .page-content{font-size:16px;line-height:1.85;max-width:950px}.wp-page .page-content p{margin:0 0 1.2em}.wp-page .page-content a{color:#df5610;text-decoration:underline}.wp-page .page-content h2{font:800 42px/1 Barlow Condensed,Impact,sans-serif;text-transform:uppercase}.wp-page .page-content img{border-radius:8px}.site-header.inner-page{background:#101317}.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* Premium 7 - pages dédiées et composants accessibles */
.inside-hero{padding:105px 0 62px;background:linear-gradient(125deg,#0b0e11 20%,#1a1d21 100%);border-bottom:1px solid #34383b}.inside-hero h1{font:900 clamp(48px,7vw,96px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff;max-width:1050px;margin:16px 0}.inside-hero .lead{color:#c4cbd0;font-size:17px;max-width:680px;line-height:1.75}.ink-orange{color:#ff6a00}.section-premium{padding:80px 0;background:#101317;color:#fff}.section-premium.light{background:#f3f3f1;color:#151719}.section-premium h2{font:900 clamp(32px,4vw,57px)/1.08 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 18px}.section-premium p{line-height:1.68}.section-premium .muted{color:#9ea6ab}.section-premium.light .muted{color:#575e62}.p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.p-card{border:1px solid #393e42;background:#191e23;padding:28px;border-radius:12px}.light .p-card{background:#fff;border-color:#ddd;color:#151719}.p-card h3{font:800 27px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0}.p-card .tag{color:#ff7409;font:900 13px 'DM Sans',sans-serif;letter-spacing:2px}.p-card p{font-size:14px;color:#b8bdc1}.light .p-card p{color:#555}.p-card a{color:#ff7a13;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.two-col img{width:100%;object-fit:cover;border-radius:12px;max-height:490px}.steps-ui{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.steps-ui button,.chip-ui{border:1px solid #535a5d;background:#1c2328;color:#fff;padding:13px 18px;border-radius:6px;cursor:pointer;font-weight:700}.steps-ui button.active,.chip-ui.active{background:#ff7009;border-color:#ff7009;color:#131313}.step-content{padding:25px;border:1px solid #43484c;border-radius:10px;min-height:120px;background:#1c2024}.step-content p{margin-bottom:0;color:#c9cdd0}.accordion{border-bottom:1px solid #3b4246}.accordion button{width:100%;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:20px 3px;text-align:left;font-size:17px;font-weight:700}.accordion button:after{content:'+';font-size:24px;color:#ff710a}.accordion button[aria-expanded=true]:after{content:'−'}.accordion .answer{padding:0 8px 22px;display:none;color:#b7bfc3}.accordion .answer.open{display:block}.light .accordion .answer{color:#4b5154}.service-detail{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;margin:18px 0 28px;padding:14px;border:1px solid #30383e;border-radius:12px}.service-detail img{width:100%;height:165px;object-fit:cover;border-radius:7px}.service-detail h3{font:800 29px 'Barlow Condensed',sans-serif;margin:0}.service-detail p{color:#bbc0c4;margin:8px 0}.mock-car{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#161a1e,#3b4248);border:1px solid #434b50;padding:0;isolation:isolate}.mock-car img{width:100%;display:block;min-height:340px;object-fit:cover;filter:brightness(.83)}.mock-mark{position:absolute;right:5%;bottom:14%;background:#0e1113ee;color:#fff;transform:skew(-9deg);padding:13px 19px;border-left:8px solid #ff7009;font:900 clamp(15px,2.6vw,29px) 'Barlow Condensed',sans-serif;text-shadow:0 2px 3px #000;box-shadow:0 8px 28px #0008}.mock-mark b{color:#ff780e}.mock-note{position:absolute;top:15px;left:15px;background:#111e;color:white;padding:7px 12px;font-size:11px;border-radius:20px}.form-check{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:800px}.form-check label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#d1d5d9}.form-check select,.form-check input{padding:13px;border:1px solid #53595e;border-radius:6px;background:#20272b;color:#fff;max-width:100%}.form-result{margin-top:20px;background:#21292e;padding:20px;border-left:4px solid #ff7400;color:#f6f6f6;min-height:80px}.pill-note{display:inline-block;border:1px solid #5b6063;padding:7px 12px;border-radius:30px;font-size:11px;color:#c1c8ca;margin-top:12px}.mini-cta{display:inline-block;background:#ff7009;color:#111!important;padding:13px 18px;text-decoration:none;border-radius:6px;font-weight:800;margin-top:16px}.hero-banner-home{padding:62px 0;background:#15191d;color:white;border-top:1px solid #343b40}.hero-banner-home h2{font:900 clamp(35px,5vw,65px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.hero-banner-home .p-card{min-height:210px}.site-header .nav{gap:14px}.site-header .nav a{font-size:12px}@media(max-width:800px){.p-grid,.two-col,.form-check{grid-template-columns:1fr}.service-detail{grid-template-columns:1fr}.inside-hero{padding:80px 0 45px}.section-premium{padding:48px 0}.mock-car img{min-height:240px}.mock-mark{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Premium v8 – mobile/tablet first refinement */
.site-header{background:rgba(9,12,15,.91);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand .official-complete-logo{height:57px;width:auto;max-width:265px;object-fit:contain}.hero-actions{margin-top:22px}.rail .hero-index{display:none}.p-card,.service-detail{transition:border-color .25s,transform .25s}.p-card:hover,.service-detail:hover{border-color:#ff7010}.accordion button{min-height:60px}.info-strip{border-left:3px solid #ff7010;padding:20px 24px;background:#22282d;margin-top:30px;line-height:1.75}.check-panel{max-width:800px;border:1px solid #41494e;border-radius:12px;padding:25px;background:#1b2025;display:grid;gap:15px}.check-panel label{display:flex;gap:12px;align-items:center;line-height:1.5;cursor:pointer}.check-panel input{accent-color:#ff710c;width:19px;height:19px;flex:0 0 19px}.progress-track{height:8px;background:#444d53;border-radius:20px;overflow:hidden}.progress-value{width:0;height:100%;background:#ff710c;transition:width .25s}.progress-label{font-weight:700;color:#ff9149}.diagnostic-box{display:grid;gap:17px;max-width:900px;background:#fff;border:1px solid #d5d9dc;padding:28px;border-radius:10px;margin:24px 0}.diagnostic-box select,.search-faq{padding:15px;border:1px solid #818b92;border-radius:5px;background:#fff;color:#121619;width:100%;max-width:650px}.diagnostic-box #damage-result{background:#f1f2f3;border-left:4px solid #ff710c;padding:20px;color:#252a30;line-height:1.7}.section-premium [hidden]{display:none!important}.hero-car-area{max-width:none}.hero-car{object-fit:contain}.nav a{white-space:nowrap}.inside-hero{padding-top:170px}.inside-hero .lead{max-width:750px}.mini-cta{border:0;cursor:pointer}.section-premium.light .eyebrow{color:#c54f00}
@media(max-width:1190px){.header-cta{display:none}.hamburger{display:block}.site-header .nav{display:none;position:absolute;top:86px;left:0;right:0;background:#0e1216;padding:18px 5% 24px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 86px);overflow-y:auto}.site-header .nav.open{display:flex}.site-header .nav a{padding:14px 10px;border-bottom:1px solid #ffffff20}.hero{min-height:780px;height:auto}.hero-grid{min-height:780px}.hero-copy{padding-top:120px}.hero-car-area{width:95%;right:-7%;bottom:10%}}
@media(max-width:820px){.wrap{width:min(100% - 36px,640px)}.hero{height:auto;min-height:0;padding-bottom:0}.hero-grid{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-top:0}.hero-copy{align-self:stretch;padding:128px 0 0;max-width:630px}.hero h1{font-size:clamp(58px,12vw,90px);margin:15px 0}.hero-lead{max-width:570px}.hero-car-area{position:relative;right:auto;bottom:auto;width:100%;margin:2px auto 0;min-height:0;overflow:visible;filter:drop-shadow(0 10px 17px #0008)}.hero-car{width:100%;height:auto;max-height:none;mask-image:none;mix-blend-mode:normal;object-fit:contain}.rail{position:relative;bottom:auto;left:auto;right:auto;margin:0 auto;padding:0 18px 22px;max-width:640px;gap:10px}.rail .line{display:none}.rail button{margin-left:auto;white-space:nowrap}.hero::before{background:linear-gradient(180deg,#080a0df5 0%,#10131788 80%,#101317 100%),url('assets/hero-bmw-back.webp') center/cover}.hero::after{background:linear-gradient(0deg,#101317 0%,transparent 20%)}.intro-grid,.quote-layout{grid-template-columns:1fr}.intro-grid{gap:15px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.inside-hero{padding-top:122px}.p-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.service-detail{grid-template-columns:160px 1fr}.story{grid-template-columns:1fr}.story-img{min-height:330px}.comparisons{grid-template-columns:1fr 1fr}.form-check{grid-template-columns:1fr 1fr}.nav{top:72px!important}.site-header .nav{max-height:calc(100dvh - 72px)}}
@media(max-width:580px){.site-header .header-inner{height:68px}.brand .cm{width:40px;height:40px}.brand .letters{width:135px}.brand .official-complete-logo{height:44px;max-width:225px}.site-header .nav{top:68px!important;max-height:calc(100dvh - 68px)}.hero-copy{padding-top:108px;padding-bottom:0}.hero h1{font-size:clamp(56px,15vw,75px)}.hero-lead{font-size:14px}.hero-actions .btn{font-size:11px;padding:15px 19px}.hero-car-area{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}.hero-car{width:100%}.headlight{filter:blur(2px);box-shadow:0 0 9px 3px #e5f7ff,0 0 17px 7px #b2dcff77}.rail{flex-wrap:wrap;font-size:9px;padding:4px 18px 22px}.rail button{padding:11px}.p-grid,.comparisons,.form-check,.service-grid{grid-template-columns:1fr}.service-detail{grid-template-columns:1fr}.service-detail img{height:220px}.inside-hero{padding-top:115px}.inside-hero h1{font-size:clamp(45px,13vw,67px)}.inside-hero .lead{font-size:15px}.section-premium{padding:50px 0}.section-premium h2{font-size:clamp(36px,10vw,53px)}.steps-ui{gap:7px}.steps-ui button{flex:1 1 135px;padding:12px 10px;font-size:12px}.benefits{gap:14px}.benefit{padding:0 8px}.check-panel,.diagnostic-box{padding:18px}.question-panel{padding:17px}.choices{grid-template-columns:1fr}.mock-car img{min-height:190px}.mock-mark{font-size:13px;right:4%;bottom:8%}}
@media(prefers-reduced-motion:reduce){.hero-car-area{animation:none!important}}

/* v9 - responsive and interactive detail */
.benefit i{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;border:1px solid #ff701075;background:linear-gradient(145deg,#ff701016,#20252a);font-size:28px;transition:transform .35s,box-shadow .35s,border-color .35s}
.benefit:hover i,.benefit:focus-within i{transform:translateY(-6px) rotate(-5deg);box-shadow:0 12px 30px #ff701030;border-color:#ff7010}.benefit{transition:transform .3s}.benefit:hover{transform:translateY(-2px)}.cm-empty-gallery{padding:50px 25px;border:1px dashed #555e65;border-radius:8px;background:#191e23;grid-column:1/-1}.cm-empty-gallery h3{font:800 32px 'Barlow Condensed',sans-serif;text-transform:uppercase}.cm-empty-gallery p{color:#b6bfc6}.cm-real-grid{margin-top:35px}.cm-real-grid .compare img{object-fit:cover;object-position:center}.service:focus-visible,.p-card a:focus-visible,.benefit:focus-visible{outline:3px solid #ff7010;outline-offset:4px}
@media(max-width:820px){.hero-car-area{width:100%;max-width:640px;margin:14px auto 0;right:auto!important;left:auto!important;overflow:visible}.hero-car{display:block;width:100%;height:auto;object-fit:contain}.hero-grid{overflow:visible}.hero{overflow:hidden}.rail{justify-content:flex-end}.hero-copy{padding-top:115px}}
@media(max-width:580px){.hero-car-area{width:calc(100% + 16px);margin-left:-8px}.hero h1{font-size:clamp(52px,13vw,76px)}.hero-copy{padding-top:106px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit i{width:48px;height:48px}.benefit{border:0;padding:7px}.cm-real-grid{grid-template-columns:1fr}.hero .rail button{min-height:44px}}


/* --- v10 hero controls & premium signals --- */
.rail{gap:20px}.rail-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-toggle{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 28px rgba(0,0,0,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f6f8fa;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.hero-toggle:hover,.hero-toggle:focus-visible{transform:translateY(-2px);border-color:rgba(255,105,24,.75);background:linear-gradient(180deg,rgba(255,105,24,.18),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 34px rgba(255,105,24,.18)}.hero-toggle__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.2));border:1px solid rgba(255,255,255,.08);color:var(--orange);flex:0 0 40px}.hero-toggle__icon img{width:28px;height:28px;display:block}.hero-toggle__label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.indicator{position:absolute;opacity:0;pointer-events:none;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(ellipse at center,#ffe39a 0%,#ffb032 38%,rgba(255,145,32,.88) 58%,rgba(255,145,32,.24) 74%,rgba(255,145,32,0) 100%);filter:blur(1.6px);box-shadow:0 0 10px 2px rgba(255,177,55,.9),0 0 22px 7px rgba(255,152,27,.42)}.indicator.front-left{left:56.8%;top:60.8%;width:3.1%;aspect-ratio:2.1}.indicator.front-right{left:95.2%;top:61.6%;width:2.2%;aspect-ratio:2.1}.indicator.mirror-left{left:44.7%;top:49.7%;width:1.25%;aspect-ratio:1.8}.indicator.mirror-right{left:83.3%;top:50.5%;width:1.05%;aspect-ratio:1.8}.hero-car-area.warning .indicator{animation:signal-blink .42s 4 ease-in-out}.hero-car-area.warning .front-right,.hero-car-area.warning .front-left{filter:blur(2px)}@keyframes signal-blink{0%,100%{opacity:0}18%,46%,62%,90%{opacity:.96}}@media(max-width:820px){.rail{justify-content:flex-start}.rail-controls{width:100%}.hero-toggle{flex:1 1 220px;justify-content:center}.indicator.front-left{left:56.3%;top:60.5%;width:3.3%}.indicator.front-right{left:94.8%;top:61.1%;width:2.5%}.indicator.mirror-left{left:44.8%;top:49.4%;width:1.5%}.indicator.mirror-right{left:83.6%;top:50.3%;width:1.25%}}@media(max-width:580px){.rail{padding:8px 18px 24px}.rail-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-toggle{padding:10px 12px;gap:10px;border-radius:14px}.hero-toggle__icon{width:36px;height:36px;flex-basis:36px}.hero-toggle__icon img{width:24px;height:24px}.hero-toggle__label{font-size:10px;letter-spacing:.12em}.indicator.front-left{left:56.1%;top:60.2%;width:3.5%}.indicator.front-right{left:94.4%;top:60.9%;width:2.8%}.indicator.mirror-left{left:44.7%;top:49.2%;width:1.7%}.indicator.mirror-right{left:83.7%;top:50.1%;width:1.45%}}


/* Mimetaine v10.1 — premium responsive automotive controls */
.hero-toggle{position:relative;min-height:66px;border:1px solid rgba(255,255,255,.26)!important;background:linear-gradient(135deg,rgba(37,43,49,.96),rgba(13,16,20,.93))!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 9px 26px #0007!important;overflow:hidden}
.hero-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.08) 49%,transparent 75%);transform:translateX(-130%);transition:transform .62s ease;pointer-events:none}
.hero-toggle:hover:before,.hero-toggle:focus-visible:before{transform:translateX(130%)}
.hero-toggle[aria-pressed="true"]{border-color:#ff872d!important;background:linear-gradient(145deg,#3b2a1e,#131619)!important;box-shadow:0 0 0 1px rgba(255,110,24,.22),0 8px 32px rgba(255,110,24,.22)!important}
.hero-toggle__icon{border-radius:11px!important;background:#0e1217!important;border-color:#ffffff24!important}
.hero-toggle__icon img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 3px #ff75102c)}
.hero-toggle__label{font-weight:800!important;font-size:12px!important;letter-spacing:.08em!important}
/* Physically grouped four synchronised turn indicators, with small amber cores and soft glow */
.indicator{z-index:4;background:radial-gradient(ellipse at 50% 50%,#fff6ca 0%,#ffd16b 20%,#ff9515 48%,rgba(255,133,4,.3) 76%,transparent 100%)!important;box-shadow:0 0 8px 3px #ff9f28,0 0 20px 7px #ff981b99,0 0 36px 10px #ff92074d!important;filter:blur(.8px)!important;mix-blend-mode:screen}
/* Image-relative positions remain tied to the vehicle and scale without pixel offsets. */
.indicator.front-left{left:57.5%;top:62.2%;width:3.5%;aspect-ratio:2.7;transform:translate(-50%,-50%) rotate(-10deg)}
.indicator.front-right{left:94.7%;top:62.0%;width:2.7%;aspect-ratio:2.4;transform:translate(-50%,-50%) rotate(-15deg)}
.indicator.mirror-left{left:41.7%;top:49.2%;width:2.1%;aspect-ratio:3.2;transform:translate(-50%,-50%) rotate(12deg)}
.indicator.mirror-right{left:83.7%;top:49.8%;width:1.6%;aspect-ratio:3;transform:translate(-50%,-50%) rotate(-4deg)}
.hero-car-area.warning .indicator{animation:cm-warning-cycle 1.28s steps(1,end) infinite!important}
@keyframes cm-warning-cycle{0%,49%{opacity:1}50%,100%{opacity:0}}
.benefit i{width:62px!important;height:62px!important;border-radius:18px!important;border:1px solid #ff873753!important;background:linear-gradient(145deg,#ff883321,#1e242a)!important;box-shadow:inset 0 1px #ffffff16}
.benefit i img{width:32px;height:32px;object-fit:contain;transition:transform .32s ease,filter .32s ease}
.benefit:hover i img{transform:scale(1.14);filter:drop-shadow(0 0 7px #ff791477)}
@media(max-width:820px){.rail-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}.hero-toggle{min-width:0;justify-content:center!important}.rail{padding-bottom:24px!important}}
@media(max-width:480px){.hero-toggle{min-height:61px;padding:9px!important;gap:8px!important}.hero-toggle__label{font-size:10px!important}.hero-toggle__icon{width:35px!important;height:35px!important;flex-basis:35px!important}.hero-toggle__icon img{width:26px!important;height:26px!important}.benefit i{width:52px!important;height:52px!important}.benefit i img{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.hero-car-area.warning .indicator{animation:none!important;opacity:.75}.hero-toggle:before{display:none}.benefit i img{transition:none}}

/* v10.2 — Voiture de courtoisie sans cadre juste avant contact */
.cm-drive-band{position:relative;width:100%;height:clamp(105px,12vw,174px);overflow:hidden;background:transparent;isolation:isolate;margin:0;padding:0}
.cm-drive-car{position:absolute;left:0;bottom:0;width:clamp(165px,23vw,315px);transform:translateX(-110%);will-change:transform;animation:cm-cross 13s linear infinite;animation-play-state:paused}
.cm-drive-band.cm-drive-visible .cm-drive-car{animation-play-state:running}
.cm-drive-body{display:block;width:100%;height:auto}
.cm-drive-wheel{position:absolute;width:13.4%;aspect-ratio:1;object-fit:contain;transform-origin:center;animation:cm-wheel-spin 1.05s linear infinite;animation-play-state:paused}
.cm-drive-band.cm-drive-visible .cm-drive-wheel{animation-play-state:running}
.cm-drive-wheel-rear{left:10.25%;top:66.7%}.cm-drive-wheel-front{left:76.6%;top:67.1%}
@keyframes cm-cross{from{transform:translateX(-110%)}to{transform:translateX(100vw)}}
@keyframes cm-wheel-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.cm-drive-band{height:103px}.cm-drive-car{width:185px}.cm-drive-wheel{animation-duration:.9s}}
@media(prefers-reduced-motion:reduce){.cm-drive-car,.cm-drive-wheel{animation:none!important}.cm-drive-car{left:50%;transform:translateX(-50%)}}

/* v10.3 : voiture de courtoisie sur route fixe, sans commandes ni encadrement */
.cm-drive-road{--cm-car-width:clamp(230px,31vw,410px);position:relative;width:100%;height:clamp(175px,21vw,270px);margin:0;padding:0;background:transparent;overflow:hidden;isolation:isolate}
.cm-road-ambient{position:absolute;bottom:25px;left:0;right:0;height:90px;background:linear-gradient(0deg,rgba(255,255,255,.035),transparent);pointer-events:none}
.cm-road-asphalt{position:absolute;left:0;right:0;bottom:4px;height:29px;background:linear-gradient(180deg,#252a2e 0%,#1d2327 55%,#15191d 100%);border-top:2px solid #545c6280;border-bottom:1px solid #3c4549;box-shadow:0 -5px 20px #0004}
.cm-road-asphalt:before{content:"";position:absolute;left:0;right:0;top:15px;height:3px;opacity:.73;background:repeating-linear-gradient(90deg,#f2f0d3 0 75px,transparent 75px 153px);/* aucun mouvement de la route */}
.cm-drive-road .cm-drive-car{position:absolute;left:0;bottom:18px;width:var(--cm-car-width);max-width:none;transform:translateX(calc(-1 * var(--cm-car-width) - 16px));animation:cm-road-cross 11s linear infinite;animation-play-state:paused;filter:drop-shadow(1px 7px 6px #0009);will-change:transform}
.cm-drive-road.cm-drive-visible .cm-drive-car{animation-play-state:running}
.cm-drive-road .cm-drive-body{display:block;position:relative;z-index:1;width:100%;height:auto}
.cm-drive-road .cm-drive-wheel{position:absolute;z-index:2;width:13.4%;height:auto;aspect-ratio:1;object-fit:contain;transform-origin:center;animation:cm-road-spin 1.05s linear infinite;animation-play-state:paused}
.cm-drive-road.cm-drive-visible .cm-drive-wheel{animation-play-state:running}
.cm-drive-road .cm-drive-wheel-rear{left:10.25%;top:66.7%}.cm-drive-road .cm-drive-wheel-front{left:76.6%;top:67.1%}
@keyframes cm-road-cross{from{transform:translateX(calc(-1 * var(--cm-car-width) - 16px))}to{transform:translateX(100vw)}}
@keyframes cm-road-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.cm-drive-road{--cm-car-width:clamp(205px,65vw,300px);height:200px}.cm-road-asphalt{height:24px}}
@media(prefers-reduced-motion:reduce){.cm-drive-road .cm-drive-car,.cm-drive-road .cm-drive-wheel{animation:none!important}.cm-drive-road .cm-drive-car{transform:translateX(calc(50vw - var(--cm-car-width)/2))}}

/* v10.4 : animation compacte et isolée dans le parcours Mobilité. */
.cm-mobility-journey{position:relative;width:100%;height:218px;margin:24px 0 0;background:transparent;overflow:hidden;isolation:isolate;contain:layout paint}
.cm-mobility-journey canvas#cm-mobility-canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;z-index:2;pointer-events:none;background:transparent}
.cm-mobility-road{position:absolute;z-index:1;left:0;right:0;bottom:15px;height:29px;background:linear-gradient(180deg,#333940,#20262b 55%,#191d22);border-top:2px solid #626c75;box-shadow:0 -7px 20px rgba(0,0,0,.16)}
.cm-mobility-road:after{content:"";position:absolute;top:13px;left:0;right:0;height:3px;opacity:.7;background:repeating-linear-gradient(90deg,#d9d7b8 0 62px,transparent 62px 130px)}
.cm-mobility-discover{position:absolute;right:18px;top:7px;z-index:3;padding:9px 13px;border:1px solid #ff691875;border-radius:3px;color:#ff863e;background:#15191dc7;font-weight:750;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.cm-mobility-discover:hover{background:#ff6918;color:#15191c}
@media(max-width:700px){.cm-mobility-journey{height:170px;margin-top:16px}.cm-mobility-road{height:23px;bottom:11px}.cm-mobility-road:after{top:10px;height:2px}.cm-mobility-discover{top:3px;right:4px;font-size:10px}}

/* v10.6 : commandes tableau de bord centrées, fond translucide */
.hero .cm-dash-rail{left:0;right:0;bottom:16px;display:flex;justify-content:center;align-items:center;gap:20px;margin:0 auto;width:min(1100px,92%);max-width:1100px;z-index:10}
.cm-dash-rail .line{display:block;flex:1;height:1px;background:linear-gradient(90deg,transparent,#ffffff35,transparent)}
.cm-dashboard{display:flex;justify-content:center;align-items:center;gap:clamp(7px,1.2vw,16px);flex:0 0 auto}
.cm-dashboard .cm-dash-button{display:grid;place-items:center;min-width:0;width:clamp(48px,5vw,65px);height:clamp(48px,5vw,65px);padding:12px;border-radius:15px;border:1px solid #ffffff32;color:#ff9c1c;background:linear-gradient(160deg,#ffffff12,#ffffff06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff18,0 8px 18px #0007;transition:transform .2s,border-color .2s,box-shadow .2s}
.cm-dashboard .cm-dash-button svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 6px currentColor)}
.cm-dashboard .cm-dash-button.cm-blue{color:#24b1ff}
.cm-dashboard .cm-dash-button:hover{transform:translateY(-3px);border-color:currentColor;box-shadow:0 0 18px #ff8d2433}
.cm-dashboard .cm-dash-button[aria-pressed=true]{background:#ff931522;border-color:currentColor;box-shadow:0 0 20px #ff961c55,inset 0 0 12px #ff951a17}
.cm-dashboard .cm-blue[aria-pressed=true]{background:#20aaff20;box-shadow:0 0 18px #20aaff55}
.hero-car-area.signal-left .indicator.front-left,.hero-car-area.signal-left .indicator.mirror-left,.hero-car-area.signal-right .indicator.front-right,.hero-car-area.signal-right .indicator.mirror-right{animation:cm-warning-cycle 1.28s steps(1,end) infinite!important}
@media(max-width:820px){.hero .cm-dash-rail{position:relative;bottom:auto;left:auto;right:auto;width:min(100% - 32px,520px);padding:12px 0 24px;justify-content:center}.cm-dash-rail .line{display:none}.cm-dashboard{width:100%;gap:8px}.cm-dashboard .cm-dash-button{width:clamp(52px,18%,65px);height:54px;flex:1}}
@media(prefers-reduced-motion:reduce){.hero-car-area.signal-left .indicator.front-left,.hero-car-area.signal-left .indicator.mirror-left,.hero-car-area.signal-right .indicator.front-right,.hero-car-area.signal-right .indicator.mirror-right{animation:none!important;opacity:.7}}

/* v10.7 — corrige les voyants invisibles : taille, SVG et conflit de styles du rail */
.hero .cm-dash-rail{z-index:50!important;min-height:86px!important;overflow:visible!important;isolation:isolate!important}
.hero .cm-dash-rail .cm-dashboard{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:clamp(10px,1.25vw,18px)!important;min-height:76px!important;position:relative!important;z-index:52!important}
.hero .cm-dash-rail .cm-dashboard .cm-dash-button{appearance:none!important;-webkit-appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 64px!important;width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:none!important;max-height:none!important;opacity:1!important;visibility:visible!important;padding:12px!important;margin:0!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:16px!important;color:#ffad21!important;background:rgba(20,25,30,.60)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 20px rgba(0,0,0,.38)!important;line-height:1!important;position:relative!important;overflow:visible!important;transform:none;cursor:pointer!important;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s!important}
.hero .cm-dash-rail .cm-dashboard .cm-dash-button.cm-blue{color:#32baff!important}
.hero .cm-dash-rail .cm-dashboard .cm-dash-button svg{display:block!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;overflow:visible!important;opacity:1!important;visibility:visible!important;flex:none!important;color:inherit!important;fill:none!important;stroke:currentColor!important;stroke-width:4px!important;filter:drop-shadow(0 0 4px currentColor)!important;position:static!important}
.hero .cm-dash-rail .cm-dashboard .cm-dash-button:hover,.hero .cm-dash-rail .cm-dashboard .cm-dash-button:focus-visible{transform:translateY(-4px)!important;border-color:currentColor!important;background:rgba(35,41,48,.8)!important}
.hero .cm-dash-rail .cm-dashboard .cm-dash-button[aria-pressed=true]{border-color:currentColor!important;background:rgba(255,143,20,.18)!important;box-shadow:0 0 22px rgba(255,150,30,.38)!important}
.hero .cm-dash-rail .cm-dashboard .cm-dash-button.cm-blue[aria-pressed=true]{background:rgba(25,166,255,.2)!important;box-shadow:0 0 22px rgba(40,175,255,.38)!important}
@media(max-width:820px){.hero .cm-dash-rail{min-height:76px!important}.hero .cm-dash-rail .cm-dashboard{gap:9px!important;min-height:65px!important}.hero .cm-dash-rail .cm-dashboard .cm-dash-button{flex:0 0 56px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;padding:10px!important}.hero .cm-dash-rail .cm-dashboard .cm-dash-button svg{width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important;max-width:33px!important;max-height:33px!important}}
@media(max-width:390px){.hero .cm-dash-rail .cm-dashboard .cm-dash-button{flex-basis:50px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}.hero .cm-dash-rail .cm-dashboard .cm-dash-button svg{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important}}


/* v10.8 — recalage des clignotants sur les vrais rétroviseurs */
.indicator.mirror-left{left:46.2%!important;top:49.4%!important;width:1.9%!important;aspect-ratio:3.15!important;transform:translate(-50%,-50%) rotate(8deg)!important}
.indicator.mirror-right{left:86.5%!important;top:50.1%!important;width:1.75%!important;aspect-ratio:3.1!important;transform:translate(-50%,-50%) rotate(-8deg)!important}
@media(max-width:820px){.indicator.mirror-left{left:46.1%!important;top:49.2%!important;width:2.15%!important}.indicator.mirror-right{left:86.4%!important;top:49.9%!important;width:1.95%!important}}
@media(max-width:580px){.indicator.mirror-left{left:46.0%!important;top:49.0%!important;width:2.35%!important}.indicator.mirror-right{left:86.3%!important;top:49.8%!important;width:2.15%!important}}

/* v10.9 — calibration sur image source hero-bmw-m3.webp (1530 × 920).
   Les positions suivent le repère de l'image, et non celui de la fenêtre. */
.hero-car-area .indicator{z-index:5!important;opacity:0;pointer-events:none;width:1.55%!important;height:auto!important;aspect-ratio:3.8!important;border-radius:65% 40% 50% 65%!important;background:linear-gradient(90deg,rgba(255,159,39,.35),#ffcc74 26%,#fff3c5 45%,#ffae39 75%,rgba(255,144,32,.22))!important;box-shadow:0 0 4px 1px #ffbf6bab,0 0 12px 3px #ff8f2348!important;filter:blur(.35px)!important;mix-blend-mode:screen}
/* Rétroviseurs visibles : côté gauche de la photographie et côté droit. */
.hero-car-area .indicator.mirror-left{left:34.2%!important;top:42.1%!important;width:2.5%!important;aspect-ratio:4.8!important;transform:translate(-50%,-50%) rotate(2deg)!important}
.hero-car-area .indicator.mirror-right{left:81.5%!important;top:44.2%!important;width:2.15%!important;aspect-ratio:4.7!important;transform:translate(-50%,-50%) rotate(11deg)!important}
/* Clignotants intégrés dans les optiques avant, sans halos débordants. */
.hero-car-area .indicator.front-left{left:59.4%!important;top:61.5%!important;width:2.15%!important;aspect-ratio:4.2!important;transform:translate(-50%,-50%) rotate(13deg)!important}
.hero-car-area .indicator.front-right{left:96.0%!important;top:62.2%!important;width:1.75%!important;aspect-ratio:4.2!important;transform:translate(-50%,-50%) rotate(-12deg)!important}
/* Reflets volontairement subtils, attachés aux voyants. */
.hero-car-area .indicator::after{content:"";position:absolute;left:-70%;right:-70%;top:-250%;bottom:-250%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,136,19,.17),rgba(255,136,19,.055) 38%,transparent 70%);z-index:-1;pointer-events:none}
@media(max-width:820px){.hero-car-area .indicator.mirror-left{left:34.2%!important;top:42.1%!important;width:2.5%!important}.hero-car-area .indicator.mirror-right{left:81.5%!important;top:44.2%!important;width:2.15%!important}.hero-car-area .indicator.front-left{left:59.4%!important;top:61.5%!important}.hero-car-area .indicator.front-right{left:96%!important;top:62.2%!important}}
@media(max-width:580px){.hero-car-area .indicator{filter:blur(.2px)!important;box-shadow:0 0 3px 1px #ffbf6baa,0 0 7px 2px #ff8f2340!important}}

/* v11.0 — identité officielle fournie par l'entreprise */
.brand .cm-official-header{display:block;width:clamp(190px,18vw,255px);height:auto;max-height:72px;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 2px #0006)}
.brand .cm-official-footer{display:block;width:min(270px,80vw);height:auto;max-height:90px;object-fit:contain;object-position:left center}
@media(max-width:700px){.brand .cm-official-header{width:clamp(154px,42vw,215px);max-height:56px}.brand .cm-official-footer{width:min(230px,70vw)}}

/* v11.1 : logo officiel complet PNG transparent, proportion conservée */
.brand .cm-official-header,.brand .cm-official-footer{display:block;width:auto;max-width:min(275px,100%);height:auto;max-height:66px;object-fit:contain}
@media(max-width:640px){.brand .cm-official-header,.brand .cm-official-footer{max-width:min(215px,100%);max-height:46px}}

/* v11.2: logo officiel complet, PNG transparent, recadré */
.cm-official-header,.cm-official-footer{object-fit:contain;object-position:left center;background:transparent!important;}
@media(max-width:580px){.cm-official-header{max-width:min(63vw,235px)!important;height:auto!important}}

/* v11.3 — white header and footer */
.site-header{background:#fff!important;border-bottom:1px solid #e5e6e8!important;box-shadow:0 3px 16px rgba(0,0,0,.065)!important}
.site-header .nav a{color:#20252a!important}
.site-header .nav a:hover,.site-header .nav a:focus-visible,.site-header .nav a[aria-current="page"]{color:#ed620a!important}
.site-header .hamburger{color:#20252a!important;background:#f5f6f6!important;border:1px solid #d5d9dd!important}
.brand .cm-official-header,.brand .cm-official-footer{filter:none!important}
.cm-footer-shell{background:#fff!important;color:#1f252a!important;border-top:1px solid #e3e6e8}
.cm-footer-shell .foot{border-top:0!important}
.cm-footer-shell .foot-links a{color:#343b40!important}
.cm-footer-shell .foot-links a:hover,.cm-footer-shell .foot-links a:focus-visible{color:#ed620a!important}
.cm-footer-shell .legal{color:#616971!important}
@media(max-width:1190px){.site-header .nav{background:#fff!important;box-shadow:0 12px 22px rgba(0,0,0,.12)!important}.site-header .nav a{border-bottom:1px solid #e8eaec!important}}
@media(max-width:700px){.cm-footer-shell .foot{align-items:flex-start!important}.cm-footer-shell .foot-links{gap:12px 18px!important}}

/* v11.4 — clé interactive de contact, compatible header/footer blanc et mobile */
.cm-contact-key{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:color .22s ease,background .22s ease,border-color .22s ease!important}
.cm-key-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;color:#f36b16;transform-origin:40% 35%;will-change:transform}
.cm-key-icon svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none}
.cm-contact-key:hover .cm-key-icon,.cm-contact-key:focus-visible .cm-key-icon,.cm-contact-key.cm-key-activated .cm-key-icon{animation:cm-key-turn .65s cubic-bezier(.25,.8,.2,1) both}
.cm-contact-key:hover,.cm-contact-key:focus-visible{color:#ee6516!important}
.site-header .nav .cm-contact-key{border:1px solid rgba(243,107,22,.45);padding:10px 14px;border-radius:8px;background:rgba(255,112,25,.06)}
.site-header .nav .cm-contact-key:hover,.site-header .nav .cm-contact-key:focus-visible{border-color:#f36b16;background:rgba(255,112,25,.12)}
.cm-footer-shell .cm-contact-key{color:#252b30!important}
@keyframes cm-key-turn{0%{transform:rotate(0deg)}45%{transform:rotate(36deg)}75%{transform:rotate(-12deg)}100%{transform:rotate(0deg)}}
@media(max-width:1190px){.site-header .nav .cm-contact-key{justify-content:flex-start;margin-top:10px;width:100%;min-height:45px}}
@media(prefers-reduced-motion:reduce){.cm-contact-key .cm-key-icon{animation:none!important;transform:none!important}}

/* v11.5 : télécommande automobile CONTACT */
.cm-contact-key .cm-remote-icon{width:24px;height:34px;flex:0 0 24px;transform-origin:50% 65%;color:inherit}
.cm-contact-key .cm-remote-icon svg{width:24px;height:34px;overflow:visible;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));stroke:none!important}
.cm-contact-key .cm-remote-icon .cm-remote-led{transition:fill .2s,filter .2s}
.cm-contact-key:hover .cm-remote-led,.cm-contact-key:focus-visible .cm-remote-led,.cm-contact-key.cm-key-activated .cm-remote-led{fill:#ff8f39;filter:drop-shadow(0 0 5px #ff7900)}
.cm-contact-key:hover .cm-remote-icon,.cm-contact-key:focus-visible .cm-remote-icon,.cm-contact-key.cm-key-activated .cm-remote-icon{animation:cm-remote-click .55s ease-out both}
@keyframes cm-remote-click{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(-9deg) translateY(-2px)}65%{transform:rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.cm-contact-key .cm-remote-icon{animation:none!important}}


/* v11.7 — bouton START/STOP aligné sur les quatre voyants du tableau de bord */
.hero .cm-dash-rail .cm-dashboard .cm-start-stop{border-radius:50%!important;padding:7px!important;flex-direction:column!important;gap:0!important;color:#f2565c!important;border:2px solid #c74349!important;background:radial-gradient(circle at 40% 20%,#333b42,#111518 80%)!important;box-shadow:inset 0 2px 3px #ffffff24,0 0 12px #ef4b4c45!important}
.hero .cm-dash-rail .cm-dashboard .cm-start-stop[aria-pressed=true]{color:#47e38c!important;border-color:#47e38c!important;background:radial-gradient(circle at 40% 20%,#233f33,#111518 80%)!important;box-shadow:inset 0 2px 3px #ffffff20,0 0 16px #38e68172!important}
.cm-start-icon{display:flex;align-items:center;justify-content:center;height:28px;line-height:1}.hero .cm-dash-rail .cm-dashboard .cm-start-stop .cm-start-icon svg{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important;stroke-width:3.4px!important;filter:drop-shadow(0 0 5px currentColor)!important}.cm-start-label{font:800 8px/1.03 Arial,sans-serif;letter-spacing:.035em;text-align:center;color:#f4f5f6}.hero-car-area.cm-engine-starting{animation:cm-ignition .18s ease-in-out 5 alternate!important}.hero-car-area.cm-engine-running .headlight{filter:blur(3px)}@keyframes cm-ignition{from{translate:-2px 0}to{translate:2px 0}}
@media(max-width:820px){.hero .cm-dash-rail .cm-dashboard{gap:clamp(4px,1.2vw,10px)!important}.hero .cm-dash-rail .cm-dashboard .cm-dash-button{flex-basis:52px!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}.cm-start-icon{height:24px}.hero .cm-dash-rail .cm-dashboard .cm-start-stop .cm-start-icon svg{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;max-width:21px!important;max-height:21px!important}}
@media(max-width:390px){.hero .cm-dash-rail .cm-dashboard{gap:5px!important}.hero .cm-dash-rail .cm-dashboard .cm-dash-button{flex-basis:48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}}
@media(prefers-reduced-motion:reduce){.hero-car-area.cm-engine-starting{animation:none!important}}

/* v11.8 — navigation et téléphone */
.site-header .header-inner{gap:18px}.site-header .nav{margin-left:auto;gap:clamp(12px,1.25vw,24px)}.cm-header-phone{display:inline-flex;align-items:center;gap:9px;color:#222831!important;font-size:clamp(12px,.86vw,15px);font-weight:800;white-space:nowrap;margin-left:clamp(16px,2vw,44px);padding:12px 0 12px 18px;border-left:1px solid #dadddf}.cm-header-phone svg{color:#f36c17;flex-shrink:0}.cm-header-phone:hover{color:#f36c17!important}.cm-nav-dropdown{position:relative;display:flex;align-items:center}.cm-nav-parent{display:inline-flex;align-items:center;gap:5px}.cm-nav-expand{border:0!important;background:transparent!important;color:#333!important;font-size:18px!important;padding:3px 5px!important;min-height:30px}.cm-nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:222px;padding:10px;background:#fff;border:1px solid #e1e4e7;box-shadow:0 15px 35px #0002;border-radius:0 0 10px 10px;z-index:90}.cm-nav-dropdown:hover .cm-nav-submenu,.cm-nav-dropdown:focus-within .cm-nav-submenu,.cm-nav-dropdown.cm-open .cm-nav-submenu{display:flex;flex-direction:column}.cm-nav-submenu a{padding:11px!important;color:#222831!important;font-size:12px!important}.cm-nav-submenu a:hover{background:#fff2e9;color:#e7620e!important}.site-header .nav a{white-space:nowrap}.cm-header-phone:focus-visible,.cm-nav-expand:focus-visible{outline:2px solid #f36c17;outline-offset:3px}
@media(max-width:1190px){.cm-header-phone{margin-left:auto;padding:9px;border-left:0}.site-header .nav{margin-left:0}.site-header .nav .cm-nav-dropdown{display:block;border-bottom:1px solid #e8eaec}.site-header .nav .cm-nav-parent{display:inline-flex;width:calc(100% - 55px);border:0!important}.cm-nav-expand{min-width:44px;min-height:44px!important}.cm-nav-submenu{position:static;box-shadow:none;border:0;border-left:2px solid #f36c17;border-radius:0;margin:0 10px 10px;padding:0 8px;min-width:0;background:#fafafa}.site-header .nav .cm-nav-submenu a{padding:11px 15px!important}}
@media(max-width:650px){.cm-header-phone{font-size:0;gap:0;padding:9px}.cm-header-phone svg{width:23px;height:23px}.site-header .brand{min-width:0}.site-header .cm-official-header{max-width:min(53vw,210px)!important;height:auto!important}.header-inner{gap:6px!important}}

/* v11.9: header mis en page explicitement, sans l'ancien bouton clé */
.site-header .header-inner{display:grid!important;grid-template-columns:minmax(170px,285px) minmax(0,1fr) auto;align-items:center!important;column-gap:clamp(14px,2vw,38px)!important;max-width:1480px}
.site-header .brand{min-width:0!important}.site-header .brand img{max-width:100%!important}
.site-header .nav{display:flex;justify-content:flex-end;gap:clamp(12px,1.4vw,25px)!important;margin:0!important;align-items:center}
.site-header .nav>a,.site-header .cm-nav-parent{font-weight:700;letter-spacing:.035em;font-size:clamp(11px,.8vw,13px)}
.site-header .cm-header-phone{margin-left:clamp(12px,2vw,35px)!important;padding-left:clamp(14px,1.6vw,27px)!important;font-weight:850!important;font-size:clamp(12px,1vw,16px)!important}
.site-header .cm-header-phone svg{width:22px;height:22px}
.cm-nav-dropdown{align-self:stretch;min-height:86px}.cm-nav-parent{display:flex;align-items:center}.cm-nav-dropdown .cm-nav-expand{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:3}.cm-nav-submenu{top:calc(100% - 1px)!important;min-width:240px!important;overflow:hidden}
.cm-nav-submenu a{display:block!important;text-transform:none!important;font-size:13px!important;padding:14px 16px!important;border-radius:5px}
.cm-nav-dropdown:focus-within .cm-nav-submenu,.cm-nav-dropdown:hover .cm-nav-submenu,.cm-nav-dropdown.cm-open .cm-nav-submenu{display:flex!important}
@media(max-width:1280px){.site-header .header-inner{grid-template-columns:minmax(170px,1fr) auto auto!important;gap:12px!important}.site-header .nav{display:none!important;position:absolute!important;top:86px!important;left:0;right:0;background:white;padding:20px max(5%,18px)!important;max-height:calc(100dvh - 86px)!important;overflow-y:auto;flex-direction:column!important;align-items:stretch!important}.site-header .nav.open{display:flex!important}.site-header .hamburger{display:block!important}.site-header .cm-header-phone{border:0!important;padding:8px!important;margin-left:0!important}.cm-nav-dropdown{min-height:0!important;display:block!important}.cm-nav-dropdown .cm-nav-parent{width:calc(100% - 54px)!important;padding:14px 10px!important}.cm-nav-dropdown .cm-nav-expand{position:relative!important;opacity:1!important;inset:auto!important;width:46px!important;height:46px!important;z-index:2;float:right;margin-top:-47px}.cm-nav-dropdown .cm-nav-submenu{position:static!important;min-width:0!important;box-shadow:none!important;border:0!important;border-left:3px solid #f36c17!important;margin:0 0 8px 12px!important;display:none!important}.site-header .nav .cm-nav-submenu a{padding:12px!important}}
@media(max-width:700px){.site-header .header-inner{grid-template-columns:minmax(110px,1fr) auto auto!important}.site-header .nav{top:72px!important;max-height:calc(100dvh - 72px)!important}.site-header .cm-header-phone span{display:none!important}.site-header .cm-header-phone svg{width:24px;height:24px}}
@media(max-width:580px){.site-header .nav{top:68px!important;max-height:calc(100dvh - 68px)!important}}

/* v11.11 — Contact est un lien de navigation normal, identique aux autres. */
.site-header .nav > a.cm-menu-contact{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:inherit;color:#20252a!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;text-transform:none!important;line-height:inherit!important;transform:none!important;text-decoration:none!important;white-space:nowrap!important;}
.site-header .nav > a.cm-menu-contact:hover,.site-header .nav > a.cm-menu-contact:focus-visible{color:#ed620a!important;background:transparent!important;}
@media(max-width:1280px){.site-header .nav > a.cm-menu-contact{display:block!important;padding:14px 10px!important;width:100%!important;}}

/* v11.12 : Contact utilise exactement le meme balisage et les memes styles que Services, sans icone ni pseudo-element. */
.site-header .nav > a[href$="/contact/"]::before,.site-header .nav > a[href$="/contact/"]::after{content:none!important;display:none!important}

/* v11.13 — Sinistre : bloc entre le slide BMW et les prestations */
.cm-claim-strip{position:relative;z-index:2;background:linear-gradient(115deg,#1b2127 0%,#11161b 70%);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,105,24,.30);padding:32px 0;color:#f7f8f9}
.cm-claim-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.cm-claim-copy{max-width:720px;min-width:0}
.cm-claim-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#f6a169;font:700 12px/1.4 'DM Sans',sans-serif;letter-spacing:.15em}
.cm-claim-status{width:8px;height:8px;flex:none;background:#ff6918;border-radius:50%;box-shadow:0 0 0 4px rgba(255,105,24,.14)}
.cm-claim-copy h2{margin:11px 0 7px;color:#fff;font:800 clamp(24px,3.1vw,40px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.025em}
.cm-claim-copy h2 em{font-style:normal;color:#ff6918}
.cm-claim-copy p{margin:0 0 8px;color:#d0d3d5;font-size:14px;line-height:1.6}
.cm-claim-copy small{display:block;color:#a2aab0;font-size:11px;line-height:1.5}
.cm-claim-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:62px;padding:14px 23px;background:#ff6918;border:1px solid #ff6918;color:#141414!important;text-decoration:none!important;border-radius:7px;font:800 16px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.05em;box-shadow:0 8px 27px rgba(255,105,24,.22);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.cm-claim-cta svg{width:25px;height:25px;flex:none}.cm-claim-cta b{font-size:18px;margin-left:5px}.cm-claim-cta:hover,.cm-claim-cta:focus-visible{transform:translateY(-2px);background:#ff883b;box-shadow:0 12px 35px rgba(255,105,24,.34)}
.cm-claim-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:850px){.cm-claim-strip{padding:26px 0}.cm-claim-strip-inner{align-items:flex-start;flex-direction:column;gap:21px}.cm-claim-cta{width:100%;max-width:430px;min-height:56px}}
@media(max-width:480px){.cm-claim-copy h2{font-size:29px}.cm-claim-eyebrow{font-size:10px;letter-spacing:.09em}.cm-claim-cta{max-width:none;font-size:15px}}
@media(prefers-reduced-motion:reduce){.cm-claim-cta{transition:none}}

/* v11.14 — accès e-constat officiel et demande de réparation */
.cm-accident .cm-accident-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;max-width:340px;width:100%;margin-left:auto}
.cm-accident .cm-accident-secondary{display:block;text-align:center;text-decoration:none;font-family:inherit;font-weight:800;letter-spacing:.04em;border:1px solid #e77732;color:#fff;border-radius:7px;padding:17px 20px;transition:background .2s}
.cm-accident .cm-accident-secondary:hover,.cm-accident .cm-accident-secondary:focus-visible{background:#aa4c18}
.cm-accident .cm-accident-optional{font-size:12px;color:#bec4c9;text-align:center}
@media(max-width:800px){.cm-accident .cm-accident-actions{max-width:100%;margin:12px 0 0}}

/* v11.15 — information atelier et libre choix dans la section sinistre */
.cm-accident .cm-repair-rights{margin:22px 0 16px;padding:20px 22px;border-left:3px solid #f37825;background:rgba(255,255,255,.055);border-radius:0 12px 12px 0;max-width:740px}
.cm-accident .cm-repair-rights p{margin:0 0 10px;line-height:1.55}
.cm-accident .cm-repair-rights p:last-child{margin-bottom:0}
.cm-accident .cm-repair-welcome{font-size:clamp(14px,1.5vw,17px);color:#f4f4f4}
.cm-accident .cm-repair-freedom{font-size:clamp(16px,1.8vw,21px);font-weight:700;color:#fff}
.cm-accident .cm-repair-highlight{font-size:clamp(15px,1.7vw,19px);font-weight:800;color:#ff8938;letter-spacing:.025em}
@media(max-width:700px){.cm-accident .cm-repair-rights{margin:18px 0 16px;padding:15px 16px}.cm-accident .cm-repair-highlight{line-height:1.45}}

/* v11.16 — messages séparés : liberté de choix / catégories de véhicules */
.cm-accident .cm-repair-rights{margin:20px 0 17px;padding:21px 24px;max-width:740px}
.cm-accident .cm-repair-kicker{display:block;color:#f6a169;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:12px}
.cm-accident .cm-repair-freedom{font-size:clamp(20px,2.2vw,27px);font-weight:800;line-height:1.22;color:#fff;margin-bottom:10px}
.cm-accident .cm-repair-highlight{font-size:clamp(16px,1.7vw,20px);font-weight:800;line-height:1.3;color:#ff8938;margin:0}
.cm-vehicle-types{padding:12px 0 55px;background:#f7f7f5;color:#1d252b;text-align:center}
.cm-vehicle-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#ed7625;margin:0 0 8px}
.cm-vehicle-types h2{font:800 clamp(26px,3.2vw,40px)/1.15 'Barlow Condensed',sans-serif;margin:0 0 27px;text-transform:uppercase}
.cm-vehicle-types h2 em{color:#ee721e;font-style:normal}
.cm-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px;margin:auto}
.cm-vehicle-card{--cm-vehicle-card-bg:#fff;min-height:156px;background:#fff;border:1px solid #e7e5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:23px 12px;box-shadow:0 9px 32px rgba(24,30,35,.035)}
.cm-vehicle-card svg{width:58px;height:58px;color:#ed7625;display:block}
.cm-vehicle-card h3{font:800 21px/1.2 'Barlow Condensed',sans-serif;margin:0;color:#20262a}
@media(max-width:600px){.cm-vehicle-grid{gap:8px}.cm-vehicle-card{padding:15px 4px;min-height:125px;gap:9px}.cm-vehicle-card svg{width:40px;height:40px}.cm-vehicle-card h3{font-size:17px}.cm-vehicle-types{padding-bottom:36px}.cm-accident .cm-repair-rights{padding:16px}}

/* v11.17 — corrige les anciens styles du bouton clé et l'apparence contact / devis. */
.site-header .nav>a[href$="/contact/"],.site-header .nav>a[href$="/contact/"]:hover{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#252b30!important;transform:none!important;padding:0!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.site-header .nav>a[href$="/contact/"]:hover{color:#f36b16!important}
.site-header .nav>a[href$="/contact/"] .cm-key-icon,.hero-actions .cm-key-icon{display:none!important}
@media(max-width:1280px){.site-header .nav>a[href$="/contact/"]{padding:14px 10px!important;border-bottom:1px solid #e8eaec!important}}
.cm-claim-cta,.cm-accident-secondary,.hero-actions .btn{font-family:'DM Sans',sans-serif!important;}
.cm-google-reviews{background:#12171b;color:#fff;padding:72px 0 80px;border-top:1px solid #ffffff20}
.cm-reviews-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.cm-reviews-kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:#ff8a3b}.cm-reviews-head h2{font:900 clamp(34px,4.5vw,58px)/1 'Barlow Condensed',sans-serif;margin:8px 0 14px}.cm-reviews-head h2 em{font-style:normal;color:#ff7824}.cm-reviews-head p{color:#bcc5cc;margin:0}.cm-reviews-controls{display:flex;gap:10px}.cm-reviews-controls button{border:1px solid #7c858b;background:#20272d;color:#fff;width:45px;height:45px;border-radius:50%;font-size:29px;line-height:1}.cm-reviews-controls button:hover{background:#f47522;border-color:#f47522;color:#101317}.cm-reviews-window{overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.cm-reviews-track{display:flex;gap:18px}.cm-review-card{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start;border-radius:13px;background:#20282e;border:1px solid #485158;padding:25px;display:flex;flex-direction:column;gap:16px;min-height:248px}.cm-review-stars{color:#f9a42e;letter-spacing:3px;font-size:21px}.cm-review-card blockquote{font-size:15px;line-height:1.6;margin:0;flex:1}.cm-review-foot{display:flex;justify-content:space-between;gap:10px;color:#c6cbd0;font-size:12px}.cm-review-foot strong{color:#fff}.cm-review-card a{color:#ffa46a;text-decoration:underline;font-size:12px}.cm-reviews-empty{border:1px solid #485158;border-radius:12px;background:#20282e;padding:28px;color:#d0d5d9}.cm-reviews-empty a{color:#ffac79;text-decoration:underline}
@media(max-width:850px){.cm-review-card{flex-basis:calc((100% - 18px)/2)}}@media(max-width:600px){.cm-google-reviews{padding:50px 0}.cm-review-card{flex-basis:100%}.cm-reviews-head{align-items:center}.cm-reviews-controls button{width:38px;height:38px}}

/* v11.18 — aucune fleche carree sur les cartes : clic possible sur toute la carte */
.service .arrow{display:none!important}.service{cursor:pointer}.service:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

/* v11.20 — badges circulaires premium Auto / Moto / Poids lourds */
.cm-vehicle-types{background:#13191e;color:#fff;padding:55px 0 64px}
.cm-vehicle-types h2{color:#f6f7f8}
.cm-vehicle-grid-premium{max-width:970px;gap:20px}
.cm-vehicle-card-premium{background:linear-gradient(155deg,#222b32 0%,#11171c 100%);border:1px solid #38424a;border-radius:16px;min-height:218px;padding:25px 12px 22px;gap:18px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.cm-vehicle-card-premium .cm-premium-badge{width:126px;height:126px;border:3px solid #fc751b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f7f9fa;background:radial-gradient(circle at 45% 35%,#303942,#0b1014 75%);box-shadow:inset 0 0 0 6px #171d22,0 0 0 1px #535d63,0 0 18px rgba(255,106,13,.20)}
.cm-vehicle-card-premium .cm-premium-badge svg{width:86px;height:86px;color:#fff;display:block;overflow:visible}
.cm-vehicle-card-premium .cm-premium-badge svg .cm-accent{stroke:#ff7921;stroke-width:4.5}
.cm-vehicle-card-premium h3{color:#f4f6f7;font-size:24px;margin:0}
@media(max-width:600px){.cm-vehicle-types{padding:40px 0 45px}.cm-vehicle-grid-premium{gap:8px}.cm-vehicle-card-premium{min-height:151px;padding:16px 4px;gap:12px;border-radius:10px}.cm-vehicle-card-premium .cm-premium-badge{width:76px;height:76px;border-width:2px;box-shadow:inset 0 0 0 4px #171d22,0 0 8px rgba(255,106,13,.18)}.cm-vehicle-card-premium .cm-premium-badge svg{width:58px;height:58px}.cm-vehicle-card-premium h3{font-size:17px}}

/* v11.21 — illustrations authentiques de la planche option 2 */
.cm-vehicle-card-premium .cm-premium-badge{width:150px;height:150px;border:0;box-shadow:0 0 18px rgba(255,111,26,.12);overflow:hidden;background:#151a1d}
.cm-vehicle-card-premium .cm-premium-badge img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
@media(max-width:600px){.cm-vehicle-card-premium .cm-premium-badge{width:min(24vw,105px);height:min(24vw,105px)}}

/* v11.22 — badges uniformes : composition et silhouettes vectorielles harmonisées */
.cm-vehicle-card-premium .cm-premium-badge{width:150px;height:150px;box-sizing:border-box;border:3px solid #ff781e;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 45% 30%,#29323a 0%,#11171d 75%);box-shadow:inset 0 0 0 5px #141b21,0 0 20px rgba(255,112,23,.17);display:flex;justify-content:center;align-items:center}
.cm-vehicle-card-premium .cm-premium-badge img{width:116px;height:116px;max-width:78%;max-height:78%;object-fit:contain;border-radius:0;display:block}
.cm-vehicle-card-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
@media(max-width:600px){.cm-vehicle-card-premium .cm-premium-badge{width:min(25vw,108px);height:min(25vw,108px);border-width:2px;box-shadow:inset 0 0 0 3px #141b21,0 0 10px rgba(255,112,23,.14)}.cm-vehicle-card-premium .cm-premium-badge img{width:78%;height:78%}}


/* v11.23 — bloc libre choix du réparateur : plus premium, plus lisible, plus impactant */
.cm-accident .cm-repair-rights{
  position:relative;
  margin:24px 0 18px;
  padding:24px 28px 24px 30px;
  max-width:760px;
  border-left:4px solid #f37825;
  border-radius:0 18px 18px 0;
  border:1px solid rgba(255,126,44,.15);
  border-left-width:4px;
  background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.03) 100%);
  box-shadow:0 14px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.cm-accident .cm-repair-rights::before{
  content:'';
  position:absolute;
  inset:auto auto 0 0;
  width:140px;
  height:140px;
  background:radial-gradient(circle,#ff7a21 0%, rgba(255,122,33,.16) 28%, rgba(255,122,33,0) 72%);
  transform:translate(-42%,42%);
  pointer-events:none;
  opacity:.34;
}
.cm-accident .cm-repair-kicker{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,121,31,.08);
  border:1px solid rgba(255,121,31,.18);
  color:#f6a169;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.cm-accident .cm-repair-kicker::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff7a21;
  box-shadow:0 0 0 5px rgba(255,122,33,.12);
  flex:none;
}
.cm-accident .cm-repair-freedom,
.cm-accident .cm-repair-highlight{
  position:relative;
  z-index:1;
  max-width:18ch;
}
.cm-accident .cm-repair-freedom{
  margin:0 0 12px;
  font-size:clamp(28px,3.3vw,44px);
  line-height:1.08;
  letter-spacing:-.02em;
  font-weight:850;
  color:#f7f8f9;
  text-wrap:balance;
}
.cm-accident .cm-repair-highlight{
  margin:0;
  font-size:clamp(22px,2.35vw,31px);
  line-height:1.16;
  letter-spacing:-.01em;
  font-weight:850;
  color:#ff964f;
  text-wrap:balance;
}
@media(max-width:900px){
  .cm-accident .cm-repair-rights{padding:21px 22px 22px 24px;border-radius:0 16px 16px 0}
  .cm-accident .cm-repair-freedom,.cm-accident .cm-repair-highlight{max-width:none}
}
@media(max-width:700px){
  .cm-accident .cm-repair-rights{margin:18px 0 16px;padding:18px 17px 18px 18px;border-radius:0 14px 14px 0}
  .cm-accident .cm-repair-kicker{font-size:10px;letter-spacing:.12em;padding:6px 10px;margin-bottom:12px}
  .cm-accident .cm-repair-freedom{font-size:clamp(23px,8vw,34px);line-height:1.1}
  .cm-accident .cm-repair-highlight{font-size:clamp(18px,6.1vw,25px);line-height:1.2}
}