/* famille.css — éléments propres aux fiches famille (ljd/fiche-famille, ljd/catalogue-famille).
   Le socle (carte, en-tête vert, blocs, quiz, mémo, pied) vient de fiche.css (classe ljd-fiche).
   Couleurs = tokens charte v1.2 (variables posées par fiche.css) ; or texte #876114 ; focus en anneau
   vert ; Playfair Display Italic seulement pour les titres de 22 px et plus ; mouvement transform
   uniquement, coupé sous prefers-reduced-motion. */

/* ---------- en-tête, vidéo sous le titre, maîtrise ---------- */
.ljd-fiche.ffamille .entete .theme{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;color:var(--creme);opacity:.85;margin-bottom:6px}
.ljd-fiche.ffamille .entete .classe{font-size:15px;line-height:1.5}
.ljd-fiche .fam-video-tete{padding:22px 34px 2px}
/* ancres sous l'en-tête collant du thème (lien « Molécules de la famille » de l'encart du haut) */
.ljd-fiche #molecules,.ljd-fiche #video{scroll-margin-top:84px}
body.admin-bar .ljd-fiche #molecules,body.admin-bar .ljd-fiche #video{scroll-margin-top:116px}
@media (max-width:782px){body.admin-bar .ljd-fiche #molecules,body.admin-bar .ljd-fiche #video{scroll-margin-top:130px}}
.ljd-fiche .fam-maitrise-mols{margin-top:12px;font-size:14px;color:var(--gris-texte)}
.ljd-fiche .fam-maitrise-mols a{color:var(--vert);font-weight:600}
.ljd-fiche .fam-maitrise-mols b{font-weight:600;color:var(--vert)}

/* ---------- listes imbriquées (par classe) ---------- */
.ljd-fiche .bloc ul .sous{margin-top:4px}
.ljd-fiche .bloc ul .sous li{padding:4px 0 4px 18px;border-bottom:none;font-size:15.5px}
.ljd-fiche .bloc ul .sous li::before{left:2px;top:15px;width:6px;background:var(--dore)}
.ljd-fiche .bloc ol.sous{list-style:decimal;padding-left:22px}
.ljd-fiche .bloc ol.sous li{padding:3px 0 3px 4px;border-bottom:none;font-size:15.5px}
.ljd-fiche .bloc ol.sous li::before{content:none}
.ljd-fiche .fam-classe+.fam-classe{margin-top:18px}
.ljd-fiche .fam-classe h3{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:600;color:var(--vert);line-height:1.35;padding-left:10px;border-left:3px solid var(--dore);margin-bottom:4px}

/* ---------- vidéo à la demande ---------- */
.ljd-fiche .fam-video .video-cadre{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--vert)}
.ljd-fiche .fam-video .video-cadre:focus-within{outline:3px solid var(--vert);outline-offset:3px}
.ljd-fiche .fam-video .video-facade{position:absolute;inset:0;display:block;color:var(--creme);text-decoration:none}
.ljd-fiche .fam-video .video-facade:focus-visible{outline:none}
.ljd-fiche .fam-video .video-facade img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.ljd-fiche .fam-video .video-sans-image{position:absolute;inset:0;display:flex;align-items:flex-end;padding:22px 24px;font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:26px;line-height:1.2;color:var(--creme)}
.ljd-fiche .fam-video .video-lecture{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--vert);color:var(--creme);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.28);border:2px solid var(--creme);transition:transform .2s ease}
.ljd-fiche .fam-video .video-lecture svg{width:32px;height:32px;margin-left:4px}
.ljd-fiche .fam-video .video-facade:hover .video-lecture{transform:scale(1.06);background:var(--vert-hover)}
.ljd-fiche .fam-video .video-facade:hover img{transform:scale(1.02)}
.ljd-fiche .fam-video .video-duree{position:absolute;right:10px;bottom:10px;background:rgba(34,40,31,.88);color:var(--blanc);font-size:13px;font-weight:600;padding:3px 9px;border-radius:6px}
.ljd-fiche .fam-video iframe, .ljd-fiche .fam-video .video-yt{position:absolute;inset:0;width:100%;height:100%;border:0}
.ljd-fiche .fam-video .video-chargement::after{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:3px solid rgba(247,240,227,.3);border-top-color:var(--creme);animation:fam-tourne .9s linear infinite}
@keyframes fam-tourne{to{transform:rotate(360deg)}}
.ljd-fiche .fam-video-tete .fam-video .video-note{font-size:12px;line-height:1.45;color:var(--gris-texte);margin-top:8px}
.ljd-fiche .fam-video .video-note strong{font-weight:600}
/* Accord pour le lecteur YouTube, affiché DANS le cadre au premier clic (famille.js, choix de Joseph du 15/10/2026) */
.ljd-fiche .fam-video .video-accord{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px 48px;background:rgba(31,77,58,.94);color:var(--creme);text-align:center}
.ljd-fiche .fam-video .video-accord-texte{margin:0;max-width:34em;font-size:15px;line-height:1.45;color:var(--creme)}
.ljd-fiche .fam-video .video-accord a{color:var(--creme);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ljd-fiche .fam-video .video-accord-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px}
.ljd-fiche .fam-video .video-accord-ok{font:inherit;font-size:15px;font-weight:600;line-height:1.2;color:var(--vert);background:var(--creme);border:0;border-radius:999px;padding:11px 22px;cursor:pointer}
.ljd-fiche .fam-video .video-accord-ok:hover{background:var(--blanc)}
.ljd-fiche .fam-video .video-accord-yt{font-size:14px}
.ljd-fiche .fam-video .video-accord-fermer{position:absolute;top:8px;right:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font:inherit;font-size:24px;line-height:1;color:var(--creme);background:transparent;border:0;border-radius:50%;cursor:pointer}
.ljd-fiche .fam-video .video-accord-fermer:hover{background:rgba(247,240,227,.14)}
.ljd-fiche .fam-video .video-accord button:focus-visible,.ljd-fiche .fam-video .video-accord a:focus-visible{outline:3px solid var(--creme);outline-offset:3px}
.ljd-fiche .fam-video .chapitres-titre{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;color:var(--dore-texte);margin:18px 0 6px;cursor:pointer;list-style:none;padding:4px 0}
.ljd-fiche .fam-video .chapitres-titre::-webkit-details-marker{display:none}
.ljd-fiche .fam-video .chapitres-titre::marker{content:""}
.ljd-fiche .fam-video .chapitres-titre .n{letter-spacing:1px;color:var(--gris-texte)}
.ljd-fiche .fam-video .chevron-ch{width:8px;height:8px;border-right:2px solid var(--vert);border-bottom:2px solid var(--vert);transform:rotate(45deg);margin:-3px 0 0 2px;transition:transform .2s ease}
.ljd-fiche .fam-video .chapitres-pli[open] .chevron-ch{transform:rotate(225deg);margin-top:3px}
.ljd-fiche .fam-video .chapitres-titre:focus-visible{outline:2.5px solid var(--vert);outline-offset:2px}
.ljd-fiche .fam-video ol.chapitres{list-style:none;column-count:2;column-gap:22px}
.ljd-fiche .fam-video ol.chapitres li{border-bottom:1px solid var(--bordure-sable);break-inside:avoid}
.ljd-fiche .fam-video ol.chapitres a{display:flex;gap:10px;align-items:baseline;padding:7px 0;color:var(--encre);text-decoration:none;font-size:15px;line-height:1.4}
.ljd-fiche .fam-video ol.chapitres .t{flex:0 0 3.1em;font-variant-numeric:tabular-nums;font-weight:600;color:var(--dore-texte)}
.ljd-fiche .fam-video ol.chapitres a:hover .l{color:var(--vert);text-decoration:underline;text-underline-offset:3px}
.ljd-fiche .fam-video ol.chapitres a.en-cours .l{color:var(--vert);font-weight:600}

