:root{--ecru:#f7f3ec;--blanc:#fffefb;--texte:#24302c;--doux:#5e6a65;--sauge:#2f5d50;--sauge-pale:#e3ede8;--caramel:#a8683f;--caramel-pale:#f6e9dd;--ligne:#e4dccf;--ok:#2f6b45;--ko:#9b3d2e;--rayon:10px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;background:var(--ecru);color:var(--texte);font:400 1.03rem/1.7 Fustat,system-ui,sans-serif}
h1,h2,h3,h4{font-family:"Roboto Serif",Georgia,serif;font-weight:700;line-height:1.25;color:#1d2a26}
h1{font-size:clamp(1.7rem,4.2vw,2.5rem);margin:.6rem 0 .8rem}
h2{font-size:clamp(1.3rem,2.8vw,1.7rem);margin:2.8rem 0 .7rem}
h2::before{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--caramel);margin-bottom:.7rem}
h3{font-size:1.15rem;margin:1.5rem 0 .4rem}
h4{font-size:1rem;margin:.8rem 0 .3rem}
a{color:var(--sauge);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--caramel)}
img{max-width:100%;height:auto}
p,li{max-width:74ch}
.bc-evitement{position:absolute;left:-9999px}.bc-evitement:focus{left:10px;top:10px;background:var(--blanc);padding:8px 12px;z-index:20}
.bc-largeur{max-width:1100px;margin:0 auto;padding:0 16px}
.bc-colonne{max-width:800px}
/* en-tête */
.bc-entete{background:var(--blanc);border-bottom:1px solid var(--ligne);position:sticky;top:0;z-index:10}
.bc-entete-in{display:flex;align-items:center;gap:18px;min-height:62px;flex-wrap:wrap}
.bc-marque{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--texte);font-family:"Roboto Serif",serif;font-size:1.2rem}
.bc-marque b{color:var(--sauge)}
.bc-nav{flex:1}
.bc-nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.bc-nav a,.bc-nav summary{display:block;padding:8px 11px;border-radius:8px;text-decoration:none;color:var(--texte);cursor:pointer;font-size:.95rem}
.bc-nav summary{list-style:none}.bc-nav summary::-webkit-details-marker{display:none}
.bc-nav summary::after{content:" ▾";color:var(--doux)}
.bc-nav a:hover,.bc-nav summary:hover{background:var(--sauge-pale)}
.bc-phare a{background:var(--sauge);color:#fff;font-weight:600}.bc-phare a:hover{background:#244a40;color:#fff}
.bc-deroule{position:relative}
.bc-deroule ul{list-style:none;margin:4px 0 0;padding:8px;position:absolute;left:0;min-width:270px;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);box-shadow:0 10px 26px rgba(36,48,44,.12);z-index:11}
.bc-deroule i{display:block;font-style:normal;font-size:.8rem;color:var(--doux)}
@media (max-width:760px){.bc-entete{position:static}.bc-nav>ul{gap:2px}.bc-deroule ul{position:static;box-shadow:none;min-width:0}}
.bc-ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 0;margin:0;font-size:.88rem;color:var(--doux)}
.bc-ariane li+li::before{content:"›";margin-right:6px}
/* signature, affiliation, heure du prix */
.bc-signe{font-size:.9rem;color:var(--doux);margin:.2rem 0 1rem}
.bc-affil{font-size:.86rem;color:var(--doux);border-left:3px solid var(--ligne);padding-left:10px}
.bc-releve-heure{font-size:.86rem;color:var(--doux)}
.bc-chapo{font-size:1.1rem}
/* réponse courte */
.bc-retenir{background:var(--sauge-pale);border-radius:var(--rayon);padding:12px 16px;margin:.6rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline}
.bc-retenir span{font-weight:600;color:var(--sauge);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.bc-retenir p{margin:0}
@media (max-width:560px){.bc-retenir{grid-template-columns:1fr}}
/* tableaux */
.bc-tableau{margin:1rem 0;overflow-x:auto;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon)}
.bc-tableau table{border-collapse:collapse;width:100%;font-size:.94rem}
.bc-tableau th,.bc-tableau td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--ligne);vertical-align:top}
.bc-tableau thead th{background:var(--caramel-pale);font-weight:600}
.bc-tableau tbody tr:last-child>*{border-bottom:0}
.bc-tableau figcaption{font-size:.84rem;color:var(--doux);padding:8px 12px;border-top:1px solid var(--ligne)}
/* prix et boutons */
.bc-prix{font-weight:600;font-size:1.05rem;color:var(--texte)}
.bc-acheter{display:inline-block;background:var(--caramel);color:#fff;text-decoration:none;font-weight:600;padding:10px 16px;border-radius:8px;margin:6px 0}
.bc-acheter:hover{background:#8d5532;color:#fff}
.bc-vignette{background:var(--blanc);border-radius:8px;object-fit:contain;aspect-ratio:1}
/* trois premiers */
.bc-trois{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:1rem 0}
.bc-trois>li{list-style:none;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);padding:14px;display:flex;flex-direction:column;gap:6px}
.bc-trois ol,.bc-trois{padding:0}
.bc-trois h3{margin:.3rem 0 0;font-size:1.05rem}
.bc-trois dl{margin:0;font-size:.92rem;display:grid;grid-template-columns:auto 1fr;gap:2px 8px}
.bc-trois dt{color:var(--doux)}.bc-trois dd{margin:0}
@media (max-width:820px){.bc-trois{grid-template-columns:1fr}}
.bc-etiquette{display:inline-block;background:var(--caramel-pale);color:#6f4224;font-size:.8rem;font-weight:600;border-radius:999px;padding:2px 10px}
.bc-rang{font-family:"Roboto Serif",serif;font-weight:700;color:var(--caramel)}
/* blocs produit */
.bc-produit{display:grid;grid-template-columns:240px 1fr;gap:22px;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);padding:18px;margin:1.2rem 0}
.bc-produit h3{margin-top:0}
.bc-produit table{font-size:.92rem;border-collapse:collapse;width:100%}
.bc-produit table th{text-align:left;color:var(--doux);font-weight:400;padding:3px 10px 3px 0;width:42%}
.bc-produit table td{padding:3px 0}
.bc-pour-contre{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:.8rem 0}
.bc-pour-contre>div{border-radius:8px;padding:8px 12px}
.bc-pour{background:#eef6f0}.bc-contre{background:#f9eeeb}
.bc-pour h4{color:var(--ok)}.bc-contre h4{color:var(--ko)}
.bc-note{font-family:"Roboto Serif",serif;font-size:1.5rem;font-weight:700;color:var(--sauge)}.bc-note small{font-size:.9rem;color:var(--doux)}
@media (max-width:720px){.bc-produit{grid-template-columns:1fr}.bc-pour-contre{grid-template-columns:1fr}}
/* listes */
.bc-filtres{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);padding:12px;margin:1rem 0}
.bc-filtres label{display:flex;flex-direction:column;font-size:.88rem;gap:3px}
.bc-filtres .bc-coche{flex-direction:row;align-items:center;gap:6px}
.bc-filtres select{font:inherit;padding:6px;border-radius:6px;border:1px solid var(--ligne)}
.bc-raccourcis{display:flex;flex-wrap:wrap;gap:8px;margin:.8rem 0}
.bc-raccourcis a{background:var(--blanc);border:1px solid var(--ligne);border-radius:999px;padding:6px 13px;text-decoration:none;font-size:.92rem}
.bc-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.bc-carte{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);padding:12px;display:flex;flex-direction:column;gap:4px}
.bc-carte h3{font-size:1rem;margin:.3rem 0}
.bc-carte ul{margin:0;padding-left:18px;font-size:.9rem}
.bc-carte[hidden]{display:none}
.bc-compteur{color:var(--doux)}
/* pages avis */
.bc-avis{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:start}
.bc-achat{position:sticky;top:80px;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);padding:16px}
@media (max-width:860px){.bc-avis{grid-template-columns:1fr}.bc-achat{position:static;order:-1}}
/* articles */
.bc-une{border-radius:var(--rayon);margin:.6rem 0 1rem;aspect-ratio:16/9;object-fit:cover;width:100%}
.bc-outils{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:.4rem 0}
.bc-outils details{background:var(--blanc);border:1px solid var(--ligne);border-radius:8px;padding:6px 12px}
.bc-outils summary{cursor:pointer;font-weight:600}
.bc-partager{font:inherit;background:var(--blanc);border:1px solid var(--ligne);border-radius:8px;padding:7px 12px;cursor:pointer}
.bc-cle{background:var(--caramel-pale);border-radius:var(--rayon);padding:12px 18px;margin:1rem 0}
.bc-cle strong{display:block;font-family:"Roboto Serif",serif}
.bc-sommaire{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);padding:10px 18px}
/* tuiles, accueil */
.bc-tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.bc-tuile{display:block;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);padding:14px;text-decoration:none;color:var(--texte)}
.bc-tuile strong{display:block;color:var(--sauge);font-family:"Roboto Serif",serif}
.bc-tuile span{font-size:.9rem;color:var(--doux)}
.bc-tuile:hover{border-color:var(--caramel)}
.bc-ouverture{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin:1rem 0 2rem}
.bc-ouverture img{border-radius:var(--rayon);aspect-ratio:4/3;object-fit:cover}
@media (max-width:820px){.bc-ouverture{grid-template-columns:1fr}}
/* questions */
.bc-questions h3{font-size:1.05rem}
/* formulaire, glossaire, outil */
.bc-formulaire{display:grid;gap:12px;max-width:560px}
.bc-formulaire label{display:grid;gap:4px}
.bc-formulaire input,.bc-formulaire textarea{font:inherit;padding:9px;border:1px solid var(--ligne);border-radius:8px;background:var(--blanc)}
.bc-formulaire button,.bc-calcul button{font:inherit;background:var(--sauge);color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600}
.bc-piege{position:absolute;left:-9999px}
.bc-lexique dt{font-family:"Roboto Serif",serif;font-weight:700;margin-top:1.2rem}
.bc-lexique dd{margin:.2rem 0 0}
.bc-calcul{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rayon);padding:16px;display:grid;gap:10px;max-width:640px}
.bc-calcul label{display:grid;gap:4px}
.bc-calcul input,.bc-calcul select{font:inherit;padding:8px;border:1px solid var(--ligne);border-radius:8px}
.bc-resultat{background:var(--sauge-pale);border-radius:8px;padding:10px 14px}
.bc-revision{font-size:.86rem;color:var(--doux);border-top:1px solid var(--ligne);padding-top:8px;margin-top:2rem}
/* pied */
.bc-bas{background:var(--blanc);border-top:1px solid var(--ligne);margin-top:3rem;padding:26px 0 18px}
.bc-bas-grille{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bc-bas h2{font-size:1rem;margin:0 0 .4rem}.bc-bas h2::before{display:none}
.bc-bas ul{list-style:none;padding:0;margin:0;font-size:.93rem}
.bc-bas-promesse{font-size:.95rem}
.bc-bas-legal{font-size:.8rem;color:var(--doux)}
@media (max-width:760px){.bc-bas-grille{grid-template-columns:1fr 1fr}}