.home-live { margin: 0 0 1.4rem; }
.home-live .head-row { align-items: end; margin-bottom: 0.55rem; }
.home-stage {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 240px !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  cursor: pointer !important;
  text-decoration: none !important;
  color: #fff !important;
  background: #111 center / cover no-repeat !important;
}
.home-stage .player,
.home-stage .livebox {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  background: transparent !important;
}
.home-stage .livebox[data-mode="sample"] .livebox-video,
.home-stage .livebox[data-mode="sample"] .livebox-bar,
.home-stage .livebox[data-mode="sample"] .livebox-idle {
  display: none !important;
}
.home-stage .home-stage-meta {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 6 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.15rem !important;
  width: auto !important;
  height: auto !important;
  padding: 3rem 1rem 0.9rem !important;
  background: linear-gradient(transparent, rgba(0,0,0,.78)) !important;
  color: #fff !important;
  text-decoration: none !important;
}
.home-stage .home-stage-meta strong {
  font-size: 1.2rem;
  line-height: 1.2;
  color: #fff;
}
.home-stage .home-stage-meta span { color: #d7d7dc; font-size: 0.9rem; }
.home-stage .pill { position: absolute; z-index: 6; }
@media (max-width: 720px) {
  .home-stage { min-height: 190px !important; border-radius: 0 !important; }
  .home-stage .home-stage-meta strong { font-size: 1rem; }
}