.vod-header {
  display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;
}
.vod-category-title { font-size:16px; margin:0; }
.vod-more-link { font-size:14px; text-decoration:none; }
.vod-slider-wrapper { position:relative; }
.vod-slider-container { display:flex; gap:20px; overflow-x:auto; scroll-behavior:smooth; }
.vod-slide { display:flex; flex-direction:column; align-items:center; }
.vod-poster-wrapper { position:relative; display:inline-block; }
.vod-poster-wrapper img { display:block; width:100%; }
.vod-play-btn {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  display:flex; align-items:center; justify-content:center;
  border-radius:50%; opacity:0; transition:opacity 0.3s ease;
}
.vod-poster-wrapper:hover .vod-play-btn { opacity:1; }
.vod-poster-wrapper .vod-overlay {
  position:absolute; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,0.2); opacity:0; transition:opacity 0.3s ease;
}
.vod-poster-wrapper:hover .vod-overlay { opacity:1; }
.vod-title { margin-top:10px; text-align:center; }
.vod-arrow {
  position:absolute; top:50%; transform:translateY(-50%);
  background:none; cursor:pointer; user-select:none;
}
.vod-arrow-left { left:-20px; }
.vod-arrow-right { right:-20px; }