/* Wrapper */
.vtabs { padding: 2.5rem 0; }

/* Tab bar */
.vtabs__tabbar {
  display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center;
  margin:0 auto 1.25rem auto; max-width:1000px;
}
.vtabs__tab {
  border:0; padding:.65rem 1.25rem; border-radius:999px;
  background:#eef0f4; cursor:pointer; font-weight:600;
}
.vtabs__tab.is-active { background:#0f172a; color:#fff; }

.vtabs__heading { text-align:center; font-size:clamp(24px,3.2vw,40px); font-weight:800; margin:1rem 0 .5rem; }
.vtabs__chip { text-align:center; margin-bottom:1rem; font-weight:600; color:#334155; }

.vtabs__panels { max-width:1100px; margin:0 auto; }
.vtabs__panel {}
.vtabs__poster { position:relative; display:block; }
.vtabs__poster img {
  display:block; width:100%; height:auto; border-radius:22px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.vtabs__play {
  position:absolute; inset:0; margin:auto; width:64px; height:64px;
  border-radius:50%; border:0; background:rgba(15,23,42,.7);
  color:#fff; font-size:26px; line-height:64px; cursor:pointer;
}

.vtabs__modal[hidden] { display:none; }
.vtabs__modal {
  position:fixed; inset:0; z-index:9999; background:rgba(244,250,253,1);
  display:flex; align-items:center; justify-content:center; padding:2rem;
}
.vtabs__modal-inner { width:min(100%, 1080px); aspect-ratio:16/9; }
.vtabs__modal-inner video,
.vtabs__modal-inner iframe { width:100%; height:100%; display:block; border:0; border-radius:16px; }
.vtabs__close {
  position:fixed; top:16px; right:16px; width:44px; height:44px; border:0;
  border-radius:50%; background:#fff; font-size:24px; cursor:pointer;
}
body.vtabs-modal-open { overflow:hidden; }