Who stars in Blue Code?

Blue Code stars Sabina Laurinová, Jiří Štěpnička.
What is Blue Code about?

A Czech medical television series that focuses on an emergency department. Each episode follows cases inspired by real-life stories and the cases of patients and healthcare professionals.
Blue Code

Name: Blue Code
Genre: Drama
Released: 2017-03-25
Rating: 6.0
Cast: Sabina Laurinová, Jiří Štěpnička
Original: Modrý kód
DETAILS

FORMAT
FIRST AIR DATE
March 25, 2017
LAST AIR DATE
June 22, 2020
STATUS
Ended
SEASONS
EPISODES
264
RUNTIME
Unknown
NETWORK
Prima
STUDIOS
Good TV Production
Česká výrobní
COUNTRY
Czech Republic
LANGUAGES
Czech
IMDB ID
tt7058158
SOURCE
Paste this on your site or blog:
        </div>

        
        
      </div>
    </div>

       
      
        <div class="mb-6" x-init="spatialNav.registerZone('cast-grid', $el)">
          <h2 class="text-lg font-semibold text-white mb-3">Cast</h2>
          <div class="detail-cast-grid">
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group spatial-focus">
  <div class="relative">
    <a href="/discover/person/544501"
       class="block">
      <img alt="Sabina Laurinová"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/3BexWYdTcDljKmvs9P39xFZuvRc.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    <div class="absolute inset-0 bg-black/40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-200">
      <a href="/discover/person/544501"
         class="p-2.5 bg-indigo-600 text-white rounded-full hover:bg-indigo-500 hover:scale-110 transition-all duration-200 spatial-focus">
        <svg xmlns="http://www.w3.org/2000/svg"
     height="100%"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
     class="w-5 h-5">
    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/>
    <circle cx="12" cy="7" r="4"/>
</svg>

      </a>
    </div>
  </div>

  <div class="p-3">
    <div class="text-sm font-semibold text-white line-clamp-1"
         title="Sabina Laurinová">Sabina Laurinová</div>
    <div class="text-xs text-gray-400 line-clamp-1 mt-1"
         title="Marie 'Mery' Černá">Marie 'Mery' Černá</div>
  </div>
</div>

            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group spatial-focus">
  <div class="relative">
    <a href="/discover/person/1105211"
       class="block">
      <img alt="Jiří Štěpnička"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/wvZv41HTjn7VRN5fBh8iPkEpVi.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    <div class="absolute inset-0 bg-black/40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-200">
      <a href="/discover/person/1105211"
         class="p-2.5 bg-indigo-600 text-white rounded-full hover:bg-indigo-500 hover:scale-110 transition-all duration-200 spatial-focus">
        <svg xmlns="http://www.w3.org/2000/svg"
     height="100%"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
     class="w-5 h-5">
    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/>
    <circle cx="12" cy="7" r="4"/>
</svg>

      </a>
    </div>
  </div>

  <div class="p-3">
    <div class="text-sm font-semibold text-white line-clamp-1"
         title="Jiří Štěpnička">Jiří Štěpnička</div>
    <div class="text-xs text-gray-400 line-clamp-1 mt-1"
         title="Jiří Bojan">Jiří Bojan</div>
  </div>
