/* Aux Jolies Fleurs — variante animée (GSAP + Lenis).
   Ces règles ne s'appliquent que si animations.js a démarré (classe « anime » sur <html>) :
   sans JavaScript, ou avec le réglage « moins d'animations », le site reste celui de la version simple. */

.anime{scroll-behavior:auto}
.anime .apparait{opacity:1; transform:none}
.anime .apparait:not(.pret){transition:none}

/* GSAP déplace ces cartes : leurs transitions CSS sur « transform » le gêneraient */
.anime #liste-bouquets .produit{transition:box-shadow .4s}
.anime #liste-bouquets .produit:hover{transform:none}
.anime .rayon-carte{transition:box-shadow .4s; will-change:transform}
.anime .rayon-carte:hover{transform:none}

/* Parallaxe : la photo glisse dans son cadre */
.anime .photo{overflow:hidden; border-radius:var(--r)}
.anime .sapin__figure{overflow:hidden; border-radius:var(--r)}

/* Fil d'avancement, tout en haut */
.progression{position:fixed; left:0; right:0; top:0; height:3px; z-index:70; background:var(--fuchsia); transform:scaleX(0); transform-origin:0 50%; pointer-events:none}

/* La fleur qui vole de sa fiche jusqu'au bouquet */
.vol{position:fixed; left:0; top:0; z-index:80; border-radius:50%; object-fit:cover; pointer-events:none; box-shadow:0 10px 24px -8px rgba(36,38,42,.5)}
.anime .apercu img{animation:none}
