#acs-content-area {
  position: relative;
  overflow: hidden;
  transition: height 0.4s ease-in-out;
}

.acs-panel {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out;
  pointer-events: none;
}

.acs-panel.acs-active {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* While editing in Elementor: show every panel, stack them in normal flow
   (not absolutely positioned on top of each other), and let the container
   size itself naturally instead of using the JS-managed pixel height. */
body.elementor-editor-active .acs-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: static !important;
}

body.elementor-editor-active #acs-content-area {
  height: auto !important;
  overflow: visible !important;
}