/* ==================================================================
   Le faire-part animé vendu seul (13/10/2026, app/faire-part-seul.php) :
   la page /faire-part-anime et l'espace restreint d'un faire-part seul.
   Feuille propre à ces pages, posée par templates/maison.php à la place
   de site.css (`feuilles`, comme calculateur.css) : aucune valeur
   esthétique propre, les jetons de systeme.css seulement, et les couleurs
   de pastille des modèles, données de produit posées en ligne par le
   script (--fpa-p1, --fpa-p2).

   Les règles des cartes de modèle et du téléphone de l'aperçu sont une
   COPIE au caractère près de celles de l'atelier (papeterie.css, bloc des
   faire-part animés) : une retouche là-bas se reporte ici.
   ================================================================== */
.fpa-modeles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4)}
.fpa-modele{display:flex;flex-direction:column;min-width:0;border:1px solid var(--trait);border-radius:var(--r-md);background:var(--surface);overflow:hidden;transition:border-color var(--duree-courte) var(--courbe),box-shadow var(--duree) var(--courbe)}
.fpa-modele:hover{border-color:var(--trait-fort)}
.fpa-modele.actif{border-color:var(--encre);box-shadow:0 0 0 1px var(--encre),var(--ombre-2)}
.fpa-modele-vignette{position:relative;display:block;width:100%;aspect-ratio:1200/630;padding:0;border:0;background:linear-gradient(135deg,var(--fpa-p1),var(--fpa-p2));overflow:hidden;cursor:pointer}
.fpa-modele-vignette img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duree-longue) var(--courbe)}
.fpa-modele-vignette:hover img{transform:scale(1.04)}
.fpa-modele-vignette:focus-visible{outline:2px solid var(--encre);outline-offset:-4px}
.fpa-modele-badge{position:absolute;top:var(--e2);left:var(--e2);padding:3px var(--e2);border-radius:var(--r-rond);background:var(--surface);color:var(--vert);font-size:var(--t-xs);font-weight:600;letter-spacing:0.04em;box-shadow:var(--ombre-1)}
.fpa-modele-corps{display:flex;flex-direction:column;gap:var(--e2);padding:var(--e4)}
.fpa-modele-tete{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e2)}
.fpa-modele-nom{font-family:var(--serif);font-size:var(--t-lg);line-height:var(--interligne-serre);color:var(--encre)}
.fpa-modele-coloris{font-size:var(--t-xs);letter-spacing:var(--chasse-etiquette);text-transform:uppercase;color:var(--encre-3);white-space:nowrap}
.fpa-modele-accroche{margin:0;font-size:var(--t-sm);line-height:var(--interligne);color:var(--encre-2)}
.fpa-pastilles{display:flex;gap:var(--e1);margin:var(--e1) 0 0 calc(var(--e1) * -1)}
.fpa-pastille{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--r-rond);background:none;cursor:pointer}
.fpa-pastille i{display:block;width:30px;height:30px;border:1px solid var(--trait);border-radius:var(--r-rond);background:linear-gradient(135deg,var(--fpa-p1) 0 56%,var(--fpa-p2) 56% 100%);transition:transform var(--duree-courte) var(--courbe),box-shadow var(--duree-courte) var(--courbe)}
.fpa-pastille:hover i{transform:scale(1.08)}
.fpa-pastille.actif i{border-color:var(--encre);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--encre)}
.fpa-pastille:focus-visible{outline:2px solid var(--encre);outline-offset:0}

.fpa-telephone{box-sizing:border-box;width:min(100%,340px,calc((100vh - 290px) * 0.462 + 22px));min-width:min(100%,260px);padding:11px;border-radius:46px;background:var(--encre);box-shadow:var(--ombre-3),inset 0 0 0 1px var(--encre-2)}
.fpa-telephone-ecran{position:relative;width:100%;height:600px;border-radius:35px;background:var(--encre-appui);overflow:hidden;isolation:isolate}
.fpa-cadre{position:absolute;top:0;left:0;width:390px;height:844px;max-width:none;max-height:none;border:0;background:transparent;transform:scale(var(--fpa-echelle,0.82));transform-origin:0 0}
.fpa-telephone-attente{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:var(--e5);color:var(--sur-volume-doux);font-size:var(--t-sm);text-align:center;background:var(--encre-appui)}
.fpa-telephone-attente[hidden]{display:none}
.fpa-legende{margin:0;font-size:var(--t-xs);letter-spacing:var(--chasse-etiquette);text-transform:uppercase;color:var(--encre-3)}