</div>

            
          </div>
          
        </div>
      

      
      

      
      

      
      
        <div class="mb-6" x-init="spatialNav.registerZone('gallery', $el)">
          <h2 class="text-lg font-semibold text-white mb-3">Gallery</h2>
          <div x-data="{ lightbox: null }">
            
            <div class="mb-4 w-1/4">
              <img alt="Blue Code"
                   src="https://image.tmdb.org/t/p/w500/9jZYq4vRizZp8aJOXBrOR7j5A3y.jpg"
                   loading="eager">
            </div>

            
              <div class="detail-gallery-backdrops">
                
                  <button @click="lightbox = 'https://image.tmdb.org/t/p/w1280/o5IX97Nccdm7XNIHXCRGoxWaIBU.jpg'" class="rounded-lg overflow-hidden cursor-pointer group spatial-focus"
                    <img src="https://image.tmdb.org/t/p/w300/o5IX97Nccdm7XNIHXCRGoxWaIBU.jpg" alt="Blue Code backdrop" class="w-full aspect-video object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
                  </button>
                
              </div>
            
            
              <div class="detail-gallery-posters mt-2">
                
                  <button @click="lightbox = 'https://image.tmdb.org/t/p/w500/jVPthQmTQGBex1aQ499JJH6cTDS.jpg'" class="rounded-lg overflow-hidden cursor-pointer group spatial-focus"
                    <img src="https://image.tmdb.org/t/p/w185/jVPthQmTQGBex1aQ499JJH6cTDS.jpg" alt="Blue Code poster" class="w-full aspect-[2/3] object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
                  </button>
                
              </div>
            
            <div x-show="lightbox" x-cloak @click="lightbox = null" @keydown.escape.window="lightbox = null"
                 class="detail-lightbox">
              <img :src="lightbox" alt="Blue Code" class="shadow-2xl">
            </div>
          </div>
        </div>
      

      
      

      
      

  
    
      
        
          
            
            <section id="seasons-section" class="mb-8" x-init="spatialNav.registerZone('related-' + 'seasons', $el)">
            
              <h2 class="text-xl font-bold mb-4">Seasons</h2>
              <div class="detail-related-grid">
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/74402/blue-code/season/1">
      <img alt="Blue Code"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/9jZYq4vRizZp8aJOXBrOR7j5A3y.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/74402/blue-code/season/1"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Blue Code">Blue Code</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/74402/blue-code/season/1"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
              </div>
            </section>
          
        
          
            
            <section class="mb-8" x-init="spatialNav.registerZone('related-' + 'recommendations', $el)">
            
              <h2 class="text-xl font-bold mb-4">Recommendations</h2>
              <div class="detail-related-grid">
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/1021/casualty">
      <img alt="Casualty"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/ahqMUNIUeGIBQSkShEV32085IFZ.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/1021/casualty"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Casualty">Casualty</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/1021/casualty"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/133908/skymed">
      <img alt="SkyMed"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/tOKUKERvfaOf7Dy2IAKT5HYYXJJ.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/133908/skymed"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="SkyMed">SkyMed</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/133908/skymed"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/1028/holby-city">
      <img alt="Holby City"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/rDlIwW4NEUDNyrlaxrJeO63VrRO.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/1028/holby-city"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Holby City">Holby City</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/1028/holby-city"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/74016/the-resident">
      <img alt="The Resident"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/2IkYQJlT26yXef2iot7dhRtavSC.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/74016/the-resident"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="The Resident">The Resident</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/74016/the-resident"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/4170/five-days">
      <img alt="Five Days"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/mnRh1Jcn6KAhgVyfVPDLJwgaOSu.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/4170/five-days"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Five Days">Five Days</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/4170/five-days"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/18856/hawthorne">
      <img alt="Hawthorne"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/bZuFnSA7RtgEQJUBdHqbhtlbpmp.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/18856/hawthorne"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Hawthorne">Hawthorne</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/18856/hawthorne"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/3828/hill-street-blues">
      <img alt="Hill Street Blues"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/elvCmYxmwVzv2va3rLKponOJOfm.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/3828/hill-street-blues"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Hill Street Blues">Hill Street Blues</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/3828/hill-street-blues"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/100575/tyler-perrys-ruthless">
      <img alt="Tyler Perry's Ruthless"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/c2sBZga1A6cQnKfsDjSXddhmkad.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/100575/tyler-perrys-ruthless"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Tyler Perry's Ruthless">Tyler Perry's Ruthless</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/100575/tyler-perrys-ruthless"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/4588/er">
      <img alt="ER"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/fuS63AoFTkprf8PFeL1f8z68zJr.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/4588/er"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="ER">ER</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/4588/er"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/62650/chicago-med">
      <img alt="Chicago Med"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/9eym662FRJJb9wdgCiDKPDciZzf.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/62650/chicago-med"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Chicago Med">Chicago Med</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/62650/chicago-med"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/90399/ambitions">
      <img alt="Ambitions"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/yZR31jvMgGwG4i0Z6Jee2iRUHyI.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/90399/ambitions"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Ambitions">Ambitions</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/90399/ambitions"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/1039/trapper-john-md">
      <img alt="Trapper John, M.D."
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/rUqIscf4OwAs061JVDh3wdNRye9.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/1039/trapper-john-md"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Trapper John, M.D.">Trapper John, M.D.</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/1039/trapper-john-md"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/21762/parenthood">
      <img alt="Parenthood"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/9KjKLJrrUI1sU9bNsQaQ5H8kTyY.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/21762/parenthood"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Parenthood">Parenthood</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/21762/parenthood"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/93749/dr-death">
      <img alt="Dr. Death"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/pNnmxTSc2ixac4xk8T80wchec0r.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/93749/dr-death"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Dr. Death">Dr. Death</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/93749/dr-death"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/85547/london-kills">
      <img alt="London Kills"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/9YqT6OWah3zQfFMFQGLzQHDObcq.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/85547/london-kills"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="London Kills">London Kills</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/85547/london-kills"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/63418/code-black">
      <img alt="Code Black"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/3T1b6YK6vLrZoLZC5hd65ZuRLq8.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/63418/code-black"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Code Black">Code Black</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/63418/code-black"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/2850/bad-girls">
      <img alt="Bad Girls"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/vlYanINWRod3cKUyV4evJJsq1xW.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/2850/bad-girls"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Bad Girls">Bad Girls</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/2850/bad-girls"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/3172/private-practice">
      <img alt="Private Practice"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/pW20ANAGdrgreYJExduUVaWos6H.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/3172/private-practice"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Private Practice">Private Practice</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/3172/private-practice"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/33155/offspring">
      <img alt="Offspring"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/m0lZo55EY4Mxf5MdkYoVoIkOR8W.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/33155/offspring"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Offspring">Offspring</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/33155/offspring"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/tv/214259/joan">
      <img alt="Joan"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/x0l9OYTcwO2BvCZcFWEnAA8YEZ1.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    
      <div class="absolute bottom-1 left-1 bg-indigo-600/90 text-white px-1.5 py-0.5 rounded shadow-md font-medium" style="font-size:10px">
        TV
      </div>
    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/tv/214259/joan"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Joan">Joan</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/tv/214259/joan"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
              </div>
            </section>
          
        
      

      
      

      
      
    </div>