/* ---------- molécules de la famille (maîtrise) ---------- */
.ljd-fiche .bloc .fam-mols-intro{font-size:15px;color:var(--gris-texte);margin-bottom:8px}
.ljd-fiche .fam-mols-compte{display:inline-block;font-weight:600;color:var(--vert)}
.ljd-fiche .bloc .fam-mols ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.ljd-fiche .bloc .fam-mols li.fam-mol{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--bordure-sable)}
.ljd-fiche .bloc .fam-mols li.fam-mol::before{content:none}
.ljd-fiche .fam-mol-nom{display:flex;flex-direction:column;min-width:0}
.ljd-fiche .fam-mol-nom a{color:var(--vert);font-weight:600}
.ljd-fiche .fam-mol-note{font-size:13px;line-height:1.35;color:var(--gris-texte)}
.ljd-fiche .fam-mol-btn{flex:0 0 auto;font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;border-radius:999px;padding:6px 13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;background:var(--blanc);color:var(--vert);border:1.5px solid var(--bordure)}
.ljd-fiche .fam-mol-btn .puce{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--vert);background:transparent}
.ljd-fiche .fam-mol-btn:hover{border-color:var(--vert)}
.ljd-fiche .fam-mol-btn[aria-pressed="true"]{background:var(--vert);color:var(--creme);border-color:var(--vert)}
.ljd-fiche .fam-mol-btn[aria-pressed="true"] .puce{background:var(--creme);border-color:var(--creme)}
.ljd-fiche .fam-mol-btn.a-confirmer{border-color:var(--dore);color:var(--dore-texte)}
.ljd-fiche .fam-mol-btn.a-confirmer .puce{border-color:var(--dore);background:var(--dore)}

