/* ===== DIAPO HEADER — 350x108 px fixes, dots si N>=2, pas de flèches ===== */

#vmDiapo{
  position:relative !important;
  display:inline-block !important;
  width:350px !important; min-width:350px !important; max-width:350px !important;
  height:108px !important; /* 350*(200/650)=107.69 -> 108 */
  margin:0 10px !important; padding:0 !important;
  flex:0 0 350px !important;
  z-index:5 !important;
  line-height:0 !important;
  box-sizing:content-box !important;
}

/* Fenêtre stricte 350x108 */
#vmDiapo .vm-viewport{
  position:relative !important;
  width:350px !important; height:108px !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#f4f4f4 !important;
}

/* Piste & slides occupent TOUT le viewport */
#vmDiapo .vm-track{
  position:absolute !important; inset:0 !important;
  display:flex !important;
  width:auto !important; height:108px !important;
  transition:transform .45s ease !important;
  will-change:transform !important; touch-action:pan-y !important;
}
#vmDiapo .vm-slide{
  position:relative !important;
  display:block !important; text-decoration:none !important;
  flex:0 0 350px !important;
  width:350px !important; height:108px !important;
}
#vmDiapo .vm-slide img{
  display:block !important;
  width:350px !important; height:108px !important;
  max-width:none !important; max-height:none !important;
  object-fit:cover !important; object-position:center !important;
  border:0 !important;
}

/* Points (seuls contrôles) — parfaitement ronds, à l’intérieur du viewport */
#vmDiapo .vm-bottom{
  position:absolute !important;
  left:8px !important; right:8px !important; bottom:6px !important;
  display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important;
  z-index:6 !important; pointer-events:none !important;
}
#vmDiapo .vm-dots{
  pointer-events:auto !important; display:flex !important; gap:6px !important;
  background:rgba(0,0,0,.25) !important; padding:4px 6px !important; border-radius:999px !important;
  font-size:0 !important; line-height:0 !important;
}
#vmDiapo .vm-dot{
  position:relative !important; display:inline-block !important;
  width:14px !important; height:14px !important;
  padding:0 !important; margin:0 !important;
  border:0 !important; background:transparent !important;
  border-radius:50% !important; -webkit-appearance:none !important; appearance:none !important;
  cursor:pointer !important; font-size:0 !important; line-height:0 !important;
}
#vmDiapo .vm-dot::before{
  content:"" !important; position:absolute !important; inset:3px !important;
  display:block !important; border-radius:50% !important; background:#d7d7d7 !important;
}
#vmDiapo .vm-dot.is-active::before{ background:#888 !important; }

/* Sécurité : neutralise les styles globaux intrusifs */
#vmDiapo *{ pointer-events:auto !important; box-sizing:border-box !important; }