<script>
(function(){
  // Poster wrap stays as detail-poster-wrap without position changes
})();
</script>


            </div>
            </main>

            
         </div>
       </div>

      

      
      
<nav id="mfy-tld-switcher" class="bg-[#1a1d20] border-t border-[#2c3136] py-3 px-4" aria-label="TLD Switcher">
  <div class="container mx-auto flex items-center justify-center gap-2 flex-wrap text-xs">
    <span class="text-gray-500 mr-2">Moviefy domains:</span>
    
  </div>
</nav>

    

    
    

    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', () => {
          navigator.serviceWorker.register('/static/js/serviceworker.js')
            .then((registration) => {
              console.log('SW registered: ', registration);
            })
            .catch((registrationError) => {
              console.log('SW registration failed: ', registrationError);
            });
        });
      }
    </script>

    

    <script src="/static/js/mediaStatusDateHandler.js?1788893170"></script>
    <script src="/static/js/searchShortcut.js?1788893170"></script>
    <script>
      document.addEventListener('htmx:configRequest', function(e) {
        e.detail.headers['X-CSRFToken'] = 'Zz8exSIftcBJYZ2IH3KXcgc4cejf9jGcY6UApXe9NWeTkEhcUQhZE7HlzxMf8Nwe';
      });
    </script>

    
    <div style="text-align:center;padding:14px 8px;font-size:11px;color:#6b7280;border-top:1px solid #2c3136;margin-top:24px;">
      <a href="/terms"   style="color:#6b7280;text-decoration:none;padding:0 8px;">Terms</a>·
      <a href="/privacy" style="color:#6b7280;text-decoration:none;padding:0 8px;">Privacy</a>·
      <a href="/dmca"    style="color:#6b7280;text-decoration:none;padding:0 8px;">DMCA</a>·
      <a href="/support" style="color:#6b7280;text-decoration:none;padding:0 8px;">Support</a>
    </div>

    
    <script>
      (function() {
        const ref = new URLSearchParams(window.location.search).get('ref');
        if (ref && /^[A-Z0-9_-]{4,40}$/.test(ref)) {
          document.cookie = 'moviefy_ref=' + encodeURIComponent(ref) + '; path=/; max-age=2592000; SameSite=Lax';
        }
      })();
    </script>

    
    
    
    <div id="exit-intent-modal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:10000;align-items:center;justify-content:center;padding:1rem;">
      <div style="max-width:480px;width:100%;background:#1a1d20;border-radius:16px;padding:32px;color:#fff;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.5);">
        <button id="exit-intent-close" aria-label="close" style="position:absolute;top:12px;right:14px;background:transparent;border:none;color:#6b7280;font-size:24px;cursor:pointer;">×</button>
        <div style="text-align:center;font-size:38px;margin-bottom:8px;">⏳</div>
        <h2 style="font-size:22px;font-weight:700;margin:0 0 8px;text-align:center;">Wait — one thing</h2>
        <p style="color:#9ca3af;font-size:14px;text-align:center;margin:0 0 20px;">Get <b style="color:#fff;">30% off your first 3 months</b> of Moviefy Premium. No card needed for the 14-day trial.</p>
        <div style="background:#0f1115;border:1px dashed #4f46e5;border-radius:10px;padding:14px;text-align:center;margin-bottom:20px;">
          <p style="margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:#9ca3af;">Code</p>
          <code id="exit-intent-code" style="font-size:22px;font-weight:700;letter-spacing:0.15em;color:#c7d2fe;cursor:pointer;" title="Click to copy">COMEBACK30</code>
        </div>
        <a href="/pricing?promo=COMEBACK30" style="display:block;text-align:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:14px;border-radius:10px;font-weight:600;text-decoration:none;">See plans & apply 30% off</a>
        <button id="exit-intent-no" style="display:block;width:100%;margin-top:12px;background:transparent;border:none;color:#6b7280;font-size:13px;cursor:pointer;">No thanks</button>
      </div>
    </div>

    
    
    
    <div id="upgrade-sticky-strip" style="display:none;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,#312e81 0%,#5b21b6 100%);color:#fff;padding:10px 16px;z-index:9998;align-items:center;gap:12px;font-size:13px;border-top:1px solid #6366f1;">
      <span style="font-size:18px;">⭐</span>
      <p style="flex:1;margin:0;line-height:1.4;"><b>Start your 14-day Free Trial</b> — track everything you watch, build watchlists, stream movies & TV. No card required.</p>
      <a href="/accounts/signup/?next=/details/tmdb/tv/74402/Blue%2520Code" style="background:#fff;color:#4f46e5;padding:7px 14px;border-radius:6px;font-weight:600;text-decoration:none;font-size:13px;white-space:nowrap;">Start Free Trial</a>
      <button id="upgrade-sticky-close" aria-label="dismiss" style="background:transparent;border:none;color:rgba(255,255,255,0.7);padding:4px 8px;font-size:18px;cursor:pointer;line-height:1;">×</button>
    </div>
    

    <script>
      (function() {
        // ---- Exit-intent ----
        const EI_STORAGE = 'exit_intent_state_v1';
        const eim = document.getElementById('exit-intent-modal');
        if (eim) {
          let eiState;
          try { eiState = JSON.parse(localStorage.getItem(EI_STORAGE) || '{}'); } catch(e) { eiState = {}; }
          const dismissedRecently = eiState.dismissed_at && (Date.now() - eiState.dismissed_at) < 7 * 86400 * 1000;
          const onPricing = window.location.pathname.startsWith('/pricing');
          const onWelcome = window.location.pathname.startsWith('/welcome');
          if (!dismissedRecently && !onPricing && !onWelcome) {
            let fired = false;
            const fire = () => {
              if (fired) return;
              fired = true;
              eim.style.display = 'flex';
            };
            // Desktop: cursor leaves the top of the viewport (heading for the URL bar / close button)
            document.addEventListener('mouseleave', (e) => {
              if (e.clientY <= 0 && !fired) fire();
            });
            // Mobile heuristic: page hidden after >10s (user switched apps / hit back)
            let entered = Date.now();
            document.addEventListener('visibilitychange', () => {
              if (document.visibilityState === 'hidden' && (Date.now() - entered) > 10000 && !fired) fire();
            });
          }
          const closeEi = () => {
            eim.style.display = 'none';
            try { localStorage.setItem(EI_STORAGE, JSON.stringify({...eiState, dismissed_at: Date.now()})); } catch(e) {}
          };
          document.getElementById('exit-intent-close').addEventListener('click', closeEi);
          document.getElementById('exit-intent-no').addEventListener('click', closeEi);
          // Click outside the modal card to close
          eim.addEventListener('click', (e) => { if (e.target === eim) closeEi(); });
          // Click-to-copy on the promo code
          const code = document.getElementById('exit-intent-code');
          if (code) code.addEventListener('click', () => {
            navigator.clipboard?.writeText('COMEBACK30');
            code.textContent = '✓ Copied!';
            setTimeout(() => { code.textContent = 'COMEBACK30'; }, 1500);
          });
        }

        // ---- Sticky upgrade strip ----
        const US_STORAGE = 'upgrade_strip_state_v1';
        const strip = document.getElementById('upgrade-sticky-strip');
        if (strip) {
          let usState;
          try { usState = JSON.parse(localStorage.getItem(US_STORAGE) || '{}'); } catch(e) { usState = {}; }
          const dismissedRecently = usState.dismissed_at && (Date.now() - usState.dismissed_at) < 7 * 86400 * 1000;
          const onPricing = window.location.pathname.startsWith('/pricing');
          const onWelcome = window.location.pathname.startsWith('/welcome');
          if (!dismissedRecently && !onPricing && !onWelcome) {
            // Wait 4s so we don't blast new arrivals with two banners at once
            setTimeout(() => { strip.style.display = 'flex'; }, 4000);
          }
          document.getElementById('upgrade-sticky-close').addEventListener('click', () => {
            strip.style.display = 'none';
            try { localStorage.setItem(US_STORAGE, JSON.stringify({...usState, dismissed_at: Date.now()})); } catch(e) {}
          });
        }
      })();
    </script>
    

    
    <div id="pwa-install-banner" style="display:none;position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:480px;margin:0 auto;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:14px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.4);z-index:9990;align-items:center;gap:12px;font-size:14px;">
      <div style="flex-shrink:0;width:44px;height:44px;background:rgba(0,0,0,0.25);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;">🎬</div>
      <div style="flex:1;min-width:0;">
        <p style="margin:0;font-weight:600;line-height:1.3;">Install Moviefy</p>
        <p id="pwa-install-hint" style="margin:2px 0 0;font-size:12px;opacity:0.9;line-height:1.3;">Quick access from your home screen. No app store.</p>
      </div>
      <button id="pwa-install-btn" style="background:#fff;color:#4f46e5;border:none;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;">Install</button>
      <button id="pwa-install-close" aria-label="dismiss" style="background:transparent;color:#fff;border:none;padding:4px 8px;font-size:20px;cursor:pointer;opacity:0.7;">×</button>
    </div>

    <script>
      (function() {
        // Suppress if already installed (running as standalone), already dismissed this month,
        // or this is the very first visit (let them poke around first).
        const standalone = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
        if (standalone) return;
        // Don't pitch PWA install on /pricing — user is evaluating purchase, not engagement.
        if (window.location.pathname.startsWith('/pricing')) return;
        const STORAGE = 'pwa_banner_state_v1';
        let state;
        try { state = JSON.parse(localStorage.getItem(STORAGE) || '{}'); } catch(e) { state = {}; }
        state.visits = (state.visits || 0) + 1;
        if (state.dismissed_at && (Date.now() - state.dismissed_at) < 30 * 86400 * 1000) {
          try { localStorage.setItem(STORAGE, JSON.stringify(state)); } catch(e) {}
          return;
        }
        if (state.visits < 2) {
          try { localStorage.setItem(STORAGE, JSON.stringify(state)); } catch(e) {}
          return;
        }
        try { localStorage.setItem(STORAGE, JSON.stringify(state)); } catch(e) {}

        const banner = document.getElementById('pwa-install-banner');
        const btn = document.getElementById('pwa-install-btn');
        const close = document.getElementById('pwa-install-close');
        const hint = document.getElementById('pwa-install-hint');
        if (!banner || !btn || !close) return;

        // Detect iOS — no beforeinstallprompt support there.
        const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
        const isMobile = isIOS || /Android/i.test(navigator.userAgent);

        // Trial bar takes priority — defer PWA install if it's currently on screen.
        // The trial bar (#upgrade-sticky-strip) appears at t+4s and is the higher-value
        // growth message (signup/Premium trial), so we yield to it. The bar dismisses
        // for 7 days on close, after which PWA install can fire on the next visit.
        function trialBarVisible() {
          const s = document.getElementById('upgrade-sticky-strip');
          return s && getComputedStyle(s).display !== 'none';
        }
        function reveal() {
          if (trialBarVisible()) return;
          banner.style.display = 'flex';
        }

        let deferredPrompt = null;
        window.addEventListener('beforeinstallprompt', (e) => {
          e.preventDefault();
          deferredPrompt = e;
          // Reveal after 8s on the page so we don't spook fresh arrivals
          setTimeout(reveal, 8000);
        });

        // iOS Safari has no native install event — show the "Tap share, Add to Home Screen" hint
        if (isIOS) {
          hint.textContent = 'Tap the Share icon, then "Add to Home Screen".';
          btn.style.display = 'none';
          setTimeout(reveal, 10000);
        }

        btn.addEventListener('click', async () => {
          if (!deferredPrompt) return;
          deferredPrompt.prompt();
          const choice = await deferredPrompt.userChoice;
          if (choice.outcome === 'accepted') {
            try { localStorage.setItem(STORAGE, JSON.stringify({...state, installed_at: Date.now()})); } catch(e) {}
          }
          banner.style.display = 'none';
          deferredPrompt = null;
        });

        close.addEventListener('click', () => {
          banner.style.display = 'none';
          try { localStorage.setItem(STORAGE, JSON.stringify({...state, dismissed_at: Date.now()})); } catch(e) {}
        });

        // Track successful installs so we can suppress the banner forever
        window.addEventListener('appinstalled', () => {
          try { localStorage.setItem(STORAGE, JSON.stringify({...state, installed_at: Date.now()})); } catch(e) {}
          banner.style.display = 'none';
        });
      })();
    </script>

    
    
    <script>
      (function () {
        'use strict';
        const STORAGE_KEY = 'moviefy_nudge_state_v1';
        const DISMISS_DAYS = 7;
        function readState() { try { return JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}'); } catch (_) { return {}; } }
        function writeState(s) { try { localStorage.setItem(STORAGE_KEY, JSON.stringify(s)); } catch (_) {} }
        function dismissedRecently(kind) {
          const s = readState();
          const ts = s['dismissed_' + kind];
          return ts && (Date.now() - ts) < DISMISS_DAYS * 86400 * 1000;
        }
        function dismiss(kind) {
          const s = readState();
          s['dismissed_' + kind] = Date.now();
          writeState(s);
        }
        function makeButton(text, style) {
          const b = document.createElement('button');
          b.type = 'button';
          b.textContent = text;
          b.style.cssText = style;
          return b;
        }
        function makeCloseButton(label) {
          const b = makeButton('×', 'position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;color:#fff;border:0;font-size:18px;cursor:pointer;opacity:0.7;');
          b.setAttribute('aria-label', label);
          return b;
        }
        function renderAnnualNudge(offer) {
          if (dismissedRecently('annual')) return;
          const banner = document.createElement('div');
          banner.id = 'moviefy-annual-nudge';
          banner.setAttribute('role', 'region');
          banner.setAttribute('aria-label', 'Save by switching to annual billing');
          banner.style.cssText = 'position:relative;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:10px 48px 10px 16px;font-size:14px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;z-index:40;';
          const msg = document.createElement('span');
          msg.textContent = "💰 You're paying " + offer.current_label +
            ' — switch to annual and save $' + offer.saving + '/year.';
          banner.appendChild(msg);
          const cta = makeButton('Upgrade now', 'background:#fff;color:#4f46e5;border:0;border-radius:6px;padding:6px 14px;font-weight:600;font-size:13px;cursor:pointer;');
          banner.appendChild(cta);
          const close = makeCloseButton('Dismiss for 7 days');
          banner.appendChild(close);
          document.body.insertBefore(banner, document.body.firstChild);
          close.addEventListener('click', function () { banner.remove(); dismiss('annual'); });
          cta.addEventListener('click', function () {
            const original = cta.textContent;
            cta.textContent = 'Upgrading…';
            cta.disabled = true;
            const csrf = (document.cookie.match(/csrftoken=([^;]+)/) || [])[1] || '';
            fetch('/api/subscription/upgrade-to-annual', {
              method: 'POST',
              headers: { 'X-CSRFToken': csrf, 'Content-Type': 'application/json' },
              credentials: 'same-origin',
            })
              .then(function (r) { return r.json().then(function (j) { return { ok: r.ok, body: j }; }); })
              .then(function (out) {
                if (out.ok && out.body && out.body.success) {
                  cta.textContent = '✓ Done — refreshing';
                  setTimeout(function () { window.location.reload(); }, 800);
                } else {
                  cta.textContent = (out.body && out.body.error) || 'Try again from /pricing';
                  cta.style.background = '#fee2e2';
                  cta.style.color = '#991b1b';
                  cta.disabled = false;
                }
              })
              .catch(function () {
                cta.textContent = original;
                cta.disabled = false;
                window.location.href = '/pricing?ref=annual-nudge-fallback';
              });
          });
        }
        function renderFoundingTicker(remaining, priceDisplay) {
          if (dismissedRecently('founding')) return;
          const n = Number(remaining);
          if (!Number.isFinite(n) || n <= 0) return;
          const price = String(priceDisplay || '149.99').replace(/[^0-9.,]/g, '').slice(0, 12);
          const banner = document.createElement('div');
          banner.id = 'moviefy-founding-ticker';
          banner.style.cssText = 'position:relative;background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;padding:8px 48px 8px 16px;font-size:13px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;z-index:40;';
          const msg = document.createElement('span');
          msg.textContent = '🏆 ' + n + ' Founding Lifetime spots left at $' + price + ' — paid once, never billed again.';
          banner.appendChild(msg);
          const cta = document.createElement('a');
          cta.href = '/pricing?ref=founding-ticker&utm_source=founding-ticker';
          cta.textContent = 'Claim a spot';
          cta.style.cssText = 'background:#fff;color:#0e7490;border-radius:6px;padding:5px 12px;font-weight:600;font-size:12px;text-decoration:none;';
          banner.appendChild(cta);
          const close = makeCloseButton('Dismiss for 7 days');
          banner.appendChild(close);
          document.body.insertBefore(banner, document.body.firstChild);
          close.addEventListener('click', function () { banner.remove(); dismiss('founding'); });
        }
        function start() {
          const path = window.location.pathname || '';
          if (path.startsWith('/pricing') || path.startsWith('/billing') ||
              path.startsWith('/ppv-success') || path.startsWith('/where-to-watch')) return;
          // Defer to the templated trial banner if it's already rendered.
          const trialBanner = document.getElementById('mfy-trial-banner');
          if (trialBanner && trialBanner.style.display !== 'none') return;
          fetch('/api/premium/status', { credentials: 'same-origin' })
            .then(function (r) { return r.ok ? r.json() : null; })
            .then(function (status) {
              // The server decides whether an annual switch is on offer and what
              // the tier-correct target is — never infer it from the plan name.
              const offer = status && status.annual_upgrade;
              if (status && status.is_premium && offer) {
                renderAnnualNudge(offer);
                return;
              }
              if (!status || !status.is_premium) {
                fetch('/api/founding-status', { credentials: 'same-origin' })
                  .then(function (r) { return r.ok ? r.json() : null; })
                  .then(function (f) { if (f && f.remaining > 0) renderFoundingTicker(f.remaining, f.price_display); })
                  .catch(function () {});
              }
            })
            .catch(function () {
              fetch('/api/founding-status', { credentials: 'same-origin' })
                .then(function (r) { return r.ok ? r.json() : null; })
                .then(function (f) { if (f && f.remaining > 0) renderFoundingTicker(f.remaining, f.price_display); })
                .catch(function () {});
            });
        }
        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start);
        else start();
      })();
    </script>
    


