/* container + stage */
.mv8-wrap{position:relative;max-width:1400px;margin:24px auto}
.mv8-stage{position:relative;width:100%;aspect-ratio:21/9;background:#000;overflow:hidden;border-radius:10px}

/* smooth slides */
.mv8-slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center;opacity:0;transform:translateX(8px);transition:opacity .26s ease,transform .3s ease}
.mv8-slide.is-active{display:flex;opacity:1;transform:translateX(0)}
.mv8-slide img{width:100%;height:100%;object-fit:contain;transform:scale(1.10);transform-origin:center}

/* caption */
.mv8-slide figcaption{position:absolute;left:12px;bottom:10px;color:#ddd;font-size:14px;background:rgba(0,0,0,.45);padding:6px 10px;border-radius:6px}

/* nav */
.mv8-nav{position:absolute;top:50%;translate:0 -50%;background:rgba(0,0,0,.35);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;z-index:3}
.mv8-prev{left:10px}.mv8-next{right:10px}
.mv8-nav:hover{background:rgba(0,0,0,.55)}

/* refresh icon (transparant wit) */
.mv8-refresh{position:absolute;left:50%;bottom:10px;translate:-50% 0;z-index:4;background:transparent;border:none;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mv8-refresh svg{width:22px;height:22px;filter:drop-shadow(0 0 2px rgba(0,0,0,.35))}

/* verberg pagination-dots */
.flickity-page-dots,.swiper-pagination,.splide__pagination,.mv-dots,.mv-dot{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

.mv8-empty{text-align:center;color:#666;margin:24px 0}

@media (max-width:768px){
  .mv8-wrap{margin:12px auto}
  .mv8-nav{width:36px;height:36px}
  .mv8-refresh{width:34px;height:34px}
  .mv8-refresh svg{width:20px;height:20px}
}