.mp-slider-wrapper{ position:relative; }
.mp-slider{ display:flex; gap:12px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; padding:8px; }
.mp-slider::-webkit-scrollbar{ height:8px; }
.mp-slider::-webkit-scrollbar-thumb{ background:#bbb; border-radius:8px; }
.mp-slide{ flex:0 0 auto; scroll-snap-align:center; display:block; line-height:0; border-radius:10px; overflow:hidden; }
.mp-slide img{ height:var(--mp-max-h,300px); max-height:var(--mp-max-h,300px); width:auto; object-fit:contain; display:block; }
.mp-nav{ position:absolute; top:50%; transform:translateY(-50%); border:none; background:rgba(0,0,0,.5); color:#fff; width:36px; height:48px; border-radius:8px; cursor:pointer; font-size:22px; display:flex; align-items:center; justify-content:center; }
.mp-prev{ left:6px; }
.mp-next{ right:6px; }
.mp-nav:hover{ background:rgba(0,0,0,.7); }
@media (max-width:600px){
    .mp-slide img{ height:calc(var(--mp-max-h,300px) * 0.8); }
}
/* Lightbox tweaks coexist via lightbox.css */