<div id="nl-pill" data-nl-pill style="position:fixed;bottom:16px;right:16px;max-width:340px;z-index:50;background:#22262b;border:1px solid #2c3136;border-radius:12px;padding:14px 16px;box-shadow:0 8px 24px rgba(0,0,0,.4);display:none;font-family:inherit;">
  <button type="button" data-nl-close style="position:absolute;top:2px;right:4px;background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;line-height:1;padding:8px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;">×</button>
  <div style="color:#fff;font-weight:600;font-size:14px;margin-bottom:4px;">Movie news, every Monday</div>
  <div style="color:#9ca3af;font-size:12px;margin-bottom:10px;">Top movie, TV & anime headlines — one email a week.</div>
  <form data-nl-form="pill" style="display:flex;gap:6px;position:relative;">
    <input type="email" name="email" required placeholder="your@email.com" style="flex:1;background:#1a1d20;border:1px solid #2c3136;color:#fff;padding:7px 10px;border-radius:6px;font-size:13px;">
    <input type="text" name="website" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px;width:1px;height:1px;">
    <input type="hidden" name="source" value="pill">
    <button type="submit" style="background:#6366f1;color:#fff;border:none;padding:7px 14px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;">Join</button>
  </form>
  <div data-nl-msg style="color:#9ca3af;font-size:12px;margin-top:6px;min-height:1em;"></div>
