.streamvf-hero{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  color:#fff;
  overflow:hidden;
  background:#0b0b0b;
}
.streamvf-hero .hero-bg,
.streamvf-hero .hero-bg-next{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:saturate(1.1);
  transition:opacity .8s ease;
}
.streamvf-hero .hero-bg{
  background-image:linear-gradient(rgba(20,20,31,.78),rgba(20,20,31,.78)), url('../img/bg-hero.jpg');
  opacity:1;
}
.streamvf-hero .hero-bg-next{
  opacity:0;
}
.streamvf-hero .hero-overlay{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 20%, rgba(202,28,28,.25), transparent 45%);
}
.streamvf-hero .hero-content{
  position:relative;
  z-index:2;
  padding:80px 0;
}
.streamvf-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  padding:6px 14px;
  border-radius:999px;
  font-weight:700;
  letter-spacing:.3px;
}
.streamvf-title{
  font-weight:800;
  font-size: clamp(2.2rem, 4vw, 3.6rem);
}
.streamvf-sub{
  max-width:560px;
  color:rgba(255,255,255,.9);
}
.streamvf-feature{
  margin-top:-60px;
  position:relative;
  z-index:3;
}
.streamvf-card{
  border-radius:20px;
  border:1px solid #eceff4;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  overflow:hidden;
  background:#fff;
}
.streamvf-cover{
  position:relative;
  height:360px;
  background:#111;
}
.streamvf-cover iframe,
.streamvf-cover img{
  width:100%;
  height:100%;
  display:block;
}
.streamvf-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.95;
}
.streamvf-badge{
  position:absolute;
  top:18px;
  left:18px;
  background:#ca1c1c;
  color:#fff;
  padding:6px 12px;
  border-radius:999px;
  font-weight:700;
  font-size:.85rem;
}
.comedien-bubbles{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.mega-actor-card{
  flex:0 0 auto;
  width:96px;
  text-align:center;
  text-decoration:none;
  perspective:800px;
  color:#0f172a;
}
.mega-actor-flip{
  width:72px;
  height:72px;
  margin:0 auto 6px;
  position:relative;
  transform-style:preserve-3d;
  transition:transform .55s ease;
}
.mega-actor-card.has-fav:hover .mega-actor-flip{
  transform:rotateY(180deg);
}
.mega-actor-face{
  position:absolute;
  inset:0;
  border-radius:999px;
  overflow:hidden;
  backface-visibility:hidden;
  border:2px solid rgba(202,28,28,.25);
  background:#fff;
}
.mega-actor-card:hover .mega-actor-face{ border-color:#ca1c1c; }
.mega-actor-face img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mega-actor-back{ transform:rotateY(180deg); }
.mega-actor-name{
  display:block;
  font-size:.75rem;
  font-weight:700;
  color:#ca1c1c;
  line-height:1.1;
  margin-top:4px;
}
.mega-actor-card:hover .mega-actor-name{ color:#ca1c1c; }
.search-panel{
  margin-top:32px;
  background:#fff;
  border-radius:18px;
  border:1px solid #eceff4;
  padding:18px;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.streamvf-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}
.streamvf-item{
  border-radius:16px;
  border:1px solid #eceff4;
  overflow:hidden;
  background:#fff;
  transition:transform .2s ease, box-shadow .2s ease;
  cursor:pointer;
}
.streamvf-item:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(15,23,42,.12);
}
.streamvf-item.is-active{
  border-color:#ca1c1c;
  box-shadow:0 14px 30px rgba(202,28,28,.2);
}
.streamvf-item.is-active .streamvf-item-title{
  color:#ca1c1c;
}
.streamvf-thumb{
  width:100%;
  height:160px;
  object-fit:cover;
}
.streamvf-item-body{
  padding:12px 14px 16px;
}
.streamvf-item-title{
  font-weight:800;
  font-size:1rem;
  color:#0f172a;
}
.streamvf-item-meta{
  font-size:.82rem;
  color:#64748b;
}
.streamvf-guest-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.streamvf-guest-badge{
  background:#fbe5e5;
  color:#ca1c1c;
  border-radius:999px;
  padding:2px 8px;
  font-size:.72rem;
  font-weight:700;
}
.streamvf-item--gold .streamvf-guest-badge{
  background:#f7ecd0;
  color:#9a6b00;
}
.streamvf-item--gold{
  border-color:#d4af37;
  box-shadow:0 14px 30px rgba(212,175,55,.18);
}
.streamvf-item--gold .streamvf-item-title{
  color:#d4af37;
}
.streamvf-item--gold.is-active{
  border-color:#d4af37;
  box-shadow:0 16px 32px rgba(212,175,55,.28);
}
.streamvf-item--gold.is-active .streamvf-item-title{
  color:#d4af37;
}
.streamvf-item--gold:hover{
  box-shadow:0 18px 36px rgba(212,175,55,.28);
}
.streamvf-channel-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:#ca1c1c;
  color:#fff;
  padding:10px 18px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  letter-spacing:.2px;
  box-shadow:0 12px 24px rgba(202,28,28,.25);
}
.streamvf-channel-btn img{
  width:46px;
  height:46px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.5);
  object-fit:cover;
  background:#fff;
}
.streamvf-channel-btn:hover{
  filter:brightness(1.02);
}
.streamvf-gold-theme .streamvf-badge{
  background:#d4af37;
}
.streamvf-gold-theme .mega-actor-name{
  color:#d4af37;
}
.streamvf-gold-theme .mega-actor-face{
  border-color:rgba(212,175,55,.35);
}
.streamvf-gold-theme .mega-actor-card:hover .mega-actor-face{
  border-color:#d4af37;
}
.streamvf-gold-theme .streamvf-item.is-active{
  border-color:#d4af37;
  box-shadow:0 14px 30px rgba(212,175,55,.25);
}
.streamvf-gold-theme .streamvf-item.is-active .streamvf-item-title{
  color:#d4af37;
}
.streamvf-gold-theme .streamvf-guest-badge{
  background:#f7ecd0;
  color:#9a6b00;
}
@media (max-width: 768px){
  .streamvf-cover{ height:220px; }
  .comedien-bubbles{
    justify-content:center;
  }
}