/* ===== trouver ma cartouche ===== */
.fd-card{background:var(--surface);border-radius:20px;padding:24px;border-top:5px solid var(--c);margin:6px 0 18px;position:relative;scroll-margin-top:140px}
#info-cartouche{scroll-margin-top:140px}
@media (max-width:420px){.fd-card{padding:18px 16px}}
.fd-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.fd-head h3{margin:0 0 4px;font-size:1.25rem}.fd-head p{margin:0;color:var(--muted)}
.fd-ico{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(31,166,220,0.160);background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}
.fd-form{position:relative;display:flex;gap:10px;flex-wrap:wrap}
.fd-in{flex:1 1 240px;min-width:0;display:flex;align-items:center;gap:8px;padding:0 13px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--muted)}
.fd-in:focus-within{border-color:var(--c);box-shadow:0 0 0 3px rgba(31,166,220,0.200);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 20%,transparent)}
.fd-in input{flex:1;min-width:0;font:inherit;font-weight:600;padding:12px 0;border:0;background:none;color:var(--ink);outline:none}
.fd-go{font:inherit;font-weight:800;padding:12px 22px;border-radius:12px;border:0;background:var(--c);color:#fff;cursor:pointer}
.fd-go:hover{filter:brightness(1.07)}
.fd-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:15;list-style:none;margin:0;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.16);max-height:340px;overflow:auto}
.fd-sug li{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:9px;cursor:pointer}
.fd-sug li[aria-selected="true"],.fd-sug li:hover{background:var(--surface)}
.fd-sug li b{font-weight:700}.fd-sug li span{color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-sug .fd-sh{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 11px 2px;cursor:default;background:none!important}
.fd-brands{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fd-brands span{font-size:.76rem;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 10px}
.fd-res:empty{display:none}
.fd-res{margin-top:16px}
.fd-p{background:var(--bg);border-radius:16px;padding:18px;border:1px solid var(--line);display:grid;gap:12px}
.fd-p h4{margin:0;font-size:1.15rem;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fd-ty{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 9px;background:var(--surface);color:var(--muted)}
.fd-chips{display:flex;flex-wrap:wrap;gap:8px}
.fd-sz{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:start;margin:0 0 10px}.fd-sz>span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:9px;min-width:92px}
@media (max-width:560px){.fd-sz{grid-template-columns:1fr}.fd-sz>span{padding-top:0}}
.fd-cis{display:flex;flex-wrap:wrap;gap:6px}
.fd-ci{display:inline-flex;align-items:center;gap:7px;font:inherit;font-weight:800;font-size:.95rem;padding:7px 12px 7px 9px;border-radius:10px;cursor:pointer;color:var(--ink);background:rgba(31,166,220,0.100);background:color-mix(in srgb,var(--c) 10%,var(--bg));border:1.5px solid rgba(31,166,220,0.350);border:1.5px solid color-mix(in srgb,var(--c) 35%,transparent);transition:transform .15s,border-color .15s}
.fd-ci:hover{transform:translateY(-1px);border-color:var(--c)}
.fd-ci>i{flex:none;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px var(--bg),0 0 0 2.5px transparent;box-shadow:0 0 0 1.5px var(--bg),0 0 0 2.5px color-mix(in srgb,var(--ink) 25%,transparent)}
.fd-ci em{font-style:normal;font-size:.7rem;font-weight:800;color:#fff;background:#c8102e;border-radius:6px;padding:2px 6px}.fd-ci em.y{background:#178a4c}
.fd-ci.ok{background:rgba(23,138,76,0.100);background:color-mix(in srgb,#178a4c 10%,var(--bg));border-color:rgba(23,138,76,0.450);border-color:color-mix(in srgb,#178a4c 45%,transparent)}
.fd-ci.out{background:rgba(200,16,46,0.080);background:color-mix(in srgb,#c8102e 8%,var(--bg));border-color:rgba(200,16,46,0.500);border-color:color-mix(in srgb,#c8102e 50%,transparent)}

.fd-chips span{font-weight:800;font-size:1.02rem;padding:7px 13px;border-radius:10px;background:rgba(31,166,220,0.120);background:color-mix(in srgb,var(--c) 12%,var(--bg));border:1.5px solid rgba(31,166,220,0.400);border:1.5px solid color-mix(in srgb,var(--c) 40%,transparent)}
.fd-chips span.ok{background:rgba(23,138,76,0.120);background:color-mix(in srgb,#178a4c 12%,var(--bg));border-color:rgba(23,138,76,0.550);border-color:color-mix(in srgb,#178a4c 55%,transparent)}
.fd-chips span.out{background:rgba(200,16,46,0.100);background:color-mix(in srgb,#c8102e 10%,var(--bg));border-color:rgba(200,16,46,0.550);border-color:color-mix(in srgb,#c8102e 55%,transparent)}
.fd-chips span.out i{background:#c8102e}
.fd-out{display:grid;gap:8px;margin:2px 0 4px;padding:12px 14px;border-radius:14px;background:rgba(200,16,46,0.080);background:color-mix(in srgb,#c8102e 8%,var(--bg));border:1.5px solid rgba(200,16,46,0.450);border:1.5px solid color-mix(in srgb,#c8102e 45%,transparent)}
.fd-out b{color:#c8102e;font-size:.95rem}.fd-out p{margin:0;font-size:.92rem;line-height:1.4}
.fd-out button{justify-self:start;font:inherit;font-weight:800;font-size:.92rem;padding:9px 15px;border-radius:11px;border:0;background:#c8102e;color:#fff;cursor:pointer}
.fd-chips span i{font-style:normal;font-size:.72rem;font-weight:800;color:#fff;background:#178a4c;border-radius:99px;padding:2px 8px;margin-left:6px;vertical-align:2px;white-space:nowrap}
.fd-col{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.93rem}
.fd-dots{display:inline-flex;gap:3px}.fd-dots i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.fd-note{font-size:.86rem;color:var(--muted);margin:0}
.fd-acts{display:flex;flex-wrap:wrap;gap:8px}
.fd-acts button,.fd-acts a{font:inherit;font-weight:700;font-size:.93rem;padding:10px 15px;border-radius:11px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none}
.fd-acts .pri{background:var(--m);border-color:var(--m);color:#fff}
.fd-nav{margin-top:18px;padding-top:16px;border-top:1.5px dashed var(--line)}
.fn-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px}.fn-h b{font-size:1.02rem}.fn-h span{color:var(--muted);font-size:.86rem}
.fn-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:.88rem}
.fn-crumb button{font:inherit;font-weight:700;border:0;background:none;color:var(--c);cursor:pointer;padding:2px 0}.fn-crumb button:hover{text-decoration:underline}
.fn-crumb i{font-style:normal;color:var(--muted)}.fn-crumb b{font-weight:800}
.fn-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.fn-brands button,.fn-se button{font:inherit;position:relative;display:grid;gap:2px;text-align:left;padding:12px 14px 12px 16px;border-radius:13px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.fn-brands button::before,.fn-se button::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bc,var(--c))}
.fn-brands button:hover,.fn-se button:hover{transform:translateY(-2px);border-color:var(--bc,var(--c));box-shadow:0 10px 22px -18px var(--bc,var(--c))}
.fn-brands b,.fn-se b{font-weight:800;font-size:.98rem}.fn-brands small,.fn-se small{color:var(--muted);font-size:.78rem}
.fn-more{margin-top:8px;font:inherit;font-weight:700;font-size:.86rem;border:0;background:none;color:var(--muted);cursor:pointer;text-decoration:underline}
.fn-se{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.fn-mo{display:flex;flex-wrap:wrap;gap:6px}
.fn-mo button{font:inherit;font-weight:700;font-size:.9rem;padding:8px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;transition:all .15s}
.fn-mo button:hover,.fn-mo button.on{background:var(--ink);border-color:var(--ink);color:var(--bg,#fff)}
.fn-ca{margin-top:14px}.fn-ca>span{display:block;font-size:.84rem;font-weight:700;color:var(--muted);margin-bottom:6px}
.fn-ca .fn-mo button{border-style:dashed}
.fn-lv{animation:fnin .3s cubic-bezier(.3,.7,.2,1) both}@keyframes fnin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fd-mysave{justify-self:start;width:auto;margin-top:10px;font:inherit;font-weight:700;font-size:.88rem;padding:8px 13px;border-radius:999px;border:1.5px dashed var(--c);background:transparent;color:var(--ink);cursor:pointer}
.fd-mysave.on{border-style:solid;background:rgba(31,166,220,0.140);background:color-mix(in srgb,var(--c) 14%,transparent);cursor:default}
.fd-my{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--y) 28%,var(--surface)),var(--surface) 70%);border:1.5px solid color-mix(in srgb,var(--y) 60%,var(--line));animation:fdmy .35s ease both}
@keyframes fdmy{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.fd-my .fm-i{font-size:1.25rem}.fd-my .fm-t{flex:1 1 220px;min-width:0;line-height:1.3}.fd-my .fm-t small{display:block;color:var(--muted);font-size:.8rem}
.fd-my .fm-t b{font-weight:800}.fd-my .fm-c{color:var(--muted);font-size:.86rem}
.fd-my button{font:inherit;font-weight:700;font-size:.86rem;padding:8px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.fd-my button.pri{background:var(--ink);border-color:var(--ink);color:var(--bg,#fff)}.fd-my button.x{border:0;background:none;color:var(--muted);padding:6px 8px}
.fd-slot:empty{display:none}.fd-home+.fd-slot .fd-my{margin-top:10px}
.fd-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.fd-list button{width:100%;text-align:left;font:inherit;display:flex;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.fd-list button span{color:var(--muted);font-size:.88rem}
.fd-none{background:var(--bg);border-radius:16px;padding:16px 18px;border:1.5px dashed var(--line);display:grid;gap:10px}
/* bloc d'accueil */
.fd-home{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--surface);border-left:5px solid var(--c)}
.fd-hl{display:grid;flex:1 1 200px}.fd-hl b{font-size:1.08rem}.fd-hl span{color:var(--muted);font-size:.9rem}
.fd-home .fd-in{flex:2 1 220px}
/* avis qui défilent */
.rv-list{transition:opacity .25s}.rv-list.rv-fade{opacity:0}
/* recherche dans la FAQ */
.fq-search{display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--muted);margin-bottom:14px}
.fq-search:focus-within{border-color:var(--accent)}
.fq-search input{flex:1;min-width:0;font:inherit;font-weight:600;padding:12px 0;border:0;background:none;color:var(--ink);outline:none}
.fq-none{background:var(--surface);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.fq-none a{font-weight:800;color:var(--accent)}
mark.fq-hit{background:color-mix(in srgb,var(--y) 55%,transparent);color:inherit;border-radius:3px;padding:0 1px}