/*
 * Evye Marketi - Journal3 Master Slider responsive stability fix
 * Keeps the slider's own transform/transition engine intact and prevents
 * placeholder/image sizing jumps on desktop, tablet and mobile.
 */
.module-master_slider {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* Initial placeholder: preserve the same intrinsic ratio until MasterSlider starts. */
.module-master_slider > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Never let generic responsive image rules constrain MasterSlider's calculated canvas. */
.module-master_slider .master-slider img,
.module-master_slider .ms-slide-bgcont > img {
  max-width: none !important;
}

.module-master_slider .master-slider,
.module-master_slider .ms-container,
.module-master_slider .ms-inner-controls-cont,
.module-master_slider .ms-view {
  max-width: 100%;
}

.module-master_slider .ms-view,
.module-master_slider .ms-slide,
.module-master_slider .ms-slide-bgcont {
  overflow: hidden;
}

/* GPU compositing stability without overriding MasterSlider's inline transforms. */
.module-master_slider .ms-slide-bgcont,
.module-master_slider .ms-slide-bgcont > img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Important: transition timing belongs to MasterSlider. Do not globally shorten it. */
.module-master_slider,
.module-master_slider *,
.module-master_slider *::before,
.module-master_slider *::after {
  animation-duration: revert;
  transition-duration: revert;
}

/* Tablet/mobile: keep the canvas fluid; don't introduce fixed viewport heights. */
@media (max-width: 1024px) {
  .module-master_slider {
    width: 100%;
    max-width: 100%;
  }

  .module-master_slider > img {
    width: 100%;
    height: auto;
  }
}