1  <!-- Google tag (gtag.js) -->
2  <script async src="...G-78ZS5WP8NL..."></script>
3  <script>
4    window.dataLayer = ...
5    function gtag()...
6    gtag('js', new Date());
7    gtag('config', 'G-78ZS5WP8NL');
8  </script>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#e50914;--red-dim:rgba(229,9,20,0.15);
  --bg:#07070e;--surface:#0e0e1a;--card:#131320;
  --border:rgba(255,255,255,0.06);--border-red:rgba(229,9,20,0.2);
  --text:#e8eaf2;--muted:#555;--green:#4caf50;--blue:#00b4d8;--orange:#ff9800;
  --sidebar-w:240px;
}
body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;min-height:100vh;display:flex}
a{text-decoration:none;color:inherit}
.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;overflow-y:auto}
.sidebar-logo{padding:24px 20px;border-bottom:1px solid var(--border);flex-shrink:0}
.sidebar-logo-text{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:2px}
.sidebar-logo-text span{color:var(--red)}
.sidebar-logo-sub{font-size:10px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:2px}
.sidebar-section{padding:16px 12px 6px;font-size:10px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-weight:600}
.sidebar-nav{flex:1;padding:8px 0}
.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#888;font-size:14px;font-weight:500;transition:all .15s;border-radius:0;position:relative;cursor:pointer}
.nav-item:hover{color:#fff;background:rgba(255,255,255,0.04)}
.nav-item.active{color:#fff;background:var(--red-dim)}
.nav-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);border-radius:0 2px 2px 0}
.nav-item .ni{font-size:16px;flex-shrink:0;width:20px;text-align:center}
.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border);flex-shrink:0}
.sidebar-footer a{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;transition:color .2s;margin-bottom:8px}
.sidebar-footer a:hover{color:#fff}
.main{margin-left:var(--sidebar-w);flex:1;min-height:100vh;display:flex;flex-direction:column}
.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:50}
.topbar-left{font-size:13px;color:var(--muted)}
.topbar-left b{color:var(--text)}
.topbar-right{display:flex;align-items:center;gap:16px}
.topbar-btn{background:var(--red);color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Outfit',sans-serif;transition:background .2s}
.topbar-btn:hover{background:#c0060f}
.topbar-user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.topbar-avatar{width:32px;height:32px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}
.page-content{padding:28px;flex:1}
.page-header{margin-bottom:24px}
.page-header h1{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:1px;line-height:1}
.page-sub{font-size:14px;color:var(--muted);margin-top:4px;display:block}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;transition:transform .2s}
.stat-card:hover{transform:translateY(-2px)}
.stat-icon{font-size:28px;flex-shrink:0}
.stat-val{font-size:24px;font-weight:700;font-family:'Bebas Neue',sans-serif;letter-spacing:1px;line-height:1}
.stat-lbl{font-size:12px;color:var(--muted);margin-top:3px}
.stat-card.green{border-color:rgba(76,175,80,0.25);background:linear-gradient(135deg,rgba(76,175,80,0.05),var(--card))}
.stat-card.green .stat-val{color:var(--green)}
.stat-card.blue{border-color:rgba(0,180,216,0.25);background:linear-gradient(135deg,rgba(0,180,216,0.05),var(--card))}
.stat-card.blue .stat-val{color:var(--blue)}
.stat-card.orange{border-color:rgba(255,152,0,0.25);background:linear-gradient(135deg,rgba(255,152,0,0.05),var(--card))}
.stat-card.orange .stat-val{color:var(--orange)}
.stat-card.red{border-color:var(--border-red);background:linear-gradient(135deg,var(--red-dim),var(--card))}
.stat-card.red .stat-val{color:var(--red)}
.two-col{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
.col-right{display:flex;flex-direction:column;gap:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}
.card-head h2{font-size:15px;font-weight:600}
.card-link{font-size:12px;color:var(--red);font-weight:500}
.card-link:hover{color:#ff4444}
.empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl thead th{padding:10px 16px;text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-bottom:1px solid var(--border);background:rgba(255,255,255,0.02)}
.tbl tbody td{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,0.03)}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl tbody tr:hover td{background:rgba(255,255,255,0.02)}
.td-mono{font-family:monospace;font-size:12px;color:var(--muted)}
.td-green{color:var(--green);font-weight:600}
.badge{background:rgba(255,255,255,0.07);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.04em}
.country-list{padding:16px 20px;display:flex;flex-direction:column;gap:10px}
.country-row{display:flex;align-items:center;gap:10px}
.cc-flag{font-size:12px;font-weight:700;color:var(--text);width:32px;flex-shrink:0;letter-spacing:.05em}
.cc-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden}
.cc-bar{height:100%;background:var(--red);border-radius:3px;transition:width .4s}
.cc-cnt{font-size:12px;color:var(--muted);width:24px;text-align:right;flex-shrink:0}
.status-list{padding:4px 0}
.status-row{display:flex;align-items:center;gap:10px;padding:11px 20px;border-bottom:1px solid rgba(255,255,255,0.03);font-size:13px}
.status-row:last-child{border-bottom:none}
.status-row>span:first-child{flex:1;color:var(--muted)}
.status-val{color:var(--text);font-weight:500;font-size:12px;white-space:nowrap}
.disk-bar-wrap{flex:2;height:5px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden}
.disk-bar{height:100%;background:var(--green);border-radius:3px}
.disk-bar.warn{background:var(--orange)}
.disk-bar.danger{background:var(--red)}
.settings-form{padding:24px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:12px;font-weight:600;color:#888;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.form-group input,.form-group select,.form-group textarea{width:100%;background:#0d0d18;border:1.5px solid rgba(255,255,255,0.08);color:#fff;border-radius:10px;padding:12px 16px;font-size:14px;font-family:'Outfit',sans-serif;outline:none;transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(229,9,20,0.5)}
.form-group input::placeholder,.form-group textarea::placeholder{color:#333}
.form-group textarea{resize:vertical;min-height:80px}
.form-group .hint{font-size:11px;color:var(--muted);margin-top:6px}
.form-section-title{font-size:13px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-red)}
.btn-save{background:var(--red);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;font-family:'Outfit',sans-serif;cursor:pointer;transition:all .2s}
.btn-save:hover{background:#c0060f;transform:translateY(-1px)}
.btn-danger{background:rgba(229,9,20,0.1);color:var(--red);border:1px solid var(--border-red);border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;font-family:'Outfit',sans-serif;cursor:pointer;transition:all .2s}
.btn-danger:hover{background:rgba(229,9,20,0.2)}
.alert-success{background:rgba(76,175,80,0.1);border:1px solid rgba(76,175,80,0.3);color:#81c784;border-radius:8px;padding:12px 16px;font-size:13px;margin-bottom:20px}
.alert-error{background:rgba(229,9,20,0.1);border:1px solid rgba(229,9,20,0.3);color:#ff6b6b;border-radius:8px;padding:12px 16px;font-size:13px;margin-bottom:20px}
.filter-bar{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.filter-bar input,.filter-bar select{background:#0d0d18;border:1px solid rgba(255,255,255,0.08);color:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-family:'Outfit',sans-serif;outline:none}
.filter-bar input:focus,.filter-bar select:focus{border-color:rgba(229,9,20,0.4)}
.pager{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}
.pager a{background:rgba(255,255,255,0.05);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 12px;transition:all .2s}
.pager a:hover{background:var(--red-dim);border-color:var(--border-red)}
.cache-list{padding:0}
.cache-item{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid rgba(255,255,255,0.03);font-size:13px}
.cache-item:last-child{border-bottom:none}
.cache-name{flex:1;font-family:monospace;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cache-size{color:var(--text);white-space:nowrap;width:70px;text-align:right}
.cache-age{color:var(--muted);font-size:11px;white-space:nowrap;width:80px;text-align:right}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}
@media(max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}}
</style>

<style>
/* Hide desktop search & lang on mobile */
@media (max-width: 768px) {
  .nav-search    { display: none !important; }
  .lang-switcher { display: none !important; }
  .nav-links     { display: none !important; }
}
/* Mobile search bar inside nav */
.mob-search-row {
  display: none;
  padding: 8px 14px 10px;
  position: relative;
  z-index: 9000;
}
@media (max-width: 768px) { .mob-search-row { display: block; } }
.mob-search-form {
  display: flex; align-items: stretch;
  background: #1a1a28; border: 2px solid #e50914;
  border-radius: 10px; overflow: hidden; height: 48px;
}
.mob-search-icon { display:flex; align-items:center; padding:0 12px; color:#e50914; font-size:16px; flex-shrink:0; }
.mob-search-input {
  flex:1; background:transparent; border:none; outline:none;
  color:#fff; font-size:15px; padding:0; font-family:inherit;
  -webkit-appearance:none; -webkit-text-fill-color:#fff; min-width:0;
}
.mob-search-input::placeholder { color:#666; -webkit-text-fill-color:#666; }
.mob-search-btn {
  background:#e50914; border:none; color:#fff; font-size:13px;
  font-weight:800; padding:0 16px; cursor:pointer; letter-spacing:.06em;
  text-transform:uppercase; white-space:nowrap; flex-shrink:0;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation; font-family:inherit;
}
.mob-search-btn:active { background:#c0060f; }
.mob-search-drop {
  display:none; position:absolute; left:14px; right:14px; top:100%;
  background:#111118; border:1px solid rgba(229,9,20,0.3);
  border-radius:0 0 10px 10px; z-index:9999; overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,0.95);
}
.mob-search-drop.open { display:block; }
.mob-sdrop-item { display:flex; align-items:center; gap:10px; padding:10px 14px; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.05); }
.mob-sdrop-item:last-child { border-bottom:none; }
.mob-sdrop-item:active { background:rgba(229,9,20,0.1); }
.mob-sdrop-item img { width:34px; height:50px; object-fit:cover; border-radius:4px; flex-shrink:0; background:#1a1a28; }
.mob-sdrop-item strong { display:block; font-size:13px; color:#e8eaf2; line-height:1.3; }
.mob-sdrop-item small  { font-size:11px; color:#666; }
/* Mobile menu */
.mobile-menu { display:none; flex-direction:column; padding:8px 0 14px; border-top:1px solid rgba(255,255,255,0.06); }
.mobile-menu a { padding:11px 20px; color:#ccc; text-decoration:none; font-size:15px; border-bottom:1px solid rgba(255,255,255,0.04); display:block; }
.mobile-menu a:active { background:rgba(229,9,20,0.08); color:#fff; }
.mobile-langs { display:flex; gap:8px; padding:10px 20px 0; flex-wrap:wrap; }
</style>

<nav class="site-nav" id="siteNav">
  <div class="nav-inner">
    <a href="/?lang=fr" class="nav-logo">
      <span class="logo-f">F</span>MOVIES
    </a>
    <div class="nav-links">
      <a href="/?lang=fr" class="nl ">Home</a>
      <a href="/browse.php?type=movie&lang=fr" class="nl">Films</a>
      <a href="/browse.php?type=tv&lang=fr" class="nl">Séries</a>
      <a href="/browse.php?type=anime&lang=fr">Anime</a>
      <div class="nav-dropdown">
        <button class="nl dropdown-btn">Genres ▾</button>
        <div class="dropdown-menu">
          <a href="/browse.php?genre=28&lang=fr" class="dd-item">Action</a><a href="/browse.php?genre=35&lang=fr" class="dd-item">Comedy</a><a href="/browse.php?genre=18&lang=fr" class="dd-item">Drama</a><a href="/browse.php?genre=27&lang=fr" class="dd-item">Horror</a><a href="/browse.php?genre=10749&lang=fr" class="dd-item">Romance</a><a href="/browse.php?genre=878&lang=fr" class="dd-item">Sci-Fi</a><a href="/browse.php?genre=53&lang=fr" class="dd-item">Thriller</a><a href="/browse.php?genre=16&lang=fr" class="dd-item">Animation</a>        </div>
      </div>
    </div>
    <div class="nav-right">
      <form class="nav-search" action="/search.php" method="GET">
        <input type="hidden" name="lang" value="fr">
        <input type="text" name="q" class="search-input" placeholder="Rechercher films, séries..." value="">
        <button type="submit" class="search-btn">🔍</button>
      </form>
      <div class="lang-switcher">
                <a href="?id=683545&lang=en&type=movie"
           class="lang-btn ">EN</a>
                <a href="?id=683545&lang=ar&type=movie"
           class="lang-btn ">AR</a>
                <a href="?id=683545&lang=fr&type=movie"
           class="lang-btn active">FR</a>
                <a href="?id=683545&lang=es&type=movie"
           class="lang-btn ">ES</a>
              </div>
      <button class="hamburger" id="hamburger">☰</button>
    </div>
  </div>

  <!-- MOBILE SEARCH — inside nav, always visible on mobile -->
  <div class="mob-search-row" style="position:relative">
    <form class="mob-search-form" action="/search.php" method="GET" autocomplete="off">
      <input type="hidden" name="lang" value="fr">
      <span class="mob-search-icon">🔍</span>
      <input class="mob-search-input" id="mobSearchInput" name="q" type="text"
        placeholder="Search movies, series..." autocomplete="off" spellcheck="false">
      <button type="submit" class="mob-search-btn">SEARCH</button>
    </form>
    <div class="mob-search-drop" id="mobSearchDrop"></div>
  </div>

  <!-- Mobile menu -->
  <div class="mobile-menu" id="mobileMenu">
    <a href="/?lang=fr">Home</a>
    <a href="/browse.php?type=movie&lang=fr">Films</a>
    <a href="/browse.php?type=tv&lang=fr">Séries</a>
    <a href="/browse.php?type=anime&lang=fr">Anime</a>
    <div class="mobile-langs">
            <a href="?id=683545&lang=en&type=movie"
         class="lang-btn ">English</a>
            <a href="?id=683545&lang=ar&type=movie"
         class="lang-btn ">عربي</a>
            <a href="?id=683545&lang=fr&type=movie"
         class="lang-btn active">Français</a>
            <a href="?id=683545&lang=es&type=movie"
         class="lang-btn ">Español</a>
          </div>
  </div>
</nav>

<script>
function toggleMobileMenu() {
  var m = document.getElementById('mobileMenu');
  if (m) m.style.display = m.style.display === 'flex' ? 'none' : 'flex';
}
document.addEventListener('DOMContentLoaded', function() {
  var burger = document.getElementById('hamburger');
  var menu   = document.getElementById('mobileMenu');
  if (!burger || !menu) return;
  menu.style.display = 'none';
  burger.addEventListener('click', function(e) {
    e.stopPropagation();
    menu.style.display = menu.style.display === 'flex' ? 'none' : 'flex';
  });
  document.addEventListener('click', function(e) {
    var nav = document.getElementById('siteNav');
    if (nav && !nav.contains(e.target)) menu.style.display = 'none';
  });
  menu.querySelectorAll('a').forEach(function(a) {
    a.addEventListener('click', function() { menu.style.display = 'none'; });
  });
});
(function(){
  var input = document.getElementById('mobSearchInput');
  var drop  = document.getElementById('mobSearchDrop');
  if (!input || !drop) return;
  var timer;
  input.addEventListener('input', function(){
    clearTimeout(timer);
    var q = this.value.trim();
    if (q.length < 2) { drop.innerHTML=''; drop.classList.remove('open'); return; }
    timer = setTimeout(function(){ doSearch(q); }, 300);
  });
  function doSearch(q) {
    fetch('/search.php?q='+encodeURIComponent(q)+'&ajax=1&lang=fr')
      .then(function(r){ return r.json(); })
      .then(function(items){
        if (!items||!items.length) { drop.innerHTML='<div style="padding:12px 14px;color:#555;font-size:12px">No results</div>'; drop.classList.add('open'); return; }
        drop.innerHTML = items.slice(0,6).map(function(g){
          var p = g.poster_path ? 'https://image.tmdb.org/t/p/w92'+g.poster_path : '';
          var t2 = g.title||g.name||''; var y = (g.release_date||g.first_air_date||'').substring(0,4);
          var tp = g.media_type||(g.first_air_date?'tv':'movie');
          return '<a class="mob-sdrop-item" href="/watch.php?id='+g.id+'&type='+tp+'&lang=fr">'
            +(p?'<img src="'+p+'" alt="'+t2+'">':'')
            +'<div><strong>'+t2+'</strong><small>'+(y?y+' · ':'')+tp.toUpperCase()+'</small></div></a>';
        }).join('');
        drop.classList.add('open');
      }).catch(function(){ drop.classList.remove('open'); });
  }
  document.addEventListener('click', function(e){
    if (!input.contains(e.target)&&!drop.contains(e.target)) drop.classList.remove('open');
  });
})();
</script>

<style>
.wp-hero{width:100%;height:200px;background-size:cover;background-position:center 30%;position:relative;margin-top:68px}
.wp-hero-ov{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,10,15,0.3),rgba(10,10,15,1))}
.wp-wrap{max-width:1300px;margin:0 auto;padding:0 20px 60px}
.wp-trailer{position:relative;width:100%;background:#000;border-radius:10px;overflow:hidden;margin-bottom:20px}
.wp-trailer iframe{width:100%;height:360px;display:block;border:none}
.wp-trailer-poster{width:100%;height:360px;background-size:cover;background-position:center;position:relative;cursor:pointer;border-radius:10px;overflow:hidden}
.wp-trailer-poster-ov{position:absolute;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}
.wp-play-icon{width:70px;height:70px;background:rgba(0,140,180,0.85);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:transform .2s}
.wp-trailer-poster:hover .wp-play-icon{transform:scale(1.1)}

/* INFO ROW: poster + details */
.wp-info-row{display:flex;gap:24px;margin-bottom:28px;background:#111118;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,0.07)}
.wp-poster{flex-shrink:0;width:185px}
.wp-poster img{width:185px;border-radius:8px;display:block;box-shadow:0 8px 30px rgba(0,0,0,0.6)}
.wp-details{flex:1;min-width:0}
.wp-title{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:1px;color:#fff;margin-bottom:6px;line-height:1.1}
.wp-overview{color:rgba(255,255,255,0.65);font-size:13px;line-height:1.7;margin-bottom:14px;font-style:italic}
.wp-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;margin-bottom:16px}
.wp-meta-item{font-size:13px;display:flex;gap:6px}
.wp-meta-lbl{color:#888;white-space:nowrap}
.wp-meta-val{color:#e8eaf2;font-weight:500}
.wp-meta-val a{color:#00b4d8;text-decoration:none}
.wp-badge-hd{display:inline-block;background:#e50914;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:1px;margin-right:6px}
.wp-btns{display:flex;gap:10px;flex-wrap:wrap}
.wp-btn-stream{background:linear-gradient(135deg,#008cb4,#00b4d8);color:#fff;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-family:'Outfit',sans-serif}
.wp-btn-stream:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,180,216,0.4)}
.wp-btn-dl{background:linear-gradient(135deg,#008cb4,#00b4d8);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-family:'Outfit',sans-serif}
.wp-btn-dl:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,180,216,0.4)}
.wp-scarcity{margin-top:10px;font-size:12px;color:#666;display:flex;align-items:center;gap:6px}
.wp-sc-dot{width:7px;height:7px;background:#4caf50;border-radius:50%;animation:pulse 1.5s infinite;flex-shrink:0}

/* Keywords bar */
.wp-keywords{background:#0d0d14;border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:10px 14px;margin-bottom:20px;font-size:12px;color:#555}
.wp-keywords span{color:#444}

/* Related */
.wp-related-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.wp-related-title::before{content:'';width:3px;height:20px;background:#e50914;border-radius:2px;display:inline-block}
.wp-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.wp-rel-card{display:block;text-decoration:none;transition:transform .2s}
.wp-rel-card:hover{transform:translateY(-4px)}
.wp-rel-poster{position:relative;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#111118}
.wp-rel-poster img{width:100%;height:100%;object-fit:cover}
.wp-rel-ov{position:absolute;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.wp-rel-card:hover .wp-rel-ov{opacity:1}
.wp-rel-play{width:44px;height:44px;background:#e50914;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
.wp-rel-hd{position:absolute;top:6px;left:6px;background:#e50914;color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px}
.wp-rel-rat{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,0.8);color:#f5c518;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px}
.wp-rel-info{padding:6px 2px 0}
.wp-rel-name{font-size:12px;font-weight:600;color:#e8eaf2;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wp-rel-year{font-size:10px;color:#666;margin-top:2px}

@media(max-width:768px){
  .wp-hero{height:240px}
  .wp-info-row{flex-direction:column;align-items:center;text-align:center}
  .wp-poster{width:140px}
  .wp-poster img{width:140px}
  .wp-meta-grid{grid-template-columns:1fr;text-align:left}
  .wp-btns{justify-content:center}
  .wp-trailer iframe{height:200px}
  .wp-related-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
  .wp-title{font-size:26px}
  .wp-related-grid{grid-template-columns:repeat(2,1fr)}
}

/* ── CPA MODAL — fully self-contained ─────────────────────── */
#cpaModal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.95);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:14px;overflow-y:auto}
.cpa-box{background:linear-gradient(160deg,#0c0c18,#131320);border:1px solid rgba(229,9,20,0.25);border-radius:16px;width:100%;max-width:520px;margin:auto;position:relative;box-shadow:0 0 80px rgba(229,9,20,0.12),0 30px 80px rgba(0,0,0,0.8);display:flex;flex-direction:column;max-height:90vh}
.cpa-close{position:absolute;top:12px;right:14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);color:#aaa;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}
.cpa-close:hover{background:rgba(229,9,20,0.3);color:#fff;border-color:rgba(229,9,20,0.5)}
.cpa-header{background:linear-gradient(135deg,rgba(229,9,20,0.12),rgba(229,9,20,0.04));border-bottom:1px solid rgba(229,9,20,0.15);padding:16px 18px 14px}
.cpa-movie-head{display:flex;align-items:center;gap:12px}
.cpa-movie-poster{width:52px;height:78px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,0.5)}
.cpa-movie-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px;line-height:1.3}
.cpa-movie-action{color:rgba(255,255,255,0.5);font-size:11px}
.cpa-body{padding:16px 18px 20px;overflow-y:auto;flex:1}
.cpa-instructions{background:rgba(10,10,22,0.9);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px 16px;margin-bottom:14px}
.cpa-inst-text{font-size:13px;color:rgba(255,255,255,0.8);line-height:1.7}
.cpa-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:14px}
.cpa-step{font-size:11px;font-weight:600;color:#444;padding:6px 12px;border-radius:6px;white-space:nowrap}
.cpa-step.done{color:#4caf50}
.cpa-step.active{background:rgba(229,9,20,0.15);color:#e50914;border:1px solid rgba(229,9,20,0.3)}
.cpa-step-line{height:1px;width:28px;background:rgba(255,255,255,0.1);flex-shrink:0}
.cpa-step-line.done{background:#4caf50}
.cpa-stats{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:10px;padding:10px 8px;margin-bottom:12px}
.cpa-stat{display:flex;flex-direction:column;align-items:center;gap:2px}
.cpa-stat-val{font-size:18px;font-weight:800;color:#e50914;font-family:'Bebas Neue',sans-serif;letter-spacing:1px}
.cpa-stat-lbl{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.5px}
.cpa-stat-sep{width:1px;height:32px;background:rgba(255,255,255,0.07)}
.cpa-ticker{display:flex;align-items:center;gap:8px;background:rgba(76,175,80,0.06);border:1px solid rgba(76,175,80,0.15);border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:11px;color:#90c890}
.cpa-tick-dot{width:7px;height:7px;background:#4caf50;border-radius:50%;animation:pulse 1.5s infinite;flex-shrink:0}
.cpa-offer-progress{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:#666;flex-wrap:wrap}
.cpa-circles{display:flex;gap:5px}
.cpa-circle{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;font-weight:700;transition:all .3s}
.cpa-circle.done{border-color:#4caf50;color:#4caf50;background:rgba(76,175,80,0.1)}
#cpaOffers{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.cpa-offer-row{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:11px 14px;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer}
.cpa-offer-row:hover{border-color:rgba(229,9,20,0.4);background:rgba(229,9,20,0.05);transform:translateX(3px)}
.cpa-num{width:28px;height:28px;border-radius:50%;background:#e50914;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cpa-offer-name{font-size:12px;font-weight:600;color:#e8eaf2;margin-bottom:2px}
.cpa-offer-conv{font-size:10px;color:#555}
.cpa-offer-conv b{color:#4caf50}
.cpa-best{background:rgba(229,9,20,0.15);color:#e50914;font-size:9px;font-weight:800;padding:2px 7px;border-radius:4px;border:1px solid rgba(229,9,20,0.25);white-space:nowrap}
.cpa-offer-arr{color:#555;font-size:16px;margin-left:auto;flex-shrink:0}
.cpa-skel{height:52px;background:linear-gradient(90deg,rgba(255,255,255,0.03) 25%,rgba(255,255,255,0.07) 50%,rgba(255,255,255,0.03) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px}
.cpa-note{text-align:center;font-size:10px;color:#444;margin:0;padding-top:10px;border-top:1px solid rgba(255,255,255,0.05)}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.inst-lang-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#888;font-size:10px;font-weight:800;padding:3px 9px;border-radius:4px;cursor:pointer;transition:all .2s;font-family:'Outfit',sans-serif;letter-spacing:.5px}
.inst-lang-btn:hover{background:rgba(229,9,20,0.15);border-color:rgba(229,9,20,0.4);color:#fff}
.inst-lang-btn.active{background:rgba(229,9,20,0.2);border-color:rgba(229,9,20,0.6);color:#e50914}
</style>
<script>
var _movieTitle = "Le Dernier Complot de Staline";
var _moviePoster = "https:\/\/image.tmdb.org\/t\/p\/w500\/pdqilynJ36cu0NQ1px0lcEyHK6W.jpg";
</script>

<!-- HERO BACKDROP -->
<div class="wp-hero" style="background-image:url('https://image.tmdb.org/t/p/w1280/zPrENpLoaqTrIYJpBFTQf41LHan.jpg')">
  <div class="wp-hero-ov"></div>
</div>

<div class="wp-wrap">

  <!-- TRAILER / PLAY AREA -->
  <div class="wp-trailer" id="trailerBox">
        <div class="wp-trailer-poster" style="background-image:url('https://image.tmdb.org/t/p/w1280/zPrENpLoaqTrIYJpBFTQf41LHan.jpg')" onclick="openCPAModal(_movieTitle,'stream',_moviePoster)">
      <div class="wp-trailer-poster-ov">
        <div class="wp-play-icon">▶</div>
      </div>
    </div>
      </div>

  <!-- INFO ROW -->
  <div class="wp-info-row">

    <!-- POSTER -->
        <div class="wp-poster">
      <img src="https://image.tmdb.org/t/p/w500/pdqilynJ36cu0NQ1px0lcEyHK6W.jpg" alt="Le Dernier Complot de Staline">
    </div>
    
    <!-- DETAILS -->
    <div class="wp-details">
      <div class="wp-title">
        <span class="wp-badge-hd">HD</span>Le Dernier Complot de Staline      </div>

            <p class="wp-overview">Philippe Saada dévoile les ressorts de l’incroyable machination mise en place par Staline aux dernières années de son règne : alors qu’il décide de provoquer une nouvelle purge dans le Parti et de dur...</p>
      
      <div class="wp-meta-grid">
                <div class="wp-meta-item">
          <span class="wp-meta-lbl">Genre:</span>
          <span class="wp-meta-val"></span>
        </div>
                        <div class="wp-meta-item">
          <span class="wp-meta-lbl">Acteurs:</span>
          <span class="wp-meta-val">Patrick Floersheim, Jonathan Brent, Joseph Staline, Вячеслав Молотов, Natalya Rapoport</span>
        </div>
                        <div class="wp-meta-item">
          <span class="wp-meta-lbl">Réalisateur:</span>
          <span class="wp-meta-val">Philippe Saada</span>
        </div>
                        <div class="wp-meta-item">
          <span class="wp-meta-lbl">Country:</span>
          <span class="wp-meta-val">Australia</span>
        </div>
                        <div class="wp-meta-item">
          <span class="wp-meta-lbl">Durée:</span>
          <span class="wp-meta-val">76 min</span>
        </div>
                        <div class="wp-meta-item">
          <span class="wp-meta-lbl">Qualité:</span>
          <span class="wp-meta-val" style="color:#f5c518">HD</span>
        </div>
                <div class="wp-meta-item">
          <span class="wp-meta-lbl">Sortie:</span>
          <span class="wp-meta-val" style="color:#00b4d8">2011</span>
        </div>
                        <div class="wp-meta-item">
          <span class="wp-meta-lbl">IMDb:</span>
          <span class="wp-meta-val" style="color:#f5c518">⭐ 8.0</span>
        </div>
              </div>

      <!-- BUTTONS -->
      <div class="wp-btns">
        <button class="wp-btn-stream" onclick="openCPAModal(_movieTitle,'stream',_moviePoster)">
          ▶ Streaming HD        </button>
        <button class="wp-btn-dl" onclick="openCPAModal(_movieTitle,'download',_moviePoster)">
          ⬇ Télécharger HD        </button>
      </div>

      <div class="wp-scarcity">
        <span class="wp-sc-dot"></span>
        <span id="scViewers">179</span> people watching right now &nbsp;•&nbsp;
        <span style="color:#ff9800">⚡ 23 slots left today</span>
      </div>
    </div>
  </div>

  <!-- KEYWORDS BAR -->
  <div class="wp-keywords">
    <span>Keywords: </span>
    Le Dernier Complot de Staline, Le Dernier Complot de Staline watch free, Le Dernier Complot de Staline HD, Le Dernier Complot de Staline 2011, Le Dernier Complot de Staline free streaming, watch free HD  </div>

  <!-- RELATED MOVIES -->
    <div>
    <div class="wp-related-title">Related Films</div>
    <div class="wp-related-grid">
            <a href="/watch.php?id=3291&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/y6HcGoVql6QZCiXzqHLn5PKjbGK.jpg" alt="Good Night, and Good Luck." loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐7.1</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Good Night, and Good Luck.</div>
          <div class="wp-rel-year">2005</div>
        </div>
      </a>
            <a href="/watch.php?id=1067355&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/5TvuYlyF5TUSckq7IFJJVOwC5L1.jpg" alt="Entretien politique : Histoire et mode d&#039;emploi" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐7.0</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Entretien politique : Histoire et mode d&#039;emploi</div>
          <div class="wp-rel-year">2020</div>
        </div>
      </a>
            <a href="/watch.php?id=275211&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/xIZgqLGLXPY5mKKlLiL9p3Pow1J.jpg" alt="Von Mäusen und Lügen" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐3.4</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Von Mäusen und Lügen</div>
          <div class="wp-rel-year">2011</div>
        </div>
      </a>
            <a href="/watch.php?id=275246&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/3imESJV904QnkIV4RVpXjDWuxnz.jpg" alt="Ленинленд" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐1.0</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Ленинленд</div>
          <div class="wp-rel-year">2013</div>
        </div>
      </a>
            <a href="/watch.php?id=860578&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/w3J1iRg1raeFOyyniZXNc92vVoi.jpg" alt="Jackie Chan - Humour, gloire et kung-fu" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐7.7</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Jackie Chan - Humour, gloire et kung-fu</div>
          <div class="wp-rel-year">2021</div>
        </div>
      </a>
            <a href="/watch.php?id=275012&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/kLEfOeSgN88mSJf4MbP2AXtH5LH.jpg" alt="Evidence of Revision: The Assassination of America" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐7.0</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Evidence of Revision: The Assassination of America</div>
          <div class="wp-rel-year">2006</div>
        </div>
      </a>
            <a href="/watch.php?id=4300&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/7UIfxfBMHN4GsfCm7A29IcDJHeI.jpg" alt="Les Sorcières de Salem" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐6.9</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Les Sorcières de Salem</div>
          <div class="wp-rel-year">1957</div>
        </div>
      </a>
            <a href="/watch.php?id=4132&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/rKO2z8YaC6Zy1Z0zPkXDOmFZpYh.jpg" alt="Le château perdu" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐6.0</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Le château perdu</div>
          <div class="wp-rel-year">1973</div>
        </div>
      </a>
            <a href="/watch.php?id=1067814&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/yd68Lwfq5pMszFnlUKAseShe1pG.jpg" alt="Stasi, un État contre son peuple" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐9.0</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Stasi, un État contre son peuple</div>
          <div class="wp-rel-year">2021</div>
        </div>
      </a>
            <a href="/watch.php?id=1262165&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/c3kZrm3cF4p3Zrfolfrba4JsdDF.jpg" alt="Fernanda Young: Foge-me ao Controle" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐7.0</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Fernanda Young: Foge-me ao Controle</div>
          <div class="wp-rel-year">2024</div>
        </div>
      </a>
            <a href="/watch.php?id=5675&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/um5yLI2iDqyt5hDtlospXCl3z3h.jpg" alt="Les deniers du culte" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐4.8</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Les deniers du culte</div>
          <div class="wp-rel-year">1997</div>
        </div>
      </a>
            <a href="/watch.php?id=1068650&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/xX1dhLHDADcANySMwnDpLrz3Vz6.jpg" alt="Being in a Place: A Portrait of Margaret Tait" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
                  </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Being in a Place: A Portrait of Margaret Tait</div>
          <div class="wp-rel-year">2024</div>
        </div>
      </a>
            <a href="/watch.php?id=11819&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/tJwIawJUXkLGqQ09fOQ6USxMJD4.jpg" alt="Panique sur l&#039;autoroute" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐6.1</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Panique sur l&#039;autoroute</div>
          <div class="wp-rel-year">1979</div>
        </div>
      </a>
            <a href="/watch.php?id=11820&type=movie&lang=fr" class="wp-rel-card">
        <div class="wp-rel-poster">
          <img src="https://image.tmdb.org/t/p/w500/l2IVUTG3T8cB4YrHhcSzxkHZ2Ng.jpg" alt="Le Sourire de Mona Lisa" loading="lazy">
          <div class="wp-rel-ov"><div class="wp-rel-play">▶</div></div>
          <span class="wp-rel-hd">HD</span>
          <span class="wp-rel-rat">⭐6.9</span>        </div>
        <div class="wp-rel-info">
          <div class="wp-rel-name">Le Sourire de Mona Lisa</div>
          <div class="wp-rel-year">2003</div>
        </div>
      </a>
          </div>
  </div>
  
</div>

<!-- CPA MODAL -->
<div id="cpaModal" style="display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.96);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:16px;overflow-y:auto">
  <div class="cpa-box">
    <button onclick="closeCPA()" class="cpa-close">✕</button>

    <!-- HEADER -->
    <div class="cpa-header">
      <div class="cpa-movie-head">
        <img id="cpaPoster" src="" class="cpa-movie-poster" style="display:none">
        <div style="flex:1;min-width:0">
          <div id="cpaMovieTitle" class="cpa-movie-title"></div>
          <div id="cpaActionLabel" class="cpa-movie-action"></div>
        </div>
      </div>
    </div>

    <!-- BODY -->
    <div class="cpa-body">
    <!-- Instructions with language switcher -->
    <div style="margin-bottom:14px">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px">
        <span style="font-size:12px;font-weight:700;color:#e50914">📋 How to unlock</span>
        <div style="display:flex;gap:4px" id="instLangBtns">
          <button onclick="switchInstLang('en')" class="inst-lang-btn active" id="instBtn-en">EN</button>
          <button onclick="switchInstLang('ar')" class="inst-lang-btn" id="instBtn-ar">AR</button>
          <button onclick="switchInstLang('fr')" class="inst-lang-btn" id="instBtn-fr">FR</button>
          <button onclick="switchInstLang('es')" class="inst-lang-btn" id="instBtn-es">ES</button>
        </div>
      </div>
      <div style="background:rgba(10,10,22,0.9);border:1px solid rgba(229,9,20,0.15);border-radius:8px;padding:14px 16px">
        <div id="cpaInstText" class="cpa-inst-text"></div>
      </div>
    </div>
    <div class="cpa-progress">
      <div class="cpa-step done">✓ Regarder</div>
      <div class="cpa-step-line done"></div>
      <div class="cpa-step active">▶ Verify</div>
      <div class="cpa-step-line"></div>
      <div class="cpa-step">▶ Streaming HD</div>
    </div>
    <div class="cpa-stats">
      <div class="cpa-stat"><span id="cpaOnline" class="cpa-stat-val">...</span><span class="cpa-stat-lbl" id="cpaWatchingLbl">watching now</span></div>
      <div class="cpa-stat-sep"></div>
      <div class="cpa-stat"><span class="cpa-stat-val">HD</span><span class="cpa-stat-lbl">quality</span></div>
      <div class="cpa-stat-sep"></div>
      <div class="cpa-stat"><span id="cpaTimer" class="cpa-stat-val">14:59</span><span class="cpa-stat-lbl" id="cpaExpiresLbl">expires</span></div>
    </div>
    <div class="cpa-ticker"><div class="cpa-tick-dot"></div><span id="cpaTicker">Someone from Brazil just unlocked this movie</span></div>
    <div class="cpa-offer-progress">
      <span id="cpaProgressLabel">Complete 2 offers to unlock:</span>
      <div class="cpa-circles">
        <div id="cp1" class="cpa-circle">1</div>
        <div id="cp2" class="cpa-circle">2</div>
      </div>
      <span id="cpCount" style="color:#e50914;font-weight:700">0</span>/2
    </div>
    <div id="cpaOffers"><div class="cpa-skel"></div><div class="cpa-skel"></div><div class="cpa-skel"></div></div>
    <div id="cpaSuccess" style="display:none;text-align:center;padding:20px;background:rgba(76,175,80,0.1);border:1px solid rgba(76,175,80,0.3);border-radius:12px;margin-top:12px">
      <div style="font-size:32px;margin-bottom:8px">✅</div>
      <div id="cpaSuccessText" style="color:#4caf50;font-size:15px;font-weight:700">Verification complete!</div>
    </div>
    <p class="cpa-note">🔒 Once verified, you can Watch or Download automatically without ads.</p>
    </div><!-- end cpa-body -->
  </div>
</div>

<script>
function loadTrailer(key) {
  document.getElementById('trailerThumb').style.display = 'none';
  var f = document.getElementById('trailerFrame');
  f.style.display = 'block';
  document.getElementById('trailerIframe').src = 'https://www.youtube.com/embed/' + key + '?autoplay=1&rel=0';
}
</script>


<footer style="background:#080810;border-top:1px solid rgba(255,255,255,0.05);padding:30px 20px;text-align:center;margin-top:60px">
  <div style="max-width:1300px;margin:0 auto">
    <p style="color:#333;font-size:12px;margin:0">© 2026 MoviesUp — Watch Free HD Movies &amp; TV Series Online</p>
    <p style="color:#222;font-size:11px;margin:6px 0 0">All content is provided by third-party sources. We do not host any files on our servers.</p>
  </div>
</footer>

<!-- jQuery (required for AdBlueMedia) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
/* ═══════════════════════════════════════════════════════
   ADBLUE MEDIA CONFIG — Your Account
   ═══════════════════════════════════════════════════════ */
var ABM = {
  userId:    '288537',
  apiKey:    '4bfccfee0e1ff38181e961ecb34ef1ab',
  pubKey:    '7f105dc13dd451f2b0a9',
  offerUrl:  'https://d5b3uz3fo8hn3.cloudfront.net/public/offers/feed.php',
  checkUrl:  'https://d5b3uz3fo8hn3.cloudfront.net/public/external/check2.php',
  required:  2,   // completions needed to unlock
  testing:   0    // 0 = live, 1 = test mode
};

/* ═══════════════════════════════════════════════════════
   STATE
   ═══════════════════════════════════════════════════════ */
var cpaState = {
  completed: 0,
  unlocked:  false,
  timer:     null,
  countdown: null,
  timerSec:  15 * 60  // 15 min countdown
};

/* ═══════════════════════════════════════════════════════
   OPEN MODAL
   ═══════════════════════════════════════════════════════ */
function openCPAModal(title, action, poster) {
  var modal = document.getElementById('cpaModal');
  modal.style.display = 'flex';
  document.body.style.overflow = 'hidden';

  // Set title & action label
  document.getElementById('cpaMovieTitle').textContent = title || '';
  document.getElementById('cpaActionLabel').textContent = action === 'download'
    ? '⬇ Download HD — Verification Required'
    : '▶ Stream HD — Verification Required';

  // Poster
  var posterEl = document.getElementById('cpaPoster');
  if (poster) { posterEl.src = poster; posterEl.style.display = 'block'; }
  else { posterEl.style.display = 'none'; }

  // Reset if not already unlocked
  if (!cpaState.unlocked) {
    cpaState.completed = 0;
    updateCircles(0);
    document.getElementById('cpCount').textContent = '0';
    document.getElementById('cpaSuccess').style.display = 'none';
    document.getElementById('cpaOffers').style.display = 'flex';
    startCountdown();
    loadOffers();
    startLeadCheck();
  } else {
    showSuccess(action);
  }

  setInstLang('en');
  startTicker();
  animateOnlineCount();
}

/* ═══════════════════════════════════════════════════════
   CLOSE MODAL
   ═══════════════════════════════════════════════════════ */
function closeCPA() {
  document.getElementById('cpaModal').style.display = 'none';
  document.body.style.overflow = '';
  clearInterval(cpaState.timer);
  clearInterval(cpaState.countdown);
  clearInterval(cpaState.tickerInterval);
}

/* ═══════════════════════════════════════════════════════
   LOAD OFFERS from AdBlueMedia API
   ═══════════════════════════════════════════════════════ */
function loadOffers() {
  var container = document.getElementById('cpaOffers');
  // Show skeletons
  container.innerHTML = '<div class="cpa-skel"></div><div class="cpa-skel"></div><div class="cpa-skel"></div>';

  var feedUrl = ABM.offerUrl
    + '?user_id=' + ABM.userId
    + '&api_key=' + ABM.apiKey
    + '&s1=' + encodeURIComponent(window.location.pathname)
    + '&s2=fmovies'
    + '&callback=?';

  $.getJSON(feedUrl, function(offers) {
    if (!offers || !offers.length) {
      container.innerHTML = '<div style="text-align:center;padding:20px;color:#666;font-size:13px">No offers available in your region.<br><small>Try disabling VPN or ad blocker.</small></div>';
      return;
    }

    var numOffers = Math.min(offers.length, 5);
    offers = offers.slice(0, numOffers);
    var html = '';
    var labels = ['BEST', '', '', '', ''];

    offers.forEach(function(offer, i) {
      html += '<a class="cpa-offer-row" href="' + offer.url + '" target="_blank" rel="noopener" onclick="offerClicked(this)">'
        + '<div class="cpa-num">' + (i + 1) + '</div>'
        + '<div style="flex:1;min-width:0">'
        +   '<div class="cpa-offer-name">' + escHtml(offer.anchor || 'Complete Offer') + '</div>'
        +   '<div class="cpa-offer-conv">Action: <b>' + escHtml(offer.conversion || 'Complete task') + '</b></div>'
        + '</div>'
        + (i === 0 ? '<span class="cpa-best">BEST</span>' : '')
        + '<span class="cpa-offer-arr">›</span>'
        + '</a>';
    });

    container.innerHTML = html;
  }).fail(function() {
    container.innerHTML = '<div style="text-align:center;padding:20px;color:#666;font-size:13px">Failed to load offers.<br><small>Please disable ad blocker and try again.</small></div>';
  });
}

/* ═══════════════════════════════════════════════════════
   CHECK LEAD COMPLETION every 15s
   ═══════════════════════════════════════════════════════ */
function startLeadCheck() {
  clearInterval(cpaState.timer);
  cpaState.timer = setInterval(function() {
    checkLeads();
  }, 15000);
}

function checkLeads() {
  var checkUrl = ABM.checkUrl + '?testing=' + ABM.testing + '&callback=?';
  $.getJSON(checkUrl, function(leads) {
    if (!leads || !leads.length) return;
    var newCompleted = leads.length;
    if (newCompleted > cpaState.completed) {
      cpaState.completed = newCompleted;
      updateCircles(cpaState.completed);
      document.getElementById('cpCount').textContent = Math.min(cpaState.completed, ABM.required);
      if (cpaState.completed >= ABM.required && !cpaState.unlocked) {
        cpaState.unlocked = true;
        clearInterval(cpaState.timer);
        showSuccess();
      }
    }
  });
}

/* ═══════════════════════════════════════════════════════
   UPDATE PROGRESS CIRCLES
   ═══════════════════════════════════════════════════════ */
function updateCircles(n) {
  for (var i = 1; i <= ABM.required; i++) {
    var el = document.getElementById('cp' + i);
    if (!el) continue;
    if (i <= n) el.classList.add('done');
    else el.classList.remove('done');
  }
}

/* ═══════════════════════════════════════════════════════
   SHOW SUCCESS
   ═══════════════════════════════════════════════════════ */
function showSuccess(action) {
  document.getElementById('cpaOffers').style.display = 'none';
  var s = document.getElementById('cpaSuccess');
  s.style.display = 'block';
  document.getElementById('cpaSuccessText').textContent = action === 'download'
    ? '✅ Verified! Your download is ready.'
    : '✅ Verified! Click Watch Now to stream in HD.';
  updateCircles(ABM.required);
  document.getElementById('cpCount').textContent = ABM.required;
  clearInterval(cpaState.countdown);
  clearInterval(cpaState.timer);
}

/* ═══════════════════════════════════════════════════════
   COUNTDOWN TIMER (15 min)
   ═══════════════════════════════════════════════════════ */
function startCountdown() {
  cpaState.timerSec = 15 * 60;
  clearInterval(cpaState.countdown);
  cpaState.countdown = setInterval(function() {
    cpaState.timerSec--;
    if (cpaState.timerSec <= 0) {
      clearInterval(cpaState.countdown);
      document.getElementById('cpaTimer').textContent = '00:00';
      return;
    }
    var m = Math.floor(cpaState.timerSec / 60);
    var s = cpaState.timerSec % 60;
    document.getElementById('cpaTimer').textContent =
      (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s;
  }, 1000);
}

/* ═══════════════════════════════════════════════════════
   ANIMATED ONLINE COUNT
   ═══════════════════════════════════════════════════════ */
function animateOnlineCount() {
  var base = Math.floor(Math.random() * 200) + 80;
  document.getElementById('cpaOnline').textContent = base;
  setInterval(function() {
    base += Math.floor(Math.random() * 7) - 3;
    if (base < 40) base = 40;
    document.getElementById('cpaOnline').textContent = base;
  }, 4000);
}

/* ═══════════════════════════════════════════════════════
   SOCIAL PROOF TICKER
   ═══════════════════════════════════════════════════════ */
var tickerMessages = [
  'Someone from Brazil just unlocked this movie',
  'A user from Morocco completed verification',
  'Someone from France just got access',
  'A user from USA unlocked HD stream',
  'Someone from Algeria just completed offers',
  'A user from Spain got instant access',
  'Someone from Egypt just verified',
  'A user from UK unlocked this content',
];
function startTicker() {
  clearInterval(cpaState.tickerInterval);
  var i = 0;
  cpaState.tickerInterval = setInterval(function() {
    i = (i + 1) % tickerMessages.length;
    var el = document.getElementById('cpaTicker');
    if (el) el.textContent = tickerMessages[i];
  }, 4000);
}

/* ═══════════════════════════════════════════════════════
   INSTRUCTIONS LANGUAGE SWITCHER
   ═══════════════════════════════════════════════════════ */
var instTexts = {
  en: 'Prove you are human by completing <strong>2 quick tasks</strong> below:<br><br>✅ Enter your phone number <small style="color:#666">or</small><br>✅ Download an app <small style="color:#666">(use for 30 seconds)</small> <small style="color:#666">or</small><br>✅ Enter your email <small style="color:#666">or</small><br>✅ Answer a few questions<br><br><span style="color:#4caf50;font-size:11px">⚡ Takes less than 1 minute. No credit card needed.</span>',
  ar: 'أثبت أنك إنسان بإتمام <strong>مهمتين سريعتين</strong> أدناه:<br><br>✅ أدخل رقم هاتفك <small style="color:#666">أو</small><br>✅ حمّل تطبيقاً <small style="color:#666">(استخدمه 30 ثانية)</small> <small style="color:#666">أو</small><br>✅ أدخل بريدك الإلكتروني <small style="color:#666">أو</small><br>✅ أجب على بعض الأسئلة<br><br><span style="color:#4caf50;font-size:11px">⚡ أقل من دقيقة. لا بطاقة بنكية مطلوبة.</span>',
  fr: 'Prouvez que vous êtes humain en complétant <strong>2 tâches rapides</strong> ci-dessous:<br><br>✅ Entrez votre numéro de téléphone <small style="color:#666">ou</small><br>✅ Téléchargez une app <small style="color:#666">(utilisez-la 30 secondes)</small> <small style="color:#666">ou</small><br>✅ Entrez votre email <small style="color:#666">ou</small><br>✅ Répondez à quelques questions<br><br><span style="color:#4caf50;font-size:11px">⚡ Moins d\'1 minute. Aucune carte requise.</span>',
  es: 'Demuestra que eres humano completando <strong>2 tareas rápidas</strong> abajo:<br><br>✅ Ingresa tu número de teléfono <small style="color:#666">o</small><br>✅ Descarga una app <small style="color:#666">(úsala 30 segundos)</small> <small style="color:#666">o</small><br>✅ Ingresa tu email <small style="color:#666">o</small><br>✅ Responde algunas preguntas<br><br><span style="color:#4caf50;font-size:11px">⚡ Menos de 1 minuto. Sin tarjeta de crédito.</span>',
};
function switchInstLang(lang) {
  document.querySelectorAll('.inst-lang-btn').forEach(function(b) { b.classList.remove('active'); });
  var btn = document.getElementById('instBtn-' + lang);
  if (btn) btn.classList.add('active');
  setInstLang(lang);
}
function setInstLang(lang) {
  var el = document.getElementById('cpaInstText');
  if (el) el.innerHTML = instTexts[lang] || instTexts['en'];
}

/* ═══════════════════════════════════════════════════════
   OFFER CLICKED (track manually if needed)
   ═══════════════════════════════════════════════════════ */
function offerClicked(el) {
  // Slight visual feedback
  el.style.borderColor = 'rgba(229,9,20,0.6)';
  setTimeout(function() {
    if (el) el.style.borderColor = '';
  }, 600);
}

/* ═══════════════════════════════════════════════════════
   HELPERS
   ═══════════════════════════════════════════════════════ */
function escHtml(str) {
  var d = document.createElement('div');
  d.appendChild(document.createTextNode(str));
  return d.innerHTML;
}

// Close modal on backdrop click
document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('cpaModal').addEventListener('click', function(e) {
    if (e.target === this) closeCPA();
  });
});
</script>

</body>
</html>