/* ---------- orienter : rouge, orange, vert (chaque feu doublé de son libellé) ---------- */
.ljd-fiche .feux{display:flex;flex-direction:column;gap:10px}
.ljd-fiche .feu{display:flex;gap:14px;align-items:flex-start;border-radius:12px;padding:14px 18px;border:1px solid var(--bordure-sable);background:var(--blanc)}
.ljd-fiche .feu-pastille{flex:0 0 14px;width:14px;height:14px;border-radius:50%;margin-top:4px}
.ljd-fiche .bloc .feu-titre{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:3px}
.ljd-fiche .feu-corps p{font-size:16px;color:var(--encre)}
.ljd-fiche .feu-rouge{background:var(--alerte-fond);border-color:var(--alerte-bord)}
.ljd-fiche .feu-rouge .feu-pastille{background:var(--alerte)}
.ljd-fiche .feu-rouge .feu-titre{color:var(--alerte)}
.ljd-fiche .feu-orange{background:var(--sable)}
.ljd-fiche .feu-orange .feu-pastille{background:var(--dore)}
.ljd-fiche .feu-orange .feu-titre{color:var(--dore-texte)}
.ljd-fiche .feu-vert{background:var(--blanc-casse)}
.ljd-fiche .feu-vert .feu-pastille{background:var(--vert)}
.ljd-fiche .feu-vert .feu-titre{color:var(--vert)}

/* ---------- les 5 choses à retenir ---------- */
.ljd-fiche ol.reflexes{list-style:none;counter-reset:r;display:flex;flex-direction:column;gap:10px}
.ljd-fiche ol.reflexes li{counter-increment:r;position:relative;padding-left:34px;font-size:16px}
.ljd-fiche ol.reflexes li::before{content:counter(r);position:absolute;left:0;top:0;font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:22px;line-height:1.1;color:var(--dore-texte)}

/* ---------- moyens mnémotechniques ---------- */
.ljd-fiche .bloc ul.mnemos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ljd-fiche .bloc ul.mnemos li.mnemo{padding:16px 18px;border:1px solid var(--bordure-sable);border-top:3px solid var(--dore);border-radius:12px;background:var(--creme);font-size:16px}
.ljd-fiche .bloc ul.mnemos li.mnemo::before{content:none}
.ljd-fiche .bloc .mnemo-tag{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:600;color:var(--dore-texte);margin-bottom:6px}
.ljd-fiche .bloc .mnemo-titre{font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:22px;line-height:1.25;color:var(--vert);margin-bottom:8px}
.ljd-fiche .bloc .mnemo-texte{font-size:15.5px;color:var(--encre)}

/* ---------- à voir aussi, sources ---------- */
.ljd-fiche .note-liee{font-size:14px;color:var(--gris-texte)}
.ljd-fiche .bloc .mention-sources{margin-top:12px;font-size:14px;color:var(--gris-texte)}

