/* Conteneur central uniquement */
#qualitesBloc .engagementsMiddle .swiper-container {
  overflow: hidden;
  position: relative;
}

/* Empiler verticalement le wrapper Swiper du module */
#qualitesBloc .engagementsMiddle .swiper-wrapper {
  display: flex;
  flex-direction: column;
  will-change: transform;
}

/* Chaque slide occupe la hauteur visible du conteneur */
#qualitesBloc .engagementsMiddle .swiper-slide {
  height: auto;
  /* forcer une hauteur égale au viewport du conteneur si souhaité:
     min-height: var(--sliderH, 360px); */
}

/* Pas de flèches */
#qualitesBloc .engagementsMiddle .swiper-button-prev,
#qualitesBloc .engagementsMiddle .swiper-button-next {
  display: none !important;
}

/* Conteneur slider central */
#qualitesBloc .engagementsMiddle .swiper-container {
  position: relative;
  height: 600px !important;
  overflow: hidden;
}

/* Bullets centrés dans le bloc */
#qualitesBloc .engagementsMiddle .swiper-pagination {
  position: absolute;
  left: 0; right: 0; bottom: 0; 
  top: auto; transform: none;
  display: flex; justify-content: center; gap: 8px;
  z-index: 5;
}

#qualitesBloc .products_slider .swiper-pagination, .static_bullets .swiper-pagination {
    margin: 12px 0 0;
}

/* Réserve de place pour éviter le chevauchement texte/bullets */
#qualitesBloc .engagementsMiddle .swiper-slide .elementor-image-box-wrapper {
  padding-bottom: 28px;
}

/* Bullets visibles (neutre) */
#qualitesBloc .engagementsMiddle .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e0d7cc;
  opacity: 0.4;
}

#qualitesBloc .engagementsMiddle .swiper-pagination-bullet-active {
  opacity: 1;
  background: #DACFC3;
}

/* Pas de flèches */
#qualitesBloc .engagementsMiddle .swiper-button-prev,
#qualitesBloc .engagementsMiddle .swiper-button-next {
  display: none !important;
}

#qualitesBloc .engagementsMiddle .swiper-slide .elementor-image-box-wrapper {
  background: #fff;
}

#qualitesBloc .engagementsMiddle .st_image_layered_desc {
  font-weight: 300;
}

/* ---- */

/* Espace réservé pour l’icône au-dessus du titre */
#qualitesBloc .engagementsMiddle .swiper-slide .elementor-image-box-wrapper {
  position: relative;
  padding-top: 110px;
}

/* Cercle + icône centrés */
#qualitesBloc .engagementsMiddle .swiper-slide .elementor-image-box-wrapper::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 14%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  border: 1px solid #DACFC3;
  border-radius: 50%;
  padding: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px 26px;
  background-color: #FAF7F4;
  pointer-events: none;
}

/* Slide 1 → icon-dog.svg */
#qualitesBloc .engagementsMiddle .elementor-repeater-item-c4a76f3 
  .elementor-image-box-wrapper::before {
  background-image: url("/themes/panda_child_v3/assets/img/icon-dog.svg");
}

/* Slide 2 → icon-check.svg */
#qualitesBloc .engagementsMiddle .elementor-repeater-item-45dc914 
  .elementor-image-box-wrapper::before {
  background-image: url("/themes/panda_child_v3/assets/img/icon-check.svg");
}

/* Slide 3 → icon-check.svg */
#qualitesBloc .engagementsMiddle .elementor-repeater-item-138cc6e 
  .elementor-image-box-wrapper::before {
  background-image: url("/themes/panda_child_v3/assets/img/icon-leafs.svg");
}

/* Slide 4 → icon-accessibility.svg */
#qualitesBloc .engagementsMiddle .elementor-repeater-item-4bb0e2f 
  .elementor-image-box-wrapper::before {
  background-image: url("/themes/panda_child_v3/assets/img/icon-accessibility.svg");
}