.ecu-check{--ecu-accent:var(--or,#F97316);--ecu-muted:var(--tx2,#9999A0);color:var(--tx,#F0EFEA);max-width:1120px;margin:24px auto 60px}.ecu-hero{position:relative;overflow:hidden;padding:42px;border:1px solid var(--or-border,rgba(249,115,22,.28));border-radius:var(--rxl,22px);background:radial-gradient(ellipse at 100% 0%,#74371466,transparent 62%),linear-gradient(130deg,var(--dk3,#141418),var(--dk2,#0e0e10))}.ecu-hero:after{content:"";position:absolute;width:230px;height:230px;right:-65px;top:-100px;border:1px solid var(--or-border,rgba(249,115,22,.28));border-radius:50%;box-shadow:0 0 0 35px var(--or-pale,rgba(249,115,22,.08)),0 0 0 70px var(--or-pale,rgba(249,115,22,.06));pointer-events:none}.ecu-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ecu-accent)}.ecu-hero h1,.ecu-hero h2{font-size:clamp(30px,5vw,54px);line-height:1.1;margin:15px 0}.ecu-hero p:not(.ecu-eyebrow){max-width:650px;color:var(--tx2,#9999A0);line-height:1.65}.ecu-trust{margin-top:24px;font-size:13px;color:var(--tx2,#9999A0)}.ecu-step{border:1px solid var(--bd2,rgba(255,255,255,.12));border-radius:var(--rl,16px);background:var(--dk3,#141418);padding:24px;margin:28px 0;min-width:0}.ecu-step>legend{font-weight:700;padding:0 10px;color:#fff}.ecu-check .note{font-size:13px;line-height:1.65;color:var(--ecu-muted);margin:14px 0}.ecu-check a{color:var(--or,#F97316);text-decoration:underline}.ecu-drop{display:flex;align-items:center;flex-direction:column;gap:12px;padding:28px 18px;border:1px dashed #6c5a48;border-radius:var(--r,10px);background:var(--or-pale,rgba(249,115,22,.08));text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.ecu-drop:hover,.ecu-drop.dragging{border-color:var(--ecu-accent);background:var(--or-glow,rgba(249,115,22,.18))}.ecu-upload-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #805123;border-radius:var(--r,10px);font-size:27px;color:var(--ecu-accent)}.ecu-drop>span:not(.ecu-upload-icon){font-size:13px;color:var(--ecu-muted)}.ecu-drop input{max-width:100%;color:#d8dde7}.ecu-drop input::file-selector-button{padding:9px 12px;border:1px solid #555e6d;border-radius:6px;background:#242a35;color:#fff;margin-right:10px;cursor:pointer}.ecu-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ecu-service{position:relative;cursor:pointer;min-width:0}.ecu-service>input{position:absolute;opacity:0;inset:12px auto auto 12px}.ecu-card{display:flex;flex-direction:column;position:relative;height:100%;box-sizing:border-box;min-height:218px;padding:20px;border:1px solid var(--bd2,rgba(255,255,255,.12));border-radius:var(--r,10px);background:linear-gradient(145deg,#1d222c,#161a22);transition:border-color .2s,box-shadow .2s}.ecu-service input:checked+.ecu-card{border:2px solid var(--ecu-accent);padding:19px;background:linear-gradient(145deg,#402718,#1d1b20);box-shadow:0 0 22px var(--or-glow,rgba(249,115,22,.18))}.ecu-service input:focus-visible+.ecu-card{outline:3px solid #ffc68d;outline-offset:4px}.ecu-badge{align-self:flex-start;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#d1d7e2;margin-bottom:16px}.ecu-popular .ecu-badge{color:#ffb06c}.ecu-card>strong{font-size:20px}.ecu-price{font-size:27px;font-weight:800;line-height:1.3;margin:9px 0 12px}.ecu-description{font-size:13px;line-height:1.6;color:var(--tx2,#9999A0)}.ecu-choice{position:absolute;right:14px;top:14px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #596273;border-radius:50%;color:transparent}.ecu-service input:checked+.ecu-card .ecu-choice{background:var(--ecu-accent);border-color:var(--ecu-accent);color:#171717}.ecu-options{margin:22px 0 0;border:1px solid var(--bd,rgba(255,255,255,.06));border-radius:10px;padding:14px}.ecu-options>div{display:flex;gap:20px;flex-wrap:wrap}.ecu-options label,.ecu-consent{display:flex;align-items:flex-start;gap:9px;font-size:14px}.ecu-check input[type=checkbox]{accent-color:var(--ecu-accent);width:17px;height:17px;flex-shrink:0}.ecu-hints summary{cursor:pointer;font-weight:700}.ecu-hints summary span{font-size:12px;color:var(--ecu-muted);font-weight:400;margin-left:8px}.ecu-hint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.ecu-hint-grid label,.ecu-contact>label{font-size:14px}.ecu-hint-grid input,.ecu-contact input[type=email]{box-sizing:border-box;width:100%;margin-top:8px;background:var(--dk,#080809);color:#fff;border:1px solid #525d70;border-radius:8px;padding:12px;font:inherit}.ecu-check input:focus-visible{outline:2px solid var(--ecu-accent);outline-offset:2px}.ecu-contact>label{display:block}.ecu-contact .ecu-consent{display:flex;margin:18px 0 0;line-height:1.6}.ecu-contact input[type=email]{max-width:560px;display:block}.ecu-check .ecu-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;min-height:60px;font-size:18px;border-radius:10px}.ecu-check button:disabled{opacity:.6;cursor:wait}.ecu-check fieldset:disabled{opacity:.7}.ecu-progress{margin:28px 0;padding:24px;border:1px solid #246477;border-radius:var(--rl,16px);background:linear-gradient(115deg,#0d1b24,#121922);box-shadow:inset 0 0 50px #20d9ff06;overflow:hidden}.ecu-progress-heading{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;color:#a3e9f8}.ecu-progress-heading>span:last-child{margin-left:auto}.ecu-pulse{height:8px;width:8px;border-radius:50%;background:#60e5ff;box-shadow:0 0 15px #60e5ff;animation:ecu-pulse 1.4s ease-in-out infinite}.ecu-progress progress{appearance:none;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#243543;margin:18px 0}.ecu-progress progress::-webkit-progress-bar{background:#243543}.ecu-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#188bab,#85f3ff);box-shadow:0 0 18px #45d5f3;transition:width .35s}.ecu-progress progress::-moz-progress-bar{background:#45d5f3}.ecu-progress ol{list-style:none;padding:0;font:12px/1.8 ui-monospace,monospace;color:#a1bdc9}.ecu-progress li{padding:5px 0;border-top:1px solid #254352}.ecu-progress li[data-state=unavailable],.ecu-progress li[data-state=mismatch]{color:#ffc98c}.ecu-progress.finished .ecu-pulse{animation:none}.ecu-progress[hidden]{display:none}.ecu-check #ecu-result article{padding:22px;border:1px solid var(--bd2,rgba(255,255,255,.12));background:var(--dk4,#1a1a1f);border-radius:var(--rl,16px);margin:16px 0;overflow-wrap:anywhere}.ecu-check #ecu-result a{display:inline-block;margin:12px 20px 8px 0}.ecu-status{font-weight:700;color:#ffd2a7}@keyframes ecu-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.ecu-check *{animation:none!important;transition:none!important}}@media(max-width:760px){.ecu-services{grid-template-columns:repeat(2,minmax(0,1fr))}.ecu-hero{padding:28px}.ecu-step{padding:18px}}@media(max-width:480px){.ecu-services{grid-template-columns:1fr}.ecu-card{min-height:0;padding:18px}.ecu-service input:checked+.ecu-card{padding:17px}.ecu-hint-grid{grid-template-columns:1fr}.ecu-hero{padding:22px}.ecu-step{padding:16px}.ecu-progress{padding:16px}}

.ecu-check{container-type:inline-size}@container(max-width:760px){.ecu-services{grid-template-columns:repeat(2,minmax(0,1fr))}}@container(max-width:480px){.ecu-services{grid-template-columns:1fr}.ecu-hint-grid{grid-template-columns:1fr}}

.ecu-check .ecu-reassure{margin:14px 0 26px;text-align:center;font-size:13px;color:var(--tx2,#9999A0)}
.ecu-check .ecu-contact{margin-top:0}
.ecu-check .ecu-contact>summary{font-weight:700;cursor:pointer}
.ecu-check .ecu-contact>summary span{font-size:12px;font-weight:400;color:var(--tx2,#9999A0);margin-left:8px}
/* Mode compact des fiches produit : une question, un depot, un bouton. */
.ecu-compact{margin:0;max-width:none}
.ecu-compact>h2{font-size:clamp(19px,2.4vw,24px);line-height:1.25;margin:0 0 8px}
.ecu-compact .ecu-compact-intro{margin:0 0 18px;color:var(--tx2,#9999A0);font-size:14px;line-height:1.6}
.ecu-compact .ecu-drop{margin-bottom:18px}
.ecu-compact .ecu-submit{min-height:52px;font-size:16px}
.ecu-compact .ecu-step{margin:14px 0;padding:14px 16px}
.ecu-compact .ecu-hints>summary,.ecu-compact .ecu-contact>summary{font-size:14px}

/* Explication du processus : trois etapes numerotees, sobres. */
.ecu-compact .ecu-process{list-style:none;counter-reset:etape;padding:0;margin:0 0 16px;display:grid;gap:10px}
.ecu-compact .ecu-process li{counter-increment:etape;display:grid;grid-template-columns:26px 1fr;column-gap:12px;row-gap:2px;align-items:baseline}
.ecu-compact .ecu-process li:before{grid-column:1;grid-row:1/span 2}
.ecu-compact .ecu-process strong,.ecu-compact .ecu-process span{grid-column:2}
.ecu-compact .ecu-process li:before{content:counter(etape);display:grid;place-items:center;width:24px;height:24px;align-self:start;border-radius:50%;background:var(--or,#F97316);color:#171717;font-size:12px;font-weight:800}
.ecu-compact .ecu-process strong{display:block;font-size:14px}
.ecu-compact .ecu-process span{font-size:13px;line-height:1.55;color:var(--tx2,#9999A0)}
.ecu-compact .ecu-why{margin:0 0 20px;padding:12px 14px;border-left:2px solid var(--or,#F97316);background:var(--or-pale,rgba(249,115,22,.08));font-size:13px;line-height:1.6;color:var(--tx,#F0EFEA)}
.ecu-compact .ecu-fallback{margin:14px 0 6px;font-size:13px;color:var(--tx2,#9999A0)}

/* Le verdict : la reponse doit se voir, pas se dechiffrer. */
.ecu-check .ecu-verdict{border-radius:var(--rl,16px)}
.ecu-check .ecu-verdict h3{margin:0 0 10px;font-size:16px;color:var(--tx2,#9999A0);font-weight:600}
.ecu-check .ecu-verdict .ecu-status{margin:0 0 8px;font-size:clamp(18px,2.6vw,23px);line-height:1.25;font-weight:800;color:var(--tx,#F0EFEA)}
.ecu-check .ecu-verdict-why{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--tx2,#9999A0)}
.ecu-check .ecu-verdict-match{border-color:var(--gr-bd,rgba(34,197,94,.25));background:var(--gr-pale,rgba(34,197,94,.1))}
.ecu-check .ecu-verdict-match .ecu-status:before,
.ecu-check .ecu-verdict-adaptation .ecu-status:before{content:"✓ ";color:var(--gr,#22c55e)}
.ecu-check .ecu-verdict-adaptation{border-color:var(--or-border,rgba(249,115,22,.28));background:var(--or-pale,rgba(249,115,22,.08))}
.ecu-check a.ecu-buy{display:inline-flex;align-items:center;justify-content:center;min-height:52px;
  padding:0 26px;margin:0;font-size:16px;font-weight:800;text-decoration:none;text-align:center;
  border-radius:var(--r,10px);background:var(--or,#F97316);color:#171717}
.ecu-check a.ecu-buy:hover{background:var(--or2,#D96010);color:#fff}
.ecu-check .ecu-tech{margin:18px 0 0;font-size:12px;color:var(--tx2,#9999A0)}
.ecu-check .ecu-tech>summary{cursor:pointer;color:var(--tx2,#9999A0)}
.ecu-check .ecu-tech p{margin:8px 0 0;line-height:1.6}

/* Options repliees : presentes pour qui les cherche, discretes pour les autres. */
.ecu-check details.ecu-options{margin:18px 0 0;border:1px solid var(--bd,rgba(255,255,255,.06));border-radius:var(--r,10px);padding:12px 14px}
.ecu-check details.ecu-options>summary{cursor:pointer;font-size:14px;font-weight:700;list-style:revert}
.ecu-check details.ecu-options>summary em{font-style:normal;font-weight:400;font-size:12px;color:var(--or,#F97316);margin-left:8px}
.ecu-check details.ecu-options[open]{border-color:var(--bd2,rgba(255,255,255,.12))}
.ecu-check details.ecu-options>div{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px}
.ecu-check details.ecu-options.ecu-options-actives{border-color:var(--or-border,rgba(249,115,22,.28));background:var(--or-pale,rgba(249,115,22,.08))}
.ecu-check details.ecu-options[hidden]{display:none}

/* --- Le verificateur sur une fiche produit ---------------------------------
   C'est la reponse a l'unique objection du visiteur ("est-ce que ca va sur ma
   voiture ?"), donc il passe en premier et porte sa propre couleur. Le cyan le
   distingue de l'orange du site : le visiteur voit qu'il s'agit d'un outil, pas
   d'un argument commercial de plus. L'orange reste au seul bouton d'achat.

   Les couleurs sont ecrites en dur ici, pas prises dans les jetons du site :
   ceux-ci sont servis par une feuille compilee a nom hache, que cette page
   n'expose pas forcement. Un var() non defini rendait le bouton invisible. */
.panel.ecu-panel{--cy:#22d3ee;--cy-hi:#67e8f8;
  --cy-pale:rgba(34,211,238,.07);--cy-bd:rgba(34,211,238,.34);--cy-glow:rgba(34,211,238,.22);
  position:relative;overflow:hidden;
  border:1px solid rgba(34,211,238,.34);background:var(--dk3,#141418);
  box-shadow:0 0 0 1px rgba(34,211,238,.07),0 10px 40px -18px rgba(34,211,238,.22)}
.panel.ecu-panel:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,#22d3ee,transparent)}
.panel.ecu-panel .ecu-check{margin:0}

/* Tout le bloc est pilote par --ecu-accent et par les jetons orange du site :
   les redefinir ici recolore numeros, icone, liens, focus et cases a cocher en
   une fois, au lieu de reprendre chaque regle une par une. */
.panel.ecu-panel .ecu-check{--ecu-accent:#22d3ee;
  --or:#22d3ee;--or-pale:rgba(34,211,238,.07);
  --or-border:rgba(34,211,238,.34);--or-glow:rgba(34,211,238,.18)}
.panel.ecu-panel .ecu-drop{border-color:rgba(34,211,238,.34)}
.panel.ecu-panel .ecu-drop:hover,.panel.ecu-panel .ecu-drop.dragging{
  border-color:#22d3ee;background:rgba(34,211,238,.12)}
.panel.ecu-panel .ecu-upload-icon{border-color:rgba(34,211,238,.34);color:#22d3ee}
.panel.ecu-panel .ecu-drop strong{color:var(--tx,#F0EFEA)}
.panel.ecu-panel .ecu-process li:before{background:#22d3ee;color:#04232b}
.panel.ecu-panel .ecu-check a{color:#22d3ee}

/* Le bouton porte l'action : ecrit en dur, sinon un jeton manquant le rendait
   transparent — c'est-a-dire illisible et incliquable en apparence. */
.panel.ecu-panel .ecu-submit{background:#22d3ee;color:#04232b;border:1px solid transparent;
  font-weight:800;box-shadow:0 6px 24px -10px rgba(34,211,238,.6)}
.panel.ecu-panel .ecu-submit:hover{background:#67e8f8;color:#04232b}

/* Pastille d'entete : dit gratuit + duree avant que le visiteur ne decide. */
.ecu-badge-auto{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;
  padding:6px 12px;border:1px solid rgba(34,211,238,.34);border-radius:999px;
  background:rgba(34,211,238,.07);color:#22d3ee;
  font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.ecu-badge-auto .ecu-pulse{background:#22d3ee;box-shadow:0 0 10px #22d3ee}

/* Mentions et explication de fond : regroupees, fermees par defaut. */
details.ecu-legal{margin-top:16px;border-top:1px solid var(--bd,rgba(255,255,255,.06));padding-top:12px}
details.ecu-legal>summary{cursor:pointer;color:var(--tx2,#9999A0);font-size:13px}
details.ecu-legal>summary:hover{color:#22d3ee}
details.ecu-legal p{margin:10px 0 0;font-size:12.5px;color:var(--tx2,#9999A0);line-height:1.55}