:root{--beton:#f7f6f2;--beton2:#eceae3;--blanc:#fff;--graphite:#1d2329;--gris:#59616b;--trait:#dfdbd1;--acier:#2b5d7c;--acier2:#e6eef3;--pince:#c8331f;--pince2:#fbeae6;--gyro:#f2a900;--gyro2:#fff4d6;--ok:#2e7d4f;--r:8px;--ombre:0 8px 22px -14px rgba(29,35,41,.4)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--beton);color:var(--graphite);font:400 17px/1.7 'Pontano Sans',system-ui,sans-serif}
img,svg{max-width:100%}
a{color:var(--acier);text-underline-offset:3px}
h1,h2,h3,h4{font-family:Tomorrow,system-ui,sans-serif;line-height:1.2;color:var(--graphite);margin:1.6em 0 .55em}
h1{font-size:clamp(1.9rem,4.4vw,2.9rem);font-weight:800;letter-spacing:-.02em;margin-top:.4em}
h2{font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:800;letter-spacing:-.01em}
h3{font-size:1.18rem;font-weight:700}
p{margin:0 0 1em}
.bb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bb-sauter{position:absolute;left:-999px}.bb-sauter:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:50}
.bb-large{max-width:1180px;margin:0 auto;padding:0 20px}
.bb-etroit{max-width:780px;margin:0 auto;padding:0 20px}
/* en-tête */
.bb-tete{background:rgba(251,247,240,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--trait);position:sticky;top:0;z-index:30}
.bb-tete-in{display:flex;align-items:center;gap:22px;min-height:72px}
.bb-logo{display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;color:var(--graphite);font:800 1.2rem/1 Tomorrow,sans-serif;margin-right:auto}
.bb-logo b{color:var(--acier)}.bb-logo small{display:block;font:500 .64rem/1.4 'Pontano Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-top:4px}
.bb-nav{display:flex;align-items:center;gap:6px}
.bb-nav>a,.bb-ouvrir{white-space:nowrap;font:600 .92rem/1 'Pontano Sans',sans-serif;color:var(--graphite);text-decoration:none;background:none;border:0;padding:10px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px}
.bb-nav>a:hover,.bb-ouvrir:hover,.bb-ouvrir[aria-expanded=true]{background:var(--beton2)}
.bb-ouvrir svg{width:10px;height:6px;stroke:currentColor;fill:none;stroke-width:1.6}
.bb-groupe{position:relative}
.bb-panneau{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--trait);border-radius:var(--r);box-shadow:var(--ombre);padding:10px;min-width:260px;z-index:40}
.bb-panneau-large{min-width:520px}.bb-panneau-large ul{columns:2}
.bb-groupe.bb-ouvert .bb-panneau{display:block}
.bb-panneau ul{list-style:none;margin:0;padding:0}
.bb-panneau a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--graphite);font-weight:600;font-size:.93rem;break-inside:avoid}
.bb-panneau a:hover{background:var(--acier2)}.bb-panneau small{display:block;font-weight:400;color:var(--gris);font-size:.8rem}
.bb-nav-quiz{background:var(--graphite)!important;color:#fff!important;margin-left:6px}.bb-nav-quiz:hover{background:var(--acier)!important}
.bb-burger{display:none;background:none;border:0;padding:10px;cursor:pointer}.bb-burger svg{width:24px;height:18px;stroke:var(--graphite);stroke-width:2.2;fill:none}
.bb-fil{font-size:.85rem;color:var(--gris);padding-top:18px}.bb-fil a{color:var(--gris)}
/* boutons */
.bb-btn{display:inline-flex;align-items:center;gap:8px;font:600 .98rem/1 'Pontano Sans',sans-serif;text-decoration:none;padding:14px 22px;border-radius:4px;border:2px solid var(--graphite);color:var(--graphite);background:#fff}
.bb-btn-plein{background:var(--pince);border-color:var(--pince);color:#fff}.bb-btn-plein:hover{background:#f0532f}
.bb-btn:hover{transform:translateY(-1px)}
.bb-offre{display:inline-block;background:var(--pince);color:#fff;font-weight:600;text-decoration:none;padding:11px 18px;border-radius:4px}
/* accueil */
.bb-une{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:40px;padding-bottom:30px}
.bb-surtitre{font:700 .74rem/1 'Pontano Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--pince);margin:0 0 14px}
.bb-une h1{margin:0 0 .45em}.bb-une h1 em{font-style:normal;color:var(--acier)}
.bb-chapo{font-size:1.1rem;color:var(--gris);max-width:36em}
.bb-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 14px}
.bb-confiance{font-size:.86rem;color:var(--gris);display:flex;align-items:center;gap:8px}.bb-confiance::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.bb-une-photo{position:relative}
.bb-une-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;box-shadow:var(--ombre)}
.bb-une-badge{position:absolute;left:-18px;bottom:22px;background:#fff;border-radius:8px;padding:12px 16px;box-shadow:var(--ombre);display:flex;align-items:center;gap:10px;font-size:.86rem;max-width:250px}
.bb-une-badge img{width:44px;height:44px;border-radius:50%;aspect-ratio:auto;box-shadow:none}
.bb-bande{padding:56px 0}.bb-bande-blanche{background:#fff;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.bb-tete-sec{max-width:720px;margin-bottom:26px}.bb-tete-sec h2{margin:.2em 0 .3em}.bb-tete-sec p{color:var(--gris)}
.bb-engagements{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:20px 0 0}
.bb-engagements li{background:#fff;border:1px solid var(--trait);border-radius:var(--r);padding:18px}.bb-engagements b{display:block;margin-bottom:4px;font-family:Tomorrow,sans-serif}
.bb-engagements li::before{content:"✓";display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--acier2);color:var(--acier);font-weight:700;margin-bottom:8px}
.bb-besoins{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;padding:0;margin:0}
.bb-besoins a{display:flex;flex-direction:column;gap:6px;height:100%;background:#fff;border:1px solid var(--trait);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--graphite);transition:.15s}
.bb-besoins a:hover{border-color:var(--acier);transform:translateY(-2px);box-shadow:var(--ombre)}
.bb-besoins svg{width:30px;height:30px;color:var(--acier)}.bb-besoins b{font-family:Tomorrow,sans-serif}.bb-besoins span{font-size:.86rem;color:var(--gris)}
.bb-besoins span::after{content:" →";color:var(--pince)}
.bb-chiffres{display:flex;flex-wrap:wrap;gap:30px;margin-top:30px}.bb-chiffres div{font-size:.88rem;color:var(--gris)}.bb-chiffres b{display:block;font:800 2rem/1 Tomorrow,sans-serif;color:var(--graphite)}
.bb-bulles{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;margin:16px 0}
.bb-bulles a{display:flex;flex-direction:column;align-items:center;gap:8px;width:96px;text-align:center;text-decoration:none;color:var(--graphite);font-size:.82rem;font-weight:600;line-height:1.25}
.bb-bulles span.bb-disque{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#fff;border:1px solid var(--trait);color:var(--acier)}
.bb-bulles a:hover span.bb-disque{border-color:var(--pince);color:var(--pince)}.bb-bulles svg{width:28px;height:28px}
.bb-mission{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.bb-figs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bb-figs figure{margin:0}.bb-figs img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.bb-figs figure:first-child{grid-column:span 2}.bb-figs figure:first-child img{aspect-ratio:16/9}
.bb-figs figcaption{font-size:.78rem;color:var(--gris);margin-top:4px}
/* textes, sections, réponse courte, tableaux */
.bb-texte{max-width:780px;margin:0 auto;padding:10px 20px 50px}
.bb-texte ul,.bb-texte ol{padding-left:1.2em}.bb-texte li{margin:.3em 0}
.bb-court{background:var(--acier2);border-left:4px solid var(--acier);border-radius:0 6px 6px 0;padding:14px 18px;margin:0 0 1.2em}
.bb-court span{display:block;font:700 .72rem/1 'Pontano Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--acier);margin-bottom:6px}.bb-court p{margin:0;font-weight:500}
.bb-tableau{margin:1.2em 0}.bb-defile{overflow-x:auto;border:1px solid var(--trait);border-radius:6px;background:#fff}
table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--trait);vertical-align:top}thead th{background:var(--beton2);font-family:Tomorrow,sans-serif;font-size:.82rem}
tbody th{font-weight:600}.bb-tableau figcaption{font-size:.8rem;color:var(--gris);margin-top:6px}
.bb-signe{font-size:.85rem;color:var(--gris)}
/* FAQ */
.bb-faq details{background:#fff;border:1px solid var(--trait);border-radius:6px;margin:10px 0}
.bb-faq summary{cursor:pointer;list-style:none;padding:14px 46px 14px 18px;position:relative;font:600 1rem/1.4 Tomorrow,sans-serif}
.bb-faq summary::-webkit-details-marker{display:none}.bb-faq summary::after{content:"+";position:absolute;right:18px;top:10px;font-size:1.4rem;color:var(--pince)}
.bb-faq details[open] summary::after{content:"−"}.bb-faq summary h3{display:inline;font-size:inherit;margin:0}.bb-faq details>div{padding:0 18px 6px}
/* à propos, auteur */
.bb-portrait{float:right;width:190px;height:190px;object-fit:cover;border-radius:50%;margin:0 0 16px 24px;box-shadow:var(--ombre)}
.bb-auteur{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--trait);border-radius:var(--r);padding:20px;margin:40px 0 0}
.bb-auteur img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}.bb-auteur p{margin:0 0 .5em;font-size:.94rem}
.bb-auteur-nom{font:800 1.05rem/1.2 Tomorrow,sans-serif}.bb-auteur-role{color:var(--gris);font-size:.85rem!important}
.bb-auteur-liens{display:flex;flex-wrap:wrap;gap:14px;font-size:.88rem;font-weight:600}
/* lexique */
.bb-lex-outils{position:sticky;top:72px;background:var(--beton);padding:14px 0;z-index:5;border-bottom:1px solid var(--trait)}
.bb-lex-outils input[type=search]{width:100%;font:inherit;padding:12px 16px;border:1px solid var(--trait);border-radius:4px;background:#fff}
.bb-puces{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bb-puces button{font:600 .82rem/1 'Pontano Sans',sans-serif;border:1px solid var(--trait);background:#fff;border-radius:4px;padding:9px 14px;cursor:pointer}
.bb-puces button[aria-pressed=true]{background:var(--graphite);color:#fff;border-color:var(--graphite)}
.bb-termes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}
.bb-terme{background:#fff;border:1px solid var(--trait);border-radius:var(--r);padding:16px 18px;scroll-margin-top:150px}.bb-terme h3{margin:0 0 .4em;font-size:1.05rem}
.bb-terme p{margin:0;font-size:.94rem}.bb-terme .bb-theme{display:inline-block;font-size:.72rem;font-weight:600;color:var(--acier);background:var(--acier2);border-radius:4px;padding:3px 9px;margin-bottom:8px}
.bb-terme[hidden],.bb-lex-theme[hidden]{display:none}.bb-lex-theme h2{margin-top:1.4em}.bb-lex-vide{color:var(--gris)}
/* formulaire */
.bb-formulaire label{display:block;font-weight:600;margin:14px 0 4px}.bb-formulaire input,.bb-formulaire textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--trait);border-radius:12px;background:#fff}
.bb-piege{position:absolute;left:-5000px}
/* plan du site */
.bb-plan ul{columns:2}
/* pied */
.bb-pied{background:#fff;border-top:1px solid var(--trait);margin-top:40px;font-size:.9rem}
.bb-pied-in{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:26px;padding-top:44px;padding-bottom:28px}
.bb-pied-nom{display:flex;align-items:center;gap:10px;font:800 1.1rem/1 Tomorrow,sans-serif}.bb-pied-site p{color:var(--gris)}
.bb-pied-titre{font:700 .74rem/1 'Pontano Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pince)}
.bb-pied ul{list-style:none;padding:0;margin:0}.bb-pied li{margin:.35em 0}.bb-pied a{color:var(--graphite);text-decoration:none}.bb-pied a:hover{color:var(--acier)}
.bb-legal{font-size:.76rem;color:var(--gris);border-top:1px solid var(--trait);padding-top:16px;padding-bottom:28px}.bb-legal p{margin:.4em 0}
/* téléphone */
@media (max-width:1120px){
 .bb-burger{display:block}.bb-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--beton);flex-direction:column;align-items:stretch;padding:12px 20px 20px;border-bottom:1px solid var(--trait);max-height:calc(100vh - 72px);overflow:auto}
 .bb-nav.bb-ouvert{display:flex}.bb-panneau{position:static;box-shadow:none;min-width:0;border:0;padding:0 0 0 10px}.bb-panneau-large ul{columns:1}.bb-nav-quiz{margin:8px 0 0}
 .bb-une,.bb-mission{grid-template-columns:1fr}.bb-une-badge{left:12px}.bb-besoins{grid-template-columns:1fr 1fr}.bb-engagements{grid-template-columns:1fr}
 .bb-termes{grid-template-columns:1fr}.bb-pied-in{grid-template-columns:1fr 1fr}.bb-pied-site{grid-column:span 2}.bb-plan ul{columns:1}
 .bb-portrait{float:none;display:block;margin:0 auto 16px}
}
@media (max-width:520px){body{font-size:16px}.bb-besoins{grid-template-columns:1fr}.bb-bulles a{width:84px}}

/* fiche */
.bb-barre-offre{position:sticky;top:72px;z-index:20;background:#fff;border-bottom:1px solid var(--trait);font-size:.9rem}
.bb-barre-offre .bb-large{display:flex;align-items:center;gap:14px;min-height:52px}.bb-barre-offre .bb-large>span:first-child{margin-right:auto}
.bb-barre-offre .bb-offre{padding:8px 14px;font-size:.88rem}.bb-barre-quiz{font-weight:600;color:var(--graphite)}
.bb-fiche{padding-bottom:30px}.bb-fiche h1{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:.2em 0 .5em}
.bb-fiche-haut{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start;padding-top:24px}
.bb-fiche-photo{margin:0;background:#fff;border:1px solid var(--trait);border-radius:10px;padding:26px;position:sticky;top:140px}
.bb-fiche-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}.bb-fiche-photo figcaption{font-size:.76rem;color:var(--gris);text-align:center}
.bb-reperes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 16px}.bb-reperes li{background:var(--acier2);color:var(--acier);font-weight:600;font-size:.82rem;border-radius:4px;padding:6px 12px}
.bb-30s{background:#fff;border:1px solid var(--trait);border-left:4px solid var(--pince);border-radius:0 6px 6px 0;padding:14px 18px;margin-bottom:16px}
.bb-30s-t{font:700 .72rem/1 'Pontano Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pince);margin:0 0 6px}.bb-30s p:last-child{margin:0}
.bb-offre-bloc{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--graphite);color:#fff;border-radius:8px;padding:14px 18px}
.bb-offre-bloc small{display:block;font-size:.72rem;opacity:.75}.bb-prix-grand{font:800 1.5rem/1.1 Tomorrow,sans-serif}
.bb-note-globale{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px;max-width:110px;border-left:1px solid rgba(255,255,255,.25);padding-left:18px;margin-right:auto}.bb-note-globale small{width:100%}
.bb-note-globale b{font:800 1.9rem/1 Tomorrow,sans-serif;color:var(--gyro)}
.bb-sousnotes{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.bb-sousnotes li{display:grid;grid-template-columns:1fr auto;font-size:.86rem;gap:4px}.bb-sousnotes i{grid-column:span 2;height:7px;border-radius:9px;background:var(--beton2);position:relative;overflow:hidden}
.bb-sousnotes i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:linear-gradient(90deg,var(--acier),#19a6b2);border-radius:9px}
.bb-affil{font-size:.76rem;color:var(--gris)}.bb-affil p{display:inline;margin:0 .3em 0 0}
.bb-pourvous{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;background:#fff;border:1px solid var(--trait);border-radius:10px;padding:26px;margin:36px 0}
.bb-pourvous h2{margin-top:0}.bb-coches{list-style:none;padding:0}.bb-coches li{padding:6px 0 6px 30px;position:relative;font-weight:500}
.bb-coches li::before{content:"✓";position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:50%;background:var(--acier2);color:var(--acier);display:grid;place-items:center;font-size:.8rem;font-weight:700}
.bb-calc{background:var(--beton);border-radius:8px;padding:18px}.bb-calc-t{font:700 .74rem/1 'Pontano Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--acier)}
.bb-calc label{display:block;font-weight:600;font-size:.9rem;margin:10px 0}.bb-calc select,.bb-calc input[type=range]{display:block;width:100%;margin-top:6px;font:inherit}
.bb-calc select{padding:9px 12px;border:1px solid var(--trait);border-radius:10px;background:#fff}.bb-calc input[type=range]{accent-color:var(--acier)}
.bb-calc-res{border-radius:6px;padding:12px 14px;margin-top:10px;background:#fff;border:2px solid var(--trait)}.bb-calc-res b{font-family:Tomorrow,sans-serif}
.bb-calc-res.ok{border-color:var(--ok)}.bb-calc-res.juste{border-color:var(--gyro)}.bb-calc-res.non{border-color:var(--pince)}
.bb-calc-res ul{margin:.4em 0 0;padding-left:1.1em;font-size:.88rem}.bb-calc-note{font-size:.76rem;color:var(--gris);margin:.6em 0 0}
.bb-identite,.bb-pourqui,.bb-notes-exp,.bb-verdict,.bb-sources,.bb-apparait,.bb-fiche .bb-faq{max-width:820px}
.bb-contradiction{font-size:.88rem;background:var(--pince2);border-radius:12px;padding:10px 14px}
.bb-pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:24px 0}.bb-pc>div{background:#fff;border:1px solid var(--trait);border-radius:8px;padding:16px 20px}
.bb-pc h3{margin:0 0 .4em}.bb-pc ul{list-style:none;padding:0;margin:0}.bb-pc li{padding:4px 0 4px 24px;position:relative;font-size:.93rem}
.bb-pc-plus li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}.bb-pc-moins li::before{content:"×";position:absolute;left:2px;color:var(--pince);font-weight:700}
.bb-accs{max-width:820px;margin:20px 0}.bb-acc{background:#fff;border:1px solid var(--trait);border-radius:8px;margin:12px 0}
.bb-acc summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:16px 20px}.bb-acc summary::-webkit-details-marker{display:none}
.bb-acc summary h2{font-size:1.1rem;margin:0;flex:1}.bb-acc summary::after{content:"+";font-size:1.5rem;color:var(--pince)}.bb-acc[open] summary::after{content:"−"}
.bb-acc-n{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--graphite);color:#fff;font:700 .9rem Tomorrow,sans-serif}
.bb-acc>div{padding:0 22px 10px}
.bb-verdict{background:var(--acier2);border-radius:10px;padding:6px 24px 14px;margin:30px 0}
.bb-apparait ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.bb-apparait a,.bb-apparait .bb-a-venir{display:inline-block;background:#fff;border:1px solid var(--trait);border-radius:4px;padding:9px 16px;text-decoration:none;font-weight:600;color:var(--graphite)}
.bb-sources{font-size:.88rem}.bb-sources ul{padding-left:1.1em}
@media (max-width:1120px){.bb-fiche-haut,.bb-pourvous{grid-template-columns:1fr}.bb-fiche-photo{position:static;max-width:420px}.bb-barre-quiz{display:none}}
@media (max-width:620px){.bb-sousnotes,.bb-pc{grid-template-columns:1fr}.bb-barre-offre .bb-large>span:first-child{font-size:.8rem}.bb-barre-offre .bb-prix{display:none}}

/* sur le même sujet */
.bb-meme{margin:44px 0 0}.bb-meme-t{display:flex;align-items:center;gap:10px;font:700 .76rem/1 'Pontano Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite)}
.bb-meme-t::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pince)}.bb-meme-t::after{content:"";flex:1;height:1px;background:var(--trait)}
.bb-meme ul{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:16px 0 0}
.bb-meme a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--trait);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--graphite);transition:.15s}
.bb-meme a:hover{transform:translateY(-2px);box-shadow:var(--ombre)}
.bb-meme-img{display:grid;place-items:center;height:170px;padding:16px;border-bottom:1px solid var(--trait)}.bb-meme-img img{max-height:138px;width:auto;object-fit:contain}
.bb-meme-etiq{align-self:flex-start;margin:12px 14px 6px;font:600 .68rem/1 'Pontano Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--beton2);border-radius:4px;padding:5px 9px}
.bb-meme-rep{padding:0 14px 16px;font-size:.8rem;color:var(--gris)}.bb-meme-titre{padding:0 14px 4px;font:700 .95rem/1.3 Tomorrow,sans-serif}
@media (max-width:900px){.bb-meme ul{grid-template-columns:1fr 1fr}}@media (max-width:520px){.bb-meme ul{grid-template-columns:1fr}}

/* galerie de la fiche */
.bb-vignettes{display:flex;justify-content:center;gap:10px;margin:14px 0 6px}.bb-vignettes[hidden]{display:none}
.bb-vignettes button{width:72px;height:72px;padding:6px;background:#fff;border:2px solid var(--trait);border-radius:6px;cursor:pointer}
.bb-vignettes button[aria-pressed=true]{border-color:var(--acier)}.bb-vignettes img{width:100%;height:100%;object-fit:contain}

/* comparateur */
.bb-comparateur{background:#fff;border:1px solid var(--trait);border-radius:10px;padding:28px;margin:30px 0}
.bb-comp-tete{text-align:center;max-width:720px;margin:0 auto 18px}.bb-comp-tete h2{margin:.2em 0 .3em}.bb-comp-tete p{color:var(--gris)}.bb-comp-compte{font-size:.86rem}
.bb-comp-corps{display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:start}
.bb-filtres{position:sticky;top:140px;background:#fff;border:1px solid var(--trait);border-radius:8px;padding:6px 20px;box-shadow:0 2px 10px rgba(0,0,0,.04)}.bb-filtres fieldset{border:0;padding:18px 0;margin:0;min-width:0}.bb-filtres fieldset+fieldset{border-top:1px solid var(--trait)}.bb-filtres legend{float:left;width:100%;padding:0}.bb-filtres fieldset>:not(legend){clear:both}.bb-filtres fieldset[hidden]{display:none}
.bb-filtres legend{font:700 .74rem/1.2 'Pontano Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.bb-case{display:flex;align-items:center;gap:10px;font-size:.9rem;margin:9px 0;cursor:pointer}.bb-case span{flex:1}.bb-case small,.bb-notes-min small{color:var(--gris)}
.bb-case input{appearance:none;width:18px;height:18px;border:1px solid #bbb;border-radius:4px;margin:0;display:grid;place-items:center;background:#fff;cursor:pointer}.bb-case input:checked{background:var(--acier);border-color:var(--acier)}.bb-case input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.bb-plage-rail{position:relative;height:22px;margin:6px 2px}.bb-plage-rail::before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;border-radius:2px;background:var(--acier)}
.bb-plage-rail input{position:absolute;inset:0;width:100%;margin:0;appearance:none;background:none;pointer-events:none}.bb-plage-rail input::-webkit-slider-thumb{appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--graphite);cursor:pointer}.bb-plage-rail input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--graphite);cursor:pointer}
.bb-plage-pied{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 0}.bb-plage-pied output{font-weight:700;font-size:.95rem}.bb-reinit{font:inherit;font-size:.8rem;color:var(--gris);background:#fff;border:1px solid var(--trait);border-radius:4px;padding:5px 12px;cursor:pointer}
.bb-notes-min{display:flex;flex-wrap:wrap;gap:6px}.bb-notes-min label{margin:0;cursor:pointer}.bb-notes-min input{position:absolute;opacity:0;pointer-events:none}.bb-notes-min span{display:inline-block;background:#fff;border:1px solid var(--trait);border-radius:4px;padding:5px 14px;font-size:.84rem}.bb-notes-min input:checked+span{background:var(--beton);border-color:var(--graphite)}.bb-notes-min input:focus-visible+span{outline:2px solid var(--acier)}
.bb-effacer{font:inherit;font-size:.85rem;background:none;border:0;color:var(--acier);text-decoration:underline;cursor:pointer;padding:0}
.bb-montrer-filtres{display:none}
.bb-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;list-style:none;padding:0;margin:0}
.bb-carte{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--trait);border-radius:8px;padding:16px;transition:.15s}
.bb-carte:hover{box-shadow:var(--ombre);transform:translateY(-2px)}.bb-carte[hidden]{display:none}
.bb-carte-note{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--graphite);color:#fff;font:800 .9rem Tomorrow,sans-serif}
.bb-carte-img{display:grid;place-items:center;height:170px}.bb-carte-img img{max-height:160px;width:auto;object-fit:contain}
.bb-carte-marque{font-size:.76rem;color:var(--gris);margin:8px 0 0;text-transform:uppercase;letter-spacing:.08em}.bb-carte h3{margin:.1em 0 .4em;font-size:1.05rem}.bb-carte h3 a{color:var(--graphite);text-decoration:none}
.bb-carte-rep{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:0 0 10px}.bb-carte-rep li{background:var(--acier2);color:var(--acier);border-radius:4px;font-size:.74rem;font-weight:600;padding:3px 9px}
.bb-carte-pied{display:flex;justify-content:space-between;align-items:center;margin:auto 0 10px;font-size:.88rem}.bb-carte-pied .bb-prix{font:800 1.1rem Tomorrow,sans-serif}
.bb-offre-carte{text-align:center}
/* page marque */
.bb-marque-tete{padding-top:20px}.bb-marque-tete>p{max-width:860px}.bb-marque-tete .bb-bulles{justify-content:center;gap:10px;margin:26px 0 8px}.bb-marque-tete .bb-bulles a{width:88px}@media (min-width:900px){.bb-marque-tete .bb-bulles{flex-wrap:nowrap}}.bb-marque-tete h1{margin-top:.2em}
.bb-marque-texte{max-width:860px}
.bb-coeur{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;background:var(--pince2);color:var(--pince);font:700 .68rem/1.4 'Pontano Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.bb-top-section{margin:40px 0}.bb-top-tableau td{vertical-align:middle}.bb-top-offre{white-space:nowrap}.bb-top-offre .bb-prix{display:block;font-weight:800}
.bb-top{display:grid;grid-template-columns:240px 1fr;gap:26px;background:#fff;border:1px solid var(--trait);border-radius:10px;padding:24px;margin:20px 0}
.bb-top-img{position:relative;display:grid;place-items:center}.bb-top-img img{max-height:230px;width:auto;object-fit:contain}
.bb-top-rang{position:absolute;top:0;left:0;width:38px;height:38px;border-radius:50%;background:var(--acier);color:#fff;display:grid;place-items:center;font:800 1.05rem Tomorrow,sans-serif}
.bb-top-role{font:700 .72rem/1 'Pontano Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pince);margin:0}.bb-top h3{margin:.35em 0 .2em}
.bb-top-note{font:800 1.3rem Tomorrow,sans-serif;color:var(--acier);margin:0}.bb-top-note small{font-size:.8rem;color:var(--gris)}
.bb-top-pour{padding-left:1.1em;margin:.4em 0}.bb-top-pour li::marker{color:var(--ok)}.bb-top-revers{color:var(--gris)}
.bb-top-achat{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.bb-top-achat .bb-prix{font:800 1.15rem Tomorrow,sans-serif}.bb-lien-avis{font-weight:600}
.bb-top-analyse{margin-top:14px}.bb-top-reperes td,.bb-top-reperes th{padding:6px 10px}.bb-top-pf{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0}.bb-top-pf-titre{font:700 .78rem 'Pontano Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}.bb-top-contre{padding-left:1.1em;margin:.4em 0}.bb-top-contre li::marker{color:var(--pince)}.bb-top-verdict{background:var(--beton);border-radius:6px;padding:12px 16px}
.bb-outil{background:#fff;border:1px solid var(--trait);border-radius:10px;padding:22px;margin:24px 0}.bb-outil-choix{border:0;padding:0;margin:0 0 18px}.bb-outil-choix legend{font:700 1rem Tomorrow,sans-serif;margin-bottom:10px}
.bb-outil-choix>label{display:inline-flex;margin:0 8px 8px 0;cursor:pointer}.bb-outil-choix>label input{position:absolute;opacity:0}.bb-outil-choix>label span{display:block;border:1px solid var(--trait);border-radius:6px;padding:9px 14px;background:#fff}.bb-outil-choix>label span small{display:block;color:var(--gris);font-size:.8rem}.bb-outil-choix>label input:checked+span{border-color:var(--acier);background:var(--beton);box-shadow:inset 0 0 0 1px var(--acier)}.bb-outil-choix>label input:focus-visible+span{outline:2px solid var(--acier)}
.bb-outil-num input{width:110px;font:inherit;padding:8px 10px;border:1px solid var(--trait);border-radius:10px;margin-right:6px}.bb-outil-choix>small{display:block;color:var(--gris);margin-top:6px}
.bb-outil-res{background:var(--beton);border-radius:10px;padding:22px;margin:0 0 24px}.bb-outil-w{font:800 1.35rem Tomorrow,sans-serif;color:var(--acier);margin:.2em 0}.bb-outil-test input{width:100px;font:inherit;padding:6px 8px;border:1px solid var(--trait);border-radius:8px}.bb-outil-verdict{font-weight:700}
.bb-outil-palier .bb-grille{margin-top:12px}
.bb-une-carte{position:absolute;right:18px;bottom:-18px;width:190px;background:#fff;border:1px solid var(--trait);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--graphite);box-shadow:var(--ombre);text-align:center}.bb-une-carte img{width:110px!important;height:110px!important;aspect-ratio:auto!important;object-fit:contain!important;box-shadow:none!important;border-radius:0!important}.bb-une-carte b{font:800 .95rem Tomorrow,sans-serif}.bb-une-carte span:last-child{color:var(--acier);font-weight:700;font-size:.88rem}
.bb-grille-3{grid-template-columns:repeat(3,1fr)}.bb-suite{text-align:center;font-weight:700;margin-top:18px}.bb-hub section{margin:34px 0}.bb-hub h1{margin-top:30px}
@media (max-width:760px){.bb-grille-3{grid-template-columns:1fr 1fr}.bb-une-carte{position:static;width:auto;margin-top:12px;flex-direction:row}}
@media (max-width:760px){.bb-top{grid-template-columns:1fr}.bb-top-pf{grid-template-columns:1fr}}
.bb-onglets{margin:36px 0}.bb-onglets-tete{display:flex;flex-wrap:wrap;gap:8px;border-bottom:2px solid var(--trait);margin-bottom:8px}
.bb-onglets-tete button{font:600 .98rem Tomorrow,sans-serif;color:var(--gris);background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:12px 16px;cursor:pointer}
.bb-onglets-tete button[aria-selected=true]{color:var(--acier);border-bottom-color:var(--pince)}.bb-onglets-tete button:focus-visible{outline:2px solid var(--acier);outline-offset:2px}
.bb-js .bb-onglet[data-cache]{display:none}
@media (max-width:900px){.bb-comp-corps{grid-template-columns:1fr}.bb-filtres{position:static;display:none}.bb-filtres.bb-ouvert{display:block}.bb-montrer-filtres{display:inline-block;font:600 .9rem 'Pontano Sans',sans-serif;border:1px solid var(--trait);background:#fff;border-radius:4px;padding:9px 16px;margin-bottom:12px;cursor:pointer}.bb-comparateur{padding:18px}.bb-choix{grid-template-columns:1fr}}

/* ===== habillage propre à boostbatterie (1er nov. 2026) : béton clair, rouge de pince, ambre de gyrophare, acier ===== */
body{background:var(--beton);font-size:17.5px;letter-spacing:.005em}
h1,h2,h3,h4{letter-spacing:0}
h1{font-weight:800;text-transform:none}
h2{font-weight:700}
h2::before{content:"";display:block;width:34px;height:4px;background:var(--gyro);margin-bottom:.45em}
.bb-acc summary h2::before,.bb-faq h2::before,.bb-comp-tete h2::before,.bb-tete-sec h2::before,.bb-pourvous h2::before,.bb-meme h2::before{display:none}
.bb-rayure{height:5px;background:repeating-linear-gradient(135deg,var(--gyro) 0 14px,var(--graphite) 14px 28px)}
.bb-tete{background:rgba(255,255,255,.96);border-bottom:2px solid var(--graphite)}
.bb-logo{font-weight:800;letter-spacing:.01em}.bb-logo b{color:var(--pince)}
.bb-nav>a,.bb-ouvrir{border-radius:4px}
.bb-nav-quiz{background:var(--pince)!important;color:#fff!important}.bb-nav-quiz:hover{background:#a8281a!important}
.bb-menu-attente{display:block;padding:8px 10px;color:var(--gris);font-size:.93rem;font-weight:600;opacity:.75}.bb-menu-attente small{display:inline-block;margin-left:8px;font-weight:600;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;background:var(--beton2);border-radius:3px;padding:2px 6px}
.bb-bandeau-apercu{margin-top:12px;font-size:.82rem;color:var(--graphite);background:var(--gyro2);border:1px dashed var(--gyro);border-radius:4px;padding:8px 14px}
.bb-a-venir{color:var(--gris)}
.bb-btn{border-radius:4px;border-width:2px;font-weight:700}
.bb-btn-plein{background:var(--pince);border-color:var(--pince)}.bb-btn-plein:hover{background:#a8281a}
.bb-offre{background:var(--gyro);color:var(--graphite);font-weight:700;border-radius:4px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}.bb-offre:hover{background:#ffbb1f}
.bb-surtitre{color:var(--pince);font-family:Tomorrow,sans-serif;font-weight:700;letter-spacing:.14em}
.bb-court{background:#fff;border-left:5px solid var(--gyro);border-radius:0 6px 6px 0;box-shadow:0 1px 0 var(--trait)}
.bb-court span{color:var(--pince)}
thead th{background:var(--graphite);color:#fff}
.bb-carte-note{border-radius:6px;background:var(--gyro);color:var(--graphite)}
.bb-acc-n{border-radius:4px;background:var(--gyro);color:var(--graphite)}
.bb-top-rang{border-radius:4px;background:var(--pince)}
.bb-top-note{color:var(--pince)}
.bb-carte-rep li,.bb-reperes li{background:var(--acier2);color:var(--acier);border-radius:3px}
.bb-offre-bloc{background:var(--gyro2);color:var(--graphite);border:1px solid #f0d58a;border-radius:8px}
.bb-offre-bloc small{opacity:1;color:var(--gris)}
.bb-note-globale{border-left:1px solid #e7c76a}.bb-note-globale b{color:var(--pince)}
.bb-sousnotes i::after{background:linear-gradient(90deg,var(--acier),#3f86b0)}
.bb-30s{border-left-color:var(--pince)}.bb-30s-t{color:var(--pince)}
.bb-verdict{background:#fff;border:1px solid var(--trait);border-top:5px solid var(--gyro)}
.bb-auteur{border-left:5px solid var(--pince)}
.bb-auteur img{border-radius:6px}
.bb-portrait{border-radius:8px}
.bb-une-photo img{border-radius:10px}
.bb-pied{border-top:0}
.bb-pied-titre{color:var(--pince)}
.bb-bulles span.bb-disque{border-radius:10px;color:var(--acier)}
.bb-bulles a:hover span.bb-disque{border-color:var(--pince);color:var(--pince)}
/* calculateur de la fiche : moteur, cylindrée, grand froid */
.bb-calc input[type=number]{display:block;width:100%;margin-top:6px;font:inherit;padding:9px 12px;border:1px solid var(--trait);border-radius:6px;background:#fff}
.bb-calc .bb-calc-froid{display:flex;align-items:center;gap:10px;font-weight:600}.bb-calc .bb-calc-froid input{width:18px;height:18px;accent-color:var(--pince);margin:0}
.bb-calc-t{color:var(--pince)}
.bb-calc-res.juste{border-color:var(--gyro)}.bb-calc-res.non{border-color:var(--pince)}
/* filtre « votre moteur » du comparateur */
.bb-moteur select,.bb-moteur input[type=number]{display:block;width:100%;font:inherit;font-size:.9rem;padding:7px 10px;border:1px solid var(--trait);border-radius:4px;background:#fff;margin:6px 0}
.bb-moteur small{display:block;color:var(--gris);font-size:.78rem}
.bb-case input:checked{background:var(--pince);border-color:var(--pince)}
.bb-plage-rail::before{background:var(--acier)}
.bb-onglets-tete button[aria-selected=true]{color:var(--graphite);border-bottom-color:var(--pince)}
@media (max-width:620px){body{font-size:16.5px}}
/* quiz et pastille vers le quiz */
.bb-quiz{background:#fff;border:1px solid var(--trait);border-top:5px solid var(--gyro);border-radius:8px;padding:20px;margin:18px 0}
.bb-quiz-barre{height:6px;background:var(--beton2);border-radius:3px;overflow:hidden;margin-bottom:16px}.bb-quiz-barre span{display:block;height:100%;width:0;background:var(--pince);transition:width .2s}
.bb-quiz-etape{border:0;padding:0;margin:0}.bb-quiz-etape[hidden],.bb-quiz-fin[hidden],.bb-quiz-carte[hidden]{display:none}
.bb-quiz-etape legend{font:700 1.3rem/1.3 Tomorrow,sans-serif;margin-bottom:12px}.bb-quiz-etape legend span{display:block;font:700 .74rem/1 'Pontano Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pince);margin-bottom:8px}
.bb-quiz-choix{display:grid;gap:8px}.bb-quiz-choix label{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--trait);border-radius:6px;background:var(--beton);cursor:pointer}
.bb-quiz-choix label:hover{border-color:var(--acier)}.bb-quiz-choix input{accent-color:var(--pince)}
.bb-quiz-retour{margin-top:12px;font:inherit;font-size:.88rem;background:none;border:0;color:var(--acier);text-decoration:underline;cursor:pointer;padding:0}
.bb-quiz-liste{list-style:none;padding:0;margin:14px 0}.bb-quiz-carte{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:start;border:1px solid var(--trait);border-radius:8px;padding:14px;margin:0 0 12px;background:#fff}
.bb-quiz-photo img{width:100%;height:auto;object-fit:contain}.bb-quiz-role{font:700 .74rem/1 Tomorrow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pince);margin:0 0 6px}
.bb-quiz-nom{font:700 1.1rem/1.3 Tomorrow,sans-serif;margin:0 0 6px}.bb-quiz-nom a{color:var(--graphite)}.bb-quiz-nom span{color:var(--pince);margin-left:6px}.bb-quiz-raisons{margin:0 0 10px;padding-left:1.1em;font-size:.94rem}
.bb-pastille{position:fixed;right:16px;bottom:16px;z-index:30;display:flex;align-items:center;gap:12px;background:#fff;color:var(--graphite);text-decoration:none;border:2px solid var(--graphite);border-left:6px solid var(--gyro);border-radius:6px;padding:10px 12px;box-shadow:var(--ombre);max-width:calc(100vw - 32px)}
.bb-pastille[hidden]{display:none}.bb-pastille-l1{display:block;font:700 .95rem Tomorrow,sans-serif}.bb-pastille-l2{display:block;font-size:.8rem;color:var(--gris)}
.bb-pastille-x{background:none;border:0;color:var(--gris);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px}
@media (max-width:620px){.bb-quiz-carte{grid-template-columns:1fr}.bb-quiz-photo{max-width:160px}}