</div>






<script>
(function(){
  if (window.__nlInit) return; window.__nlInit = true;

  function readCookie(n){return (document.cookie.split('; ').find(function(c){return c.indexOf(n+'=')===0;})||'').split('=')[1];}
  function setCookie(n,v,days){var d=new Date();d.setTime(d.getTime()+days*864e5);document.cookie=n+'='+v+';expires='+d.toUTCString()+';path=/;SameSite=Lax';}

  document.querySelectorAll('[data-nl-form]').forEach(function(form){
    form.addEventListener('submit', function(e){
      e.preventDefault();
      var msg = form.parentElement.querySelector('[data-nl-msg]');
      msg.textContent = 'Subscribing…';
      var fd = new FormData(form);
      fetch('/newsletter/subscribe', {method:'POST', body:fd, credentials:'same-origin'})
        .then(function(r){return r.json();})
        .then(function(j){
          msg.textContent = j.message;
          if (j.ok) {form.style.display='none'; msg.style.color='#34d399';}
          else {msg.style.color='#f87171';}
        })
        .catch(function(){msg.textContent='Something went wrong — try again later.'; msg.style.color='#f87171';});
    });
  });

  var pill = document.querySelector('[data-nl-pill]');
  if (pill){
    // Don't ask for an email on /pricing — user is evaluating purchase, intent mismatch.
    var onPricing = window.location.pathname.indexOf('/pricing') === 0;
    if (!readCookie('nl_dismissed') && !onPricing){
      setTimeout(function(){pill.style.display='block';}, 4000);
    }
    var close = pill.querySelector('[data-nl-close]');
    if (close) close.addEventListener('click', function(){pill.style.display='none'; setCookie('nl_dismissed','1',7);});
  }
})();
</script>



    
    <script>
      (function () {
        'use strict';

        /* ---- 1. Poster placeholders ---------------------------------------------- */
        // Substring of settings.IMG_NONE (the grey TMDB "picture" glyph).
        var GLYPH = 'glyphicons-basic-38-picture';
        function missingSrc(s) { return !s || s.indexOf(GLYPH) !== -1; }
        function brandify(img) {
          if (!img || img.dataset.mfyPh || !img.classList) return;
          // lazysizes swaps class 'lazyload' -> 'lazyloaded' once it resolves data-src, so
          // accept both (the loaded ones are exactly where the glyph ends up sticking).
          if (!img.classList.contains('lazyload') && !img.classList.contains('lazyloaded')) return;
          // Poster cards lazyload via data-src; a card is posterless when neither the
          // data-src nor the currently-resolved src is a real image.
          if (!missingSrc(img.getAttribute('data-src'))) return;
          if (!missingSrc(img.currentSrc || img.getAttribute('src'))) return;
          img.dataset.mfyPh = '1';
          var title = (img.getAttribute('alt') || '').trim();
          var ph = document.createElement('div');
          ph.className = (img.className || '').replace(/lazyload|object-cover/g, '').trim() + ' mfy-poster-ph';
          var st = img.getAttribute('style'); if (st) ph.style.cssText = st;
          var svg = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="18" rx="2"></rect><path d="M8 3v18M2 9h6M2 15h6"></path></svg>';
          ph.innerHTML = svg + (title ? '<span></span>' : '');
          if (title) ph.querySelector('span').textContent = title;
          if (img.parentNode) img.parentNode.replaceChild(ph, img);
        }
        function scanPosters() {
          var list = document.querySelectorAll('img.lazyload, img.lazyloaded');
          for (var i = 0; i < list.length; i++) brandify(list[i]);
        }
        // lazysizes swaps data-src→src then fires 'lazyloaded'; a genuinely-missing poster
        // keeps the glyph, which brandify() then replaces. Also catch hard <img> errors.
        document.addEventListener('lazyloaded', function (e) { brandify(e.target); }, true);
        document.addEventListener('error', function (e) {
          if (e.target && e.target.tagName === 'IMG') brandify(e.target);
        }, true);
        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', scanPosters);
        else scanPosters();
        var ps = 0, psi = setInterval(function () { scanPosters(); if (++ps > 8) clearInterval(psi); }, 700);

        /* ---- 2. Bottom overlay coordinator --------------------------------------- */
        // Full-width fixed bars, listed bottom-up (first sits at bottom:0, next stacks
        // above it). The Moviefy trial strip therefore renders above the network promo.
        var FULL = ['mw-saas-promo', 'upgrade-sticky-strip', 'pwa-install-banner'];
        function shown(el) {
          return el && el.style.display !== 'none' && getComputedStyle(el).display !== 'none';
        }
        function coordinate() {
          var strip = document.getElementById('upgrade-sticky-strip');
          var stripVisible = shown(strip);
          // Only one Moviefy promo at a time: park the low-value nudges while the trial
          // strip is up; restore them (only if we hid them) once it's gone.
          var pill = document.querySelector('[data-nl-pill]');
          if (pill) {
            if (stripVisible && pill.style.display !== 'none') {
              pill.dataset.mfyHid = '1'; pill.style.display = 'none';
            } else if (!stripVisible && pill.dataset.mfyHid === '1') {
              pill.style.display = 'block'; pill.dataset.mfyHid = '';
            }
          }
          var pwa = document.getElementById('pwa-install-banner');
          if (pwa && stripVisible && pwa.style.display !== 'none') pwa.style.display = 'none';
          // On a movie site, when Moviefy's own trial strip is up it owns the bottom slot:
          // fully hide the cross-network SaaS promo (not just stack it) for a clean single
          // bar. Restore it (only if we hid it) once the strip is gone, so the network
          // promo still runs on pages where Moviefy shows nothing.
          var saas = document.getElementById('mw-saas-promo');
          if (saas) {
            if (stripVisible && saas.style.display !== 'none') {
              saas.dataset.mfyHid = '1'; saas.style.display = 'none';
            } else if (!stripVisible && saas.dataset.mfyHid === '1') {
              saas.style.display = 'flex'; saas.dataset.mfyHid = '';
            }
          }
          // Stack any remaining visible full-width bars so none overlap.
          var offset = 0;
          for (var i = 0; i < FULL.length; i++) {
            var el = document.getElementById(FULL[i]);
            if (!shown(el)) continue;
            el.style.bottom = offset + 'px';
            offset += el.offsetHeight || 52;
          }
          // Keep the footer / last row clear of whatever is pinned to the bottom.
          document.body.style.paddingBottom = offset ? offset + 'px' : '';
          if (pill && shown(pill)) pill.style.bottom = (offset ? offset + 12 : 16) + 'px';
        }
        // Bars appear on timers / async fetch, so re-run on a short heartbeat, and again
        // right after any click (covers dismissals updating the stack).
        var n = 0, iv = setInterval(function () { coordinate(); if (++n > 60) clearInterval(iv); }, 500);
        document.addEventListener('click', function () { setTimeout(coordinate, 60); }, true);
        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', coordinate);
        else coordinate();
      })();
    </script>
  </body>
</html>