/* Fiches produits animées — AFPDB */
.fiches-produits{--fp-bleu:#296F90;--fp-bleu-fonce:#174A63;--fp-bleu-clair:#E6F0F4;--fp-laiton:#D4932F;--fp-laiton-texte:#8A5A12;--fp-texte:#1F2A30;--fp-gris:#5B6870;--fp-filet:#D5DEE3;--fp-plus:#2E7D4F;--fp-moins:#B3261E;--fp-rouge-serie:#A8322B;display:flex;flex-direction:column;gap:28px;margin:28px auto;max-width:760px}
.fiche-produit{--famille:#1F7A99;--famille-texte:#fff;background:#fff;border:1px solid var(--fp-filet);border-radius:10px;overflow:hidden;color:var(--fp-texte);font-family:"IBM Plex Sans",system-ui,sans-serif;scroll-margin-top:90px}
.fiche-produit.fam-garanti{--famille:#1F7A99}
.fiche-produit.fam-rendement{--famille:#2E7D5B}
.fiche-produit.fam-participation{--famille:#E9B530;--famille-texte:#2A2105}
.fiche-produit.fam-levier{--famille:#C2541C}
.fiche-produit.fam-barriere{--famille:#B3261E}
.fiche-produit .fp-bandeau{background:var(--famille);color:var(--famille-texte);padding:13px 22px}
.fiche-produit .fp-famille{margin:0;font-size:14.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.35}
.fiche-produit .fp-famille em{font-weight:400}
.fiche-produit .fp-bandeau.brise em{display:block}
.fiche-produit .fp-corps{padding:20px 22px 24px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"t t" "s c" "g b";gap:16px 28px}
.fiche-produit .fp-corps.sans-caract{grid-template-areas:"t t" "s c" "g c"}
.fiche-produit .fp-titre{grid-area:t;font-family:"Source Serif 4",Georgia,serif;font-size:22px;line-height:1.25;margin:0;color:var(--fp-bleu-fonce)}
.fiche-produit .code{color:var(--fp-laiton-texte);font-family:"IBM Plex Sans",sans-serif;font-size:15px;font-weight:500}
.fiche-produit .z-s{grid-area:s}.fiche-produit .z-c{grid-area:c}.fiche-produit .z-g{grid-area:g}.fiche-produit .z-b{grid-area:b;align-self:center}
.fiche-produit .fp-st{font-family:"IBM Plex Sans",sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fp-bleu);margin:0 0 6px}
.fiche-produit ul.puces{margin:0;padding-left:18px;font-size:14.5px;line-height:1.5}
.fiche-produit ul.puces li{margin:0 0 4px}
.fiche-produit .z-g{background:var(--fp-bleu-clair);border-radius:8px;padding:8px 6px 4px;position:relative;align-self:start}
.fiche-produit .z-g>svg{width:100%;height:auto;display:block;overflow:visible}
.fiche-produit .fp-rejouer{position:absolute;bottom:8px;right:8px;border:1px solid var(--fp-filet);background:#fff;border-radius:50%;width:30px;height:30px;padding:0;cursor:pointer;color:var(--fp-bleu);display:none;place-items:center}
.fiche-produit.fini .fp-rejouer{display:grid}
.fiche-produit .fp-rejouer:focus-visible{outline:2px solid var(--fp-laiton);outline-offset:2px}
.fiche-produit ul.bilan{list-style:none;margin:0;padding:0;font-size:14.5px;line-height:1.45}
.fiche-produit ul.bilan li{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;transition:opacity .45s,transform .45s}
.fiche-produit .ico{flex:none;width:22px;height:22px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:600;font-size:16px;line-height:1;margin-top:1px}
.fiche-produit li.p{color:var(--fp-plus)}.fiche-produit li.p .ico{background:var(--fp-plus)}
.fiche-produit li.m{color:var(--fp-moins)}.fiche-produit li.m .ico{background:var(--fp-moins)}
/* graphique */
.fiche-produit .axe{stroke:var(--fp-gris);stroke-width:1;fill:none}
.fiche-produit .zero{stroke:var(--fp-gris);stroke-width:1;stroke-dasharray:3 3}
.fiche-produit .guide{stroke:var(--fp-gris);stroke-width:1;stroke-dasharray:2 2}
.fiche-produit .guide-plein{stroke:var(--fp-gris);stroke-width:1;fill:none}
.fiche-produit .sj{stroke:var(--fp-texte);stroke-width:1.4}
.fiche-produit .serie{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.fiche-produit .tiret{fill:none;stroke-width:3;stroke-dasharray:3 4}
.fiche-produit .bleu{stroke:var(--fp-bleu)}
.fiche-produit .rouge{stroke:var(--fp-rouge-serie)}
.fiche-produit .leg{stroke-width:4}.fiche-produit .leg.tiret{stroke-width:3}
.fiche-produit .zone{fill:var(--fp-laiton);opacity:.18}
.fiche-produit .lbl{font-size:9.5px;fill:var(--fp-gris);font-family:"IBM Plex Sans",sans-serif}
.fiche-produit .lbl-f{fill:var(--fp-texte);font-weight:500}
.fiche-produit .lbl-b{fill:var(--fp-bleu);font-weight:600}
.fiche-produit .lbl-r{fill:var(--fp-rouge-serie);font-weight:600}
.fiche-produit .curseur{stroke:var(--fp-laiton);stroke-width:1;stroke-dasharray:2 3}
.fiche-produit .pt{fill:#fff;stroke-width:2.5}
.fiche-produit .a-curseur{opacity:0}
/* états d'animation (posés par le script uniquement) */
.fiche-produit.prep .a-axes,.fiche-produit.prep .a-lbl,.fiche-produit.prep .a-tiret,.fiche-produit.prep .a-zone{opacity:0}
.fiche-produit.prep ul.bilan li:not(.on){opacity:0;transform:translateY(6px)}
.fiche-produit ul.bilan li.on{opacity:1;transform:none}
@media (max-width:640px){
  .fiche-produit .fp-corps,.fiche-produit .fp-corps.sans-caract{grid-template-columns:1fr;grid-template-areas:"t" "s" "c" "g" "b"}
  .fiche-produit .fp-corps{padding:16px 16px 20px}
  .fiche-produit .fp-bandeau{padding:12px 16px}
}
@media (prefers-reduced-motion:reduce){
  .fiche-produit ul.bilan li{transition:none}
}