.elementor-17020 .elementor-element.elementor-element-c90a393{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0ef3f50 *//* === PATCH VISIBILITÉ TITRES BANNIÈRE FILTRATION === */
#filtration-hero .hero-img img{
  position:relative; z-index:1; filter:none !important; opacity:1 !important;
}

#filtration-hero .shade{
  position:absolute; inset:0; z-index:2 !important; pointer-events:none;
  /* voile plus léger */
  background:linear-gradient(90deg,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.35) 40%,
    rgba(0,0,0,.18) 70%,
    rgba(0,0,0,0) 100%) !important;
}

/* Panneau lisible sous le texte (pas de pseudo-élément) */
#filtration-hero .content{
  position:absolute; left:24px; right:auto; bottom:22px;
  z-index:9 !important; max-width:820px;
  background:rgba(9, 15, 23, .78);   /* panneau sombre translucide */
  backdrop-filter:saturate(120%) blur(2px);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px; padding:16px 18px; display:inline-block;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}

/* Couleurs/contraste forcés */
#filtration-hero h1{ 
  color:#fff !important; margin:0 0 8px; 
  font-size:clamp(24px,4.2vw,40px); line-height:1.1; font-weight:900;
  text-shadow:0 2px 14px rgba(0,0,0,.65), 0 0 1px rgba(0,0,0,.9);
}
#filtration-hero .lead{
  color:#eaf1ff !important; margin:0 0 10px; font-size:clamp(14px,2.2vw,18px);
}

/* Bouton Amazon toujours lisible */
#filtration-hero .amz-btn{
  z-index:10; background:#FF9900; color:#111; border:1px solid #d98500;
  padding:12px 16px; border-radius:12px; font-weight:900; text-decoration:none;
  box-shadow:0 8px 18px rgba(255,153,0,.25);
}
#filtration-hero .amz-btn:hover{ background:#ec8b00 }

/* Tue tout overlay parasite éventuel du thème/Elementor sur la section */
section#filtration-hero > .elementor-background-overlay,
#filtration-hero [class*="overlay"]{ background:transparent !important; opacity:0 !important; display:none !important; }/* End custom CSS */