.m3w-slideshow{position:relative;max-width:900px;margin:auto;overflow:hidden;border-radius:16px;background:#f6f6f6}
.m3w-slide{position:absolute;left:0;top:0;right:0;opacity:0;transition:opacity .45s ease}
.m3w-slideshow{height:auto} /* JS will set exact height */


.m3w-slide.is-active{opacity:1}
.m3w-slide img{width:100%;height:auto;display:block}

.m3w-prev,.m3w-next{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.5);color:#fff;border:0;border-radius:12px;
  padding:.4rem .6rem;cursor:pointer;opacity:.85
}
.m3w-prev{left:.5rem} .m3w-next{right:.5rem}
.m3w-prev:focus,.m3w-next:focus{outline:2px solid #fff;outline-offset:2px}

.m3w-dots{position:absolute;left:50%;bottom:.6rem;transform:translateX(-50%);display:flex;gap:.4rem}
.m3w-dots button{width:.55rem;height:.55rem;border-radius:999px;border:0;background:#ddd;cursor:pointer}
.m3w-dots button[aria-current="true"]{background:#111}

/* Respect reduced motion: turn off fades + autoplay (JS also checks) */
@media (prefers-reduced-motion: reduce){
  .m3w-slide{transition:none}
}