/* --- La page --- */
.fps-page{padding:var(--e8) 0 var(--e10)}
.fps-intro{max-width:720px;margin-bottom:var(--e7)}
.fps-intro h1{margin:var(--e2) 0 var(--e4);font-family:var(--serif);font-size:var(--t-2xl);font-weight:400;line-height:var(--interligne-serre);color:var(--encre)}
.fps-intro p{margin:0;color:var(--encre-2);line-height:1.7}
.fps-intro p + p{margin-top:var(--e3)}
.fps-intro-liens{font-size:var(--t-sm)}
.fps-intro-liens a{color:var(--encre);text-decoration:underline;text-underline-offset:3px}
.fps-annonce{max-width:720px;margin:0 0 var(--e6);padding:var(--e4) var(--e5);border-radius:var(--r-sm);background:var(--fond-creux);color:var(--encre-2);font-size:var(--t-sm)}
.fps-erreurs{max-width:720px}

/* --- L'atelier : la saisie à gauche, le téléphone à droite --- */
.fps-atelier{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--e8);align-items:start}
.fps-colonne{min-width:0}
.fps-bloc{margin:0 0 var(--e7);padding:0;border:0}
.fps-bloc-titre{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--e3);margin:0 0 var(--e5);font-family:var(--serif);font-size:var(--t-xl);font-weight:400;line-height:var(--interligne-serre);color:var(--encre)}
.fps-numero{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.6em;height:1.6em;border:1px solid var(--trait-fort);border-radius:var(--r-rond);font-family:var(--sans);font-size:var(--t-sm);color:var(--encre-2);transform:translateY(-0.1em)}
.fps-bloc-note{font-family:var(--sans);font-size:var(--t-xs);letter-spacing:var(--chasse-etiquette);text-transform:uppercase;color:var(--encre-3)}
.fps-modeles{margin:0}

.fps-paire{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--e4)}
.fps-paire-ville{grid-template-columns:minmax(96px,0.4fr) minmax(0,1fr)}
.fps-champ{display:block;margin:0 0 var(--e4);min-width:0}
.fps-libelle{display:block;margin-bottom:var(--e2);font-size:var(--t-sm);color:var(--encre-2)}
.fps-libelle em{font-style:normal;font-size:var(--t-xs);color:var(--encre-4)}
.fps-champ input,.fps-champ textarea{box-sizing:border-box;display:block;width:100%;min-height:var(--champ-hauteur);padding:var(--e3) var(--e4);border:1px solid var(--trait);border-radius:var(--r-sm);background:var(--surface);color:var(--encre);font:inherit;font-size:1rem;line-height:var(--interligne)}
.fps-champ textarea{resize:vertical;min-height:calc(var(--champ-hauteur) * 1.6)}
.fps-champ input[type=date],.fps-champ input[type=time]{-webkit-appearance:none;appearance:none;text-align:left}
.fps-champ input:focus-visible,.fps-champ textarea:focus-visible{outline:2px solid var(--encre);outline-offset:1px}
.fps-champ input::placeholder,.fps-champ textarea::placeholder{color:var(--encre-4)}
.fps-pied{display:flex;justify-content:space-between;gap:var(--e3);min-height:0}
.fps-pied:empty{display:none}
.fps-aide{margin-top:var(--e1);font-size:var(--t-xs);line-height:var(--interligne);color:var(--encre-3)}
.fps-compteur{margin:var(--e1) 0 0 auto;font-size:var(--t-xs);color:var(--encre-4);font-variant-numeric:tabular-nums}
.fps-compteur-plein{color:var(--ambre)}
.fps-erreur{display:block;margin:var(--e1) 0 0;font-size:var(--t-sm);line-height:var(--interligne);color:var(--rouge)}
.fps-erreur[hidden]{display:none}
.fps-champ-invalide input,.fps-champ-invalide textarea{border-color:var(--rouge)}

