/* ============================================================
   ALOÉ BIEN-ÊTRE - bienfaits.css
   Chargé par bienfaits-aloe-vera.php : bouteille + liste des bienfaits.
   ============================================================ */

/* ---------- Bienfaits ---------- */
.bienfaits-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.bienfaits-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:340px}
.bienfaits-visual::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(140,198,63,.18),rgba(140,198,63,0) 70%)}
.bienfaits-bottle{position:relative;max-height:440px;width:auto;filter:drop-shadow(0 22px 44px rgba(45,90,39,.20))}
.bienfaits-content h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:16px}
.bienfaits-desc{color:var(--muted);margin-bottom:26px;font-size:1.05rem}
.bienfaits-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bienfaits-grid li{display:flex;gap:11px;align-items:flex-start;background:var(--white);border:1px solid #eaeaea;border-radius:10px;padding:14px 15px;font-size:.94rem;line-height:1.4;box-shadow:0 3px 10px rgba(0,0,0,.03);transition:transform .4s var(--e),box-shadow .4s var(--e),border-color .4s}
.bienfaits-grid li:hover{transform:translateY(-4px);border-color:var(--fl-green-lime);box-shadow:0 12px 26px rgba(45,90,39,.10)}
.bienfaits-grid li i{color:var(--fl-green-lime);font-size:1.1rem;margin-top:2px;flex:none}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:992px){
  .bienfaits-wrap{grid-template-columns:1fr;gap:32px}
  .bienfaits-visual{min-height:auto}
  .bienfaits-bottle{max-height:320px}
}
@media (max-width:768px){
  .bienfaits-grid{grid-template-columns:1fr}
}

/* ---------- Robustesse : images manquantes ---------- */
img.bienfaits-bottle{min-height:180px}