.hvvc-wrap { max-width:1200px; margin:auto; position:relative; }

.hvvc-swiper { position:relative; overflow:visible; }

.hvvc-card { border-radius:14px; overflow:hidden; background:#000; }

.hvvc-thumb video {
  width:100%; height:100%; object-fit:cover; display:block;
}

/* Overlay */
.hvvc-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.2));
  opacity:0; transition:.3s;
}
.hvvc-card:hover .hvvc-overlay { opacity:1; }

/* Social */
.hvvc-social {
  position:absolute; bottom:14px; right:14px;
  display:flex; gap:10px;
}
.hvvc-social a {
  width:36px; height:36px;
  background:#fff; color:#000;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none;
}

/* NAV */
.hvvc-prev, .hvvc-next {
  position:absolute; top:50%;
  transform:translateY(-50%);
  width:46px; height:46px;
  background:#fff;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  z-index:50;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.hvvc-prev { left: 0px; }
.hvvc-next { right: 0px; }

.hvvc-prev span, .hvvc-next span {
  font-size:34px; font-weight:700;
}

/* Lightbox */
.hvvc-lightbox {
  position:fixed; inset:0;
  background:rgba(0,0,0,.75);
  display:none; align-items:center; justify-content:center;
  z-index:9999;
}
.hvvc-lightbox.active { display:flex; }

.hvvc-lightbox video {
  width:90%; max-width:900px;
}
.hvvc-close {
  position:absolute; top:20px; right:20px;
  width:40px; height:40px;
  border-radius:50%;
  border:none; cursor:pointer;
}
.hvvc-wrap{
	overflow: hidden;
}