body { margin: 0; background: #000; color: #fff; font-family: sans-serif; }
.bg-video { 
  position: fixed; 
  top: 40%; 
  left: 50%; 
  min-width: 100vw; 
  min-height: 100vh; 
  width: auto; 
  height: auto; 
  object-fit: cover; 
  transform: translate(-50%, -50%); 
  z-index: -1; 


    background-color: black; /* The background color you see while loading */
    opacity: 0;               /* Start invisible to hide browser icons */
    transition: opacity 0.8s ease-in-out; /* Smoothly fade in */
    
}

}


.overlay { position: fixed; top: 0; width: 100%;  height: 100%; background: linear-gradient(to top, black, transparent); z-index: 0; }
.content { position: relative; z-index: 10; padding: 40px 20px; margin-top: 50vh;

  
  background: linear-gradient(to top, rgba(0,0,0,0.85) 30%, transparent 80%);
  ;}

/* Swiping Magic */
.episodes-wrapper {
    width: 100%;
    overflow-x: auto;
    display: flex;
    -webkit-overflow-scrolling: touch; /* Smooth for mobile */
}
.episodes-wrapper::-webkit-scrollbar { display: none; } /* Hide scrollbar */

.episode-list { display: flex; gap: 15px; }

.ep-btn {
    flex: 0 0 auto; /* Keeps buttons in one row */
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 15px 30px;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    backdrop-filter: blur(10px);
}