.multi-view-toggle {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.view-container {
  display: none;
}

.view-container.active {
  display: block;
}

.toggle-buttons {
  margin-top: 12px;
  text-align: center;
  gap: 8px;
}

.toggle-buttons button {
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #f7f7f7;
  cursor: pointer;
  border-radius: 6px;
}

.toggle-buttons button:hover {
  background: #eee;
}
.view-container {
    /* position: absolute; */
}
.multi-view-toggle {
  position: relative;
  /* overflow: hidden; */
  width: 100%;
  height: auto; /* ou fixe selon ton design */
}

.view-container {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  transition: left 1.3s ease, opacity 0s ease;
  opacity: 0;
  /* z-index: 1; */
  display: none;
}

.view-container.active {
  left: 0;
  opacity: 1;
  /* z-index: 2; */
}


div#block-civictheme-views-block-laadd-l-khyr-mn-ljryd-block-1 {
    z-index: 1;
    background: #fff;
}