@media (max-width:600px){
  .ljd-fiche .fam-video-tete{padding:14px 20px 0}
  .ljd-fiche .fam-video ol.chapitres{column-count:1}
  .ljd-fiche .bloc .fam-mols ul, .ljd-fiche .bloc ul.mnemos{grid-template-columns:1fr}
  .ljd-fiche .fam-video .video-lecture{width:62px;height:62px;margin:-31px 0 0 -31px}
  .ljd-fiche .fam-video .video-lecture svg{width:26px;height:26px}
  .ljd-fiche .fam-video .video-accord{gap:9px;padding:10px 40px 10px 16px}
  .ljd-fiche .fam-video .video-accord-texte{font-size:13px;line-height:1.35}
  .ljd-fiche .fam-video .video-accord-actions{gap:6px 14px}
  .ljd-fiche .fam-video .video-accord-ok{font-size:14px;padding:8px 16px}
  .ljd-fiche .fam-video .video-accord-yt{font-size:13px}
  .ljd-fiche .fam-video .video-accord-fermer{top:4px;right:4px;width:32px;height:32px;font-size:22px}
  .ljd-fiche .feu{padding:12px 14px;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .ljd-fiche .fam-video .video-facade img, .ljd-fiche .fam-video .video-lecture, .ljd-fiche .fam-video .chevron-ch{transition:none}
  .ljd-fiche .fam-video .video-chargement::after{animation:none}
  .ljd-fiche .fam-video .video-facade:hover img, .ljd-fiche .fam-video .video-facade:hover .video-lecture{transform:none}
}
@media print{
  .ljd-fiche .fam-video .video-cadre, .ljd-fiche .fam-video .video-note, .ljd-fiche .fam-mol-btn{display:none}
  .ljd-fiche .mnemos li.mnemo, .ljd-fiche .feu{break-inside:avoid}
}

/* ---------- catalogue /fiches/familles/ : vignettes vidéo, titre sur cartouche ----------
   La miniature de la vidéo occupe toute la carte ; le titre est posé dessus sur un cartouche crème
   quasi opaque (repris du carton titre des vidéos : titre vert, sous-titre en capitales espacées,
   onde dorée), donc lisible quelle que soit la scène. Contraste du texte : celui du vert et de l'or
   texte sur crème (AA). L'onde dorée est décorative (aria-hidden), jamais porteuse d'information. */
.ffam-cat{font-family:'Montserrat',sans-serif;color:#22281F;max-width:1200px;margin:0 auto;padding:28px 16px 40px}
.ffam-cat .ariane{font-size:14px;margin-bottom:22px}
.ffam-cat .ariane a{color:#1F4D3A}
.ffam-cat .ariane-sep{margin:0 6px;color:#565B52}
.ffam-cat .tete-cat{max-width:760px;margin-bottom:28px}
.ffam-cat .tete-cat .eyebrow{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;color:#876114;margin:0 0 6px}
.ffam-cat .tete-cat h1{font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:clamp(30px,6vw,44px);color:#1F4D3A;margin:0 0 12px;line-height:1.15}
.ffam-cat .tete-cat>p{font-size:16px;line-height:1.6;margin:0}
.ffam-cat *{box-sizing:border-box}
.ffam-cat .grille-fam{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ffam-cat .carte-fam a{display:block;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;background:#1F4D3A;box-shadow:0 0 0 1px #E3DCCB;transition:transform .2s ease,box-shadow .2s ease}
.ffam-cat .carte-fam a:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #E3DCCB,0 10px 26px rgba(31,77,58,.18)}
.ffam-cat .carte-fam a:focus-visible{outline:3px solid #1F4D3A;outline-offset:3px}
/* la vignette garde le ratio 16/9 comme hauteur minimale ; le cartouche est dans le flux, en bas :
   si le texte grandit (zoom, espacement des lettres), la carte s'agrandit au lieu de masquer l'image */
.ffam-cat .carte-fam .vig{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;aspect-ratio:16/9;padding:44px 14px 14px;container-type:inline-size}
.ffam-cat .carte-fam .vig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.ffam-cat .carte-fam a:hover .vig img{transform:scale(1.03)}
.ffam-cat .carte-fam .vig-duree{position:absolute;z-index:1;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(34,40,31,.88);color:#FFFFFF;font-size:12.5px;font-weight:600;line-height:1.2;padding:4px 10px 4px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
.ffam-cat .carte-fam .vig-duree svg{width:12px;height:12px;flex:0 0 auto}
.ffam-cat .carte-fam .cartouche{position:relative;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 18px 10px;background:rgba(247,240,227,.96);border-radius:10px;box-shadow:0 4px 18px rgba(20,30,24,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* la rubrique est écrite après le titre (nom du lien : la famille d'abord), affichée au-dessus */
.ffam-cat .carte-fam .aire{order:-1;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;line-height:1.3;color:var(--c,#876114)}
.ffam-cat .carte-fam .titre{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;font-size:26px;line-height:1.12;color:#1F4D3A;text-wrap:balance}
.ffam-cat .carte-fam .sous{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;line-height:1.35;color:#1F4D3A}
/* onde décorative : couleur portée par stroke (le doré vif n'est jamais une couleur de texte) */
.ffam-cat .carte-fam .onde{display:block;width:70%;height:10px;margin-top:4px;stroke:#C9942B;overflow:visible}
/* trois vignettes par ligne (retour de Joseph du 08/10), deux sur tablette, une sur téléphone */
@media (max-width:1000px){.ffam-cat .grille-fam{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (max-width:640px){.ffam-cat .grille-fam{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}
@media (min-width:641px){ /* plusieurs colonnes : cartouches de même hauteur, titres alignés dans la rangée */
  .ffam-cat .carte-fam .cartouche{min-height:106px}
  .ffam-cat .carte-fam .onde{margin-top:auto}
  @container (max-width:440px){.ffam-cat .carte-fam .cartouche{min-height:76px}}
}
/* recherche et filtres par aire (révélés par catalogue-famille.js) */
.ffam-cat .outils-fam{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.ffam-cat .outils-fam[hidden]{display:none} /* sans JS : rien d'inutilisable à l'écran */
.ffam-cat .recherche-fam{position:relative;max-width:460px}
.ffam-cat .recherche-fam .loupe{position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;color:#565B52;pointer-events:none}
.ffam-cat .recherche-fam input{width:100%;font:inherit;font-size:16px;padding:12px 18px 12px 44px;border:1.5px solid #1F4D3A;border-radius:999px;background:#FFFFFF;color:#22281F}
.ffam-cat .recherche-fam input::placeholder{color:#565B52}
.ffam-cat .recherche-fam input:focus-visible{outline:2.5px solid #1F4D3A;outline-offset:2px}
.ffam-cat .filtres-fam{display:flex;flex-wrap:wrap;gap:8px}
.ffam-cat .filtres-fam button{font:inherit;font-size:13.5px;font-weight:600;line-height:1.2;color:var(--c,#1F4D3A);border:1.5px solid var(--c,#1F4D3A);border-radius:999px;padding:7px 14px;background:#FFFFFF;cursor:pointer}
.ffam-cat .filtres-fam button span{font-weight:500}
.ffam-cat .filtres-fam button:hover{background:#F7F0E3}
.ffam-cat .filtres-fam button[aria-pressed="true"]{background:var(--c,#1F4D3A);color:#FFFFFF}
.ffam-cat .filtres-fam button:focus-visible{outline:2.5px solid #1F4D3A;outline-offset:2px}
.ffam-cat .ffam-compte{font-size:14px;color:#565B52;margin:0;min-height:1.2em}
.ffam-cat .ffam-aucune{text-align:center;padding:28px 16px;border:1px dashed #E3DCCB;border-radius:14px;background:#FFFFFF}
.ffam-cat .ffam-aucune p{margin:0 auto 14px;max-width:520px;font-size:16px;line-height:1.55;color:#22281F}
.ffam-cat .ffam-reinit{font:inherit;font-size:15px;font-weight:600;color:#FFFFFF;background:#1F4D3A;border:0;border-radius:999px;padding:10px 20px;cursor:pointer}
.ffam-cat .ffam-reinit:hover{background:#173B2C}
.ffam-cat .ffam-reinit:focus-visible{outline:2.5px solid #1F4D3A;outline-offset:3px}
@container (max-width:440px){ /* téléphone : cartouche compact, la scène reste visible */
  .ffam-cat .carte-fam .vig{padding:40px 8px 8px}
  .ffam-cat .carte-fam .cartouche{padding:6px 12px 5px;gap:1px}
  .ffam-cat .carte-fam .aire,.ffam-cat .carte-fam .sous{letter-spacing:1.5px;line-height:1.2}
  .ffam-cat .carte-fam .titre{font-size:22px;line-height:1.08}
  .ffam-cat .carte-fam .onde{height:6px;margin-top:2px}
  .ffam-cat .carte-fam .vig-duree{top:8px;right:8px}
}
.ffam-cat .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ffam-cat .ffam-vide{font-size:16px;color:#565B52}
.ffam-cat .ffam-note{font-size:13px;line-height:1.5;color:#565B52;margin:28px auto 0;max-width:720px;text-align:center}
@media (max-width:600px){
  .ffam-cat{padding:18px 16px 32px}
  .ffam-cat .filtres-fam{gap:6px;margin:-6px -16px -2px;padding:6px 16px 6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ffam-cat .filtres-fam::-webkit-scrollbar{display:none}
  .ffam-cat .filtres-fam button{font-size:13px;padding:6px 12px;white-space:nowrap;flex:0 0 auto}
  .ffam-cat .tete-cat h1{font-size:30px}
}
@media (prefers-reduced-motion:reduce){.ffam-cat .carte-fam a,.ffam-cat .carte-fam .vig img{transition:none}.ffam-cat .carte-fam a:hover,.ffam-cat .carte-fam a:hover .vig img{transform:none}}