/* Pastille « panier » qui suit le défilement (js/panier-flottant.js), demandée par Jérémy le 22/10/2026 :
   visible seulement si le panier contient quelque chose et que l'en-tête est sorti de l'écran. */
.pf{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--noyer);color:#FAF7F2;box-shadow:0 10px 26px -10px rgba(42,33,25,.65);text-decoration:none;opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .25s ease,transform .25s ease,bottom .3s ease}
.pf.on{opacity:1;transform:none;pointer-events:auto}
.pf:hover{background:#4A2F1D}
.pf:focus-visible{outline:2px solid var(--nuit);outline-offset:3px}
.pf svg{width:24px;height:24px}
.pf-n{position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:11px;background:var(--or);color:var(--nuit);font:600 12.5px/22px Jost,system-ui,sans-serif;text-align:center}
/* Sur une fiche, au téléphone : au-dessus de la barre « Ajouter au panier » quand elle est affichée */
body:has(.barre-achat.on) .pf{bottom:calc(84px + env(safe-area-inset-bottom))}
@media (min-width:900px){body:has(.barre-achat.on) .pf{bottom:calc(16px + env(safe-area-inset-bottom))}}
/* Pendant le message « Ajouté au panier », la pastille s'efface pour ne pas le gêner */
body.toast-on .pf{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.pf{transition:none}}