.fps-lieu{position:relative;margin:0 0 var(--e4);padding:var(--e5) var(--e5) var(--e2);border:1px solid var(--trait);border-radius:var(--r-md);background:var(--surface)}
.fps-lieu[hidden]{display:none}
.fps-lieu-titre{padding:0 var(--e2);font-size:var(--t-xs);letter-spacing:var(--chasse-etiquette);text-transform:uppercase;color:var(--encre-3)}
.fps-retirer{padding:var(--e2) 0;border:0;background:none;color:var(--encre-3);font:inherit;font-size:var(--t-xs);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fps-lieu>.fps-retirer{position:absolute;top:calc(var(--e2) * -1);right:var(--e4);padding:0 var(--e2);background:var(--fond)}
.fps-retirer:hover{color:var(--encre)}
.fps-ajouter{margin-top:var(--e1)}
.fps-ajouter[hidden]{display:none}
.fps-programme{display:grid;gap:var(--e3);margin:0 0 var(--e3);padding:0;list-style:none}
.fps-moment{padding:var(--e4) var(--e5) var(--e1);border:1px solid var(--trait);border-radius:var(--r-md);background:var(--surface)}
.fps-moment[hidden]{display:none}
.fps-moment-ligne{display:grid;grid-template-columns:minmax(110px,0.32fr) minmax(0,1fr);gap:0 var(--e4)}
.fps-moment .fps-champ{margin-bottom:var(--e3)}
.fps-moment .fps-retirer{display:block;margin:0 0 var(--e2) auto}

/* --- La commande (page publique) --- */
.fps-commande-cachee{display:none}
.fps-commande{margin:var(--e8) 0 0;padding:var(--e6);border:1px solid var(--trait);border-radius:var(--r-lg);background:var(--surface)}
.fps-commande .fps-bloc-titre{margin-bottom:var(--e4)}
.fps-commande-resume{margin:0 0 var(--e5);color:var(--encre-2);line-height:1.7}
.fps-commande-resume strong{color:var(--encre);font-weight:600}
.fps-case{display:flex;align-items:flex-start;gap:var(--e3);min-height:var(--cible);margin:0;padding:var(--e3) 0;border-top:1px solid var(--fond-creux);font-size:var(--t-sm);line-height:var(--interligne);color:var(--encre-2)}
.fps-case input{flex:0 0 auto;width:20px;height:20px;margin:0.1em 0 0;accent-color:var(--encre)}
.fps-case a{color:var(--encre);text-decoration:underline;text-underline-offset:3px}
.fps-ferme{margin:var(--e4) 0 0;padding:var(--e4) var(--e5);border-radius:var(--r-sm);background:var(--ambre-fond);color:var(--ambre);font-size:var(--t-sm);line-height:var(--interligne)}
.fps-payer{width:100%;min-height:var(--cible);margin-top:var(--e5);font-size:var(--t-md)}
.fps-rassurance{margin:var(--e3) 0 0;font-size:var(--t-xs);line-height:var(--interligne);color:var(--encre-3);text-align:center}

/* --- L'aperçu --- */
.fps-apercu{position:sticky;top:calc(var(--barre-haute) + var(--e4));display:flex;flex-direction:column;align-items:center;gap:var(--e3);min-width:0}
.fps-apercu-actions{display:flex;gap:var(--e2)}
.fps-apercu-note{max-width:300px;margin:0;font-size:var(--t-xs);line-height:var(--interligne);color:var(--encre-3);text-align:center}
.fps-voir-apercu{display:none}

/* --- L'espace --- */
.fps-espace-tete{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--e5);margin-bottom:var(--e7)}
.fps-espace-tete h1{margin:var(--e2) 0 var(--e3);font-family:var(--serif);font-size:var(--t-2xl);font-weight:400;line-height:var(--interligne-serre)}
.fps-espace-statut{margin:0;color:var(--encre-2)}
.fps-deconnexion{flex:0 0 auto;padding:var(--e2) var(--e4);border:1px solid var(--trait);border-radius:var(--r-rond);color:var(--encre-2);font-size:var(--t-sm)}
.fps-deconnexion:hover{border-color:var(--trait-fort);color:var(--encre)}
.fps-carte{margin:0 0 var(--e8);padding:var(--e6);border:1px solid var(--trait);border-radius:var(--r-lg);background:var(--surface)}
.fps-carte h2{margin:0 0 var(--e4);font-family:var(--serif);font-size:var(--t-xl);font-weight:400;line-height:var(--interligne-serre)}
.fps-partage-infos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4);margin:0 0 var(--e5)}
.fps-partage-infos dt{margin-bottom:var(--e1);font-size:var(--t-xs);letter-spacing:var(--chasse-etiquette);text-transform:uppercase;color:var(--encre-3)}
.fps-partage-infos dd{margin:0;font-size:var(--t-md);overflow-wrap:anywhere}
.fps-partage-infos a{color:var(--encre);text-decoration:underline;text-underline-offset:3px}
.fps-partage-boutons{display:flex;flex-wrap:wrap;gap:var(--e2)}
.fps-partage-note{margin:var(--e4) 0 0;font-size:var(--t-sm);line-height:var(--interligne);color:var(--encre-3)}
.fps-section{margin:0 0 var(--e9)}
.fps-section-titre{margin:0 0 var(--e2);font-family:var(--serif);font-size:var(--t-2xl);font-weight:400;line-height:var(--interligne-serre)}
.fps-section-texte{margin:0 0 var(--e6);color:var(--encre-2)}
.fps-enregistrer{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--e4);margin:var(--e6) calc(var(--e4) * -1) 0;padding:var(--e4);border:1px solid var(--trait);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--ombre-2)}
.fps-enregistrer-etat{margin:0;font-size:var(--t-sm);line-height:var(--interligne);color:var(--encre-2)}
.fps-enregistrer-etat[data-genre="ok"]{color:var(--vert)}
.fps-enregistrer-etat[data-genre="erreur"]{color:var(--rouge)}
.fps-enregistrer .btn{flex:0 0 auto}
.fps-vide{margin:0;padding:var(--e5);border:1px dashed var(--trait-fort);border-radius:var(--r-md);color:var(--encre-3)}
.fps-compteurs{display:flex;flex-wrap:wrap;gap:var(--e3);margin:0 0 var(--e5);padding:0;list-style:none}
.fps-compteurs li{padding:var(--e2) var(--e4);border-radius:var(--r-rond);background:var(--fond-creux);font-size:var(--t-sm);color:var(--encre-2)}
.fps-compteurs strong{color:var(--encre);font-variant-numeric:tabular-nums}
.fps-tableau-cadre{border:1px solid var(--trait);border-radius:var(--r-md);background:var(--surface);overflow:hidden}
.fps-tableau{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.fps-tableau th{padding:var(--e3) var(--e4);border-bottom:1px solid var(--trait);font-size:var(--t-xs);font-weight:500;letter-spacing:var(--chasse-etiquette);text-transform:uppercase;color:var(--encre-3);text-align:left}
.fps-tableau td{padding:var(--e3) var(--e4);border-bottom:1px solid var(--fond-creux);color:var(--encre);vertical-align:top;overflow-wrap:anywhere}
.fps-tableau tr:last-child td{border-bottom:0}
.fps-tableau-email{display:block;font-size:var(--t-xs);color:var(--encre-3)}
.fps-statut{display:inline-block;padding:2px var(--e2);border-radius:var(--r-rond);font-size:var(--t-xs);white-space:nowrap}
.fps-statut-confirme{background:var(--vert-fond);color:var(--vert)}
.fps-statut-excuse{background:var(--fond-creux);color:var(--encre-2)}
.fps-statut-attente{background:var(--ambre-fond);color:var(--ambre)}
.fps-complet{display:flex;align-items:center;justify-content:space-between;gap:var(--e7);background:var(--encre);border-color:var(--encre);color:var(--surface)}
.fps-complet .eyebrow{color:var(--sur-volume-doux)}
.fps-complet h2{color:var(--surface)}
.fps-complet p{max-width:62ch;margin:0;color:var(--sur-volume-doux);line-height:1.7}
.fps-complet-actions{display:flex;flex-direction:column;align-items:center;gap:var(--e3);flex:0 0 auto}
.fps-complet .btn-primary{background:var(--surface);border-color:var(--surface);color:var(--encre)}
.fps-complet .btn-primary:hover{background:var(--fond-creux);border-color:var(--fond-creux)}
.fps-complet-demo{color:var(--sur-volume-doux);font-size:var(--t-sm);text-decoration:underline;text-underline-offset:3px}
.fps-complet-demo:hover{color:var(--surface)}
.fps-merci .maison-intro p strong{overflow-wrap:anywhere}

/* --- Le message de confirmation --- */
.fps-toast{position:fixed;left:50%;bottom:var(--e6);z-index:60;max-width:calc(100% - var(--e8));padding:var(--e3) var(--e5);border-radius:var(--r-rond);background:var(--encre);color:var(--surface);font-size:var(--t-sm);box-shadow:var(--ombre-3);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity var(--duree-courte) var(--courbe),transform var(--duree-courte) var(--courbe)}
.fps-toast-visible{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){
.fpa-modeles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.fps-atelier{grid-template-columns:minmax(0,1fr);gap:var(--e6)}
.fps-colonne{display:contents}
.fps-bloc-modeles{order:1;margin:0}
.fps-apercu{order:2;position:static}
.fps-formulaire{order:3}
.fpa-modeles{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(232px,74%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--e5) * -1);padding:var(--e1) var(--e5) var(--e3)}
.fpa-modeles::-webkit-scrollbar{display:none}
.fpa-modele{scroll-snap-align:center}
.fps-voir-apercu{position:fixed;right:var(--e4);bottom:var(--e4);z-index:40;display:inline-flex;align-items:center;min-height:var(--cible);padding:0 var(--e5);border-radius:var(--r-rond);background:var(--encre);color:var(--surface);font-size:var(--t-sm);box-shadow:var(--ombre-3);transition:opacity var(--duree-courte) var(--courbe)}
.fps-voir-apercu-cache{opacity:0;pointer-events:none}
.fps-complet{flex-direction:column;align-items:flex-start;gap:var(--e5)}
.fps-complet-actions{align-items:flex-start}
}
@media (max-width:640px){
.fps-page{padding-top:var(--e6)}
.fps-intro h1,.fps-espace-tete h1,.fps-section-titre{font-size:var(--t-xl)}
.fps-bloc-titre{font-size:var(--t-lg)}
.fps-paire{grid-template-columns:minmax(0,1fr)}
.fps-paire-ville{grid-template-columns:minmax(90px,0.45fr) minmax(0,1fr)}
.fps-moment-ligne{grid-template-columns:minmax(0,1fr)}
.fpa-telephone{max-width:300px;padding:9px;border-radius:40px}
.fpa-telephone-ecran{border-radius:31px}
.fps-commande,.fps-carte{padding:var(--e5)}
.fps-partage-infos{grid-template-columns:minmax(0,1fr)}
.fps-espace-tete{flex-direction:column-reverse;gap:var(--e3)}
.fps-deconnexion{align-self:flex-end}
.fps-enregistrer{flex-direction:column;align-items:stretch;margin-inline:0}
.fps-enregistrer .btn{width:100%}
.fps-tableau thead{display:none}
.fps-tableau,.fps-tableau tbody,.fps-tableau tr,.fps-tableau td{display:block;width:100%}
.fps-tableau tr{padding:var(--e3) var(--e4);border-bottom:1px solid var(--fond-creux)}
.fps-tableau td{padding:var(--e1) 0;border:0}
.fps-tableau td:empty{display:none}
.fps-tableau td:is([data-titre="Personnes"],[data-titre="Moments"],[data-titre="Régime ou allergies"],[data-titre="Message"])::before{content:attr(data-titre) " : ";color:var(--encre-3)}
}
@media (prefers-reduced-motion:reduce){
.fpa-modele-vignette img,.fpa-pastille i,.fps-toast{transition:none}
}
@media (max-width:900px){
/* 15/10/2026 : la règle visait « .fps-espace », classe qui n'existe pas ; le
   bouton restait sous la barre du bas de l'espace, impossible à toucher. */
.fps-espace-anime .fps-voir-apercu{bottom:calc(var(--cible) + var(--e10) + var(--e6))}
}
/* L'espace d'un compte faire-part seul, dans la Papeterie de l'espace marié (14/10/2026). */
.fps-espace-papeterie .fps-espace-statut{margin:0 0 var(--e4);font-size:var(--t-sm);color:var(--encre-2)}
.fps-espace-papeterie .fps-partage{margin-bottom:var(--e6)}
.fps-espace-papeterie .fps-partage h3,.fps-espace-intro h3,.fps-espace-reponses .fps-section-titre{margin:0 0 var(--e3);font-family:var(--serif);font-size:var(--t-lg);font-weight:400}
.fps-espace-papeterie [data-action="envoyer"],.fps-espace-papeterie [data-action="voir-offres"]{display:none!important}
.fps-espace-intro{margin:0 0 var(--e5)}
.fps-espace-intro p{margin:0;color:var(--encre-2);font-size:var(--t-sm)}
.fps-espace-anime{margin-top:var(--e4)}
.fps-espace-anime .fps-atelier{margin-top:0}
.fps-espace-reponses{margin-top:var(--e9)}
.fps-complet-encart{display:flex;align-items:center;justify-content:space-between;gap:var(--e5);margin-top:var(--e8);padding:var(--e4) var(--e5);border-radius:var(--r-md);background:var(--fond-creux)}
.fps-complet-encart p{margin:0;font-size:var(--t-sm);color:var(--encre-2)}
.fps-complet-encart .btn{flex:0 0 auto}
@media (max-width:640px){
.fps-complet-encart{flex-direction:column;align-items:stretch}
}
.fps-espace-papeterie .pap-sousnav{display:none}
/* La page /faire-part (14/10/2026) : la vitrine des classiques et l'atelier des animés. */
.fpb-rubriques{display:flex;flex-wrap:wrap;gap:var(--e2);margin-top:var(--e5)}
.fpb-rubrique{display:inline-flex;align-items:center;min-height:var(--cible);padding:0 var(--e5);border:1px solid var(--trait-fort);border-radius:var(--r-rond);background:var(--surface);color:var(--encre);font-size:var(--t-sm);text-decoration:none}
.fpb-rubrique:hover{border-color:var(--encre)}
.fpb-rayon{margin:var(--e9) 0 0;scroll-margin-top:calc(var(--barre-haute) + var(--e4))}
.fpb-rayon-tete{max-width:760px;margin-bottom:var(--e6)}
.fpb-rayon-tete h2{margin:0 0 var(--e3);font-family:var(--serif);font-size:var(--t-2xl);font-weight:400;line-height:var(--interligne-serre)}
.fpb-rayon-tete p{margin:0;color:var(--encre-2);line-height:1.7}
.fpb-rayon-tete strong{color:var(--encre);font-weight:500}
.fpb-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e5)}
.fpb-grille-animes{grid-template-columns:repeat(3,minmax(0,1fr))}
.fpb-modele{display:flex;flex-direction:column;min-width:0;border:1px solid var(--trait);border-radius:var(--r-md);background:var(--surface);overflow:hidden}
.fpb-vignette{display:flex;justify-content:center;padding:var(--e5) var(--e5) var(--e3);background:var(--fond-creux);aspect-ratio:auto;overflow:hidden}
.fpb-vignette>.fpt-face{box-shadow:var(--ombre-2)}
.fpb-vignette-image{display:block;width:100%;height:auto;aspect-ratio:600/315;object-fit:cover;background:var(--fond-creux)}
.fpb-modele-corps{display:flex;flex:1;flex-direction:column;gap:var(--e3);padding:var(--e4) var(--e4) var(--e5)}
.fpb-modele-corps h3{margin:0;font-family:var(--serif);font-size:var(--t-lg);font-weight:400}
.fpb-modele-corps p{margin:0;font-size:var(--t-sm);color:var(--encre-2)}
.fpb-modele-corps .btn{margin-top:auto;align-self:flex-start}
.fpb-pastilles{display:flex;gap:var(--e1)}
.fpb-composer{margin:var(--e8) 0 0;padding-top:var(--e6);border-top:1px solid var(--trait);scroll-margin-top:calc(var(--barre-haute) + var(--e4))}
.fpb-complet{margin:var(--e9) 0 0;color:var(--encre-2);font-size:var(--t-sm)}
.fpb-inclus{margin-top:auto!important;color:var(--encre)!important;font-weight:500}
.fpb-classiques-pied{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e5);margin-top:var(--e6)}
.fpb-classiques-pied span{color:var(--encre-2);font-size:var(--t-sm)}
@media (max-width:900px){
.fpb-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
.fpb-grille-animes{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.fpb-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e3)}
.fpb-vignette{padding:var(--e3) var(--e3) var(--e2)}
.fpb-modele-corps{padding:var(--e3)}
.fpb-modele-corps .btn{align-self:stretch;height:auto;min-height:var(--cible);padding:8px var(--e3);white-space:normal;line-height:1.25;text-align:center}
.fpb-grille-animes{grid-template-columns:minmax(0,1fr)}
}

.fps-voir-apercu.fpb-voir-cache{opacity:0;pointer-events:none}