/* Atmospheric layer stays decorative and below controls. Static gradients remain when animation is disabled. */
#bm-smoke{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.20;transition:opacity .6s ease}
body[data-smoke-section="hero"] #bm-smoke{opacity:.29}
body[data-smoke-section="catalog"] #bm-smoke{opacity:.20}
body[data-smoke-section="normal"] #bm-smoke{opacity:.15}
body[data-smoke-section="product"] #bm-smoke{opacity:.12}
body[data-smoke-section="legal"] #bm-smoke{opacity:.055}
body:has(dialog[open]) #bm-smoke{opacity:.035}
#bm-hero-smoke{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:1}
/* mix-blend-mode: screen ajoutait la fumee au fond ; sur l'image florale
   claire du hero il la rendait invisible. On passe en "normal" pour que la
   fumee se detache aussi sur fond clair, quitte a perdre un peu de lueur. */
#bm-hero-smoke{mix-blend-mode:normal}
.hero-collection .hero-pack{z-index:4}
.hero-collection .hero-bloom{z-index:1}
body:has(.contenu) .tete,body:has(.contenu) .contenu,body:has(.contenu) .pied{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){#bm-smoke,#bm-hero-smoke{display:none!important}}