.mn-slider{position:relative;width:100%;overflow:hidden;display:block;box-sizing:border-box;--mn-arrow-color:#111;--mn-dot-color:#999;--mn-dot-active-color:#111;}
.mn-slider .mn-slides{position:relative;width:100%;height:100%;transition:transform var(--mn-transition, 500ms) ease;}
.mn-slider .mn-slide{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;transition:transform var(--mn-transition, 500ms) ease;}
.mn-slider .mn-slide img{display:block;width:100%;height:auto;}
.mn-slider .mn-arrow{position:absolute;top:50%;transform:translateY(-50%);border:none;background:rgba(255,255,255,0.7);color:var(--mn-arrow-color);padding:0.5rem 0.75rem;cursor:pointer;font-size:1.25rem;line-height:1;border-radius:9999px;box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.mn-slider .mn-prev{left:0.5rem;}.mn-slider .mn-next{right:0.5rem;}
.mn-slider .mn-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:0.5rem;display:flex;gap:0.4rem;padding:0.25rem 0.5rem;background:rgba(255,255,255,0.6);border-radius:9999px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.mn-slider .mn-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--mn-dot-color);padding:0;cursor:pointer;}
.mn-slider .mn-dot.is-active{background:var(--mn-dot-active-color);}