/* ===== DIVIDED ===== */
.divided {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
}

.text-group {
  flex: 1 1 60%;
  padding: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.divided img,
.slideshow img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10%;
  display: block;
}

/* ===== DIVIDED2 ===== */
.divided2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5em;
}

.text-group2 {
  flex: 70 0 0%;
}

.divided2 img {
  flex: 0 0 30%;
  max-width: 100%;
}

/* ===== SLIDESHOW ===== */
.slideshow {
  flex: 0 0 30%;
  border-radius: 10%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.slideshow ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.slideshow li {
  display: none;
}

.slideshow li.active {
  display: block;     /* visible uniquement */
}

/* ===== MEDIA QUERIES ===== */
@media screen and (max-width: 830px) {
  .divided {
    flex-direction: column-reverse;
    align-items: center;
  }


  .slideshow {
    flex: 1 1 100%;
    max-height: 40vh;
  }

  .slideshow img {
    width: 100%;
    height: auto;
  }
}