.mux-slider-root{
  position:relative;
  width:100%;
  min-height:260px;
  --mux-height:520px;
  --mux-gap:18px;
  --mux-speed:550ms;
  --mux-ease:cubic-bezier(0.22,1,0.36,1);
  --mux-active-scale:1.08;
  --mux-side-scale:0.92;
  --mux-side-opacity:78;
}

.mux-slider{
  position:relative;
  overflow:hidden;
  min-height:var(--mux-height);
}

.mux-track{
  display:flex;
  gap:var(--mux-gap);
  min-height:var(--mux-height);
  transform:translate3d(0,0,0);
}

.mux-slide{
  flex:0 0 auto;
  min-height:var(--mux-height);
  display:flex;
  transform:scale(var(--mux-side-scale));
  opacity:calc(var(--mux-side-opacity) / 100);
  transition:transform var(--mux-speed) var(--mux-ease), opacity var(--mux-speed) var(--mux-ease);
  will-change:transform, opacity;
}

.mux-slide.is-active{
  transform:scale(var(--mux-active-scale));
  opacity:1;
}

.mux-card{
  position:relative;
  width:100%;
  height:var(--mux-height);
  overflow:hidden;
  display:flex;
  align-items:flex-end;
}

.mux-media{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}

.mux-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
}

.mux-content{
  position:relative;
  z-index:2;
  width:100%;
  padding:18px;
}

.mux-heading, .mux-text{
  margin:0 0 10px;
}

.mux-button{
  display:inline-block;
  text-decoration:none;
}

/* nav */
.mux-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  border:none;
  cursor:pointer;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.mux-prev{ left:12px; }
.mux-next{ right:12px; }

.mux-dots{
  position:absolute;
  left:0; right:0;
  bottom:12px;
  display:flex;
  justify-content:center;
  gap:10px;
  z-index:10;
}

.mux-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  border:none;
  opacity:.5;
  cursor:pointer;
}
.mux-dot.is-active{ opacity:1; }

/* Editor safety: if JS is late, allow horizontal scroll so you can style */
body.elementor-editor-active .mux-slider,
body.elementor-editor-preview .mux-slider{
  overflow-x:auto;
  scroll-snap-type:x mandatory;
}
body.elementor-editor-active .mux-track,
body.elementor-editor-preview .mux-track{
  transform:none !important;
  transition:none !important;
  padding-bottom:12px;
}
body.elementor-editor-active .mux-slide,
body.elementor-editor-preview .mux-slide{
  scroll-snap-align:start;
  opacity:1 !important;
  transform:none !important;
}