🔥 Featured Watches

<div style="padding:60px 20px;background:#000;font-family:'Poppins',sans-serif;">
  <h1 style="text-align:center;color:#fff;font-size:42px;margin-bottom:50px;letter-spacing:1px;">🔥 Featured Watches</h1>
  
  <div id="card-container" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:1200px;margin:0 auto;"></div>
</div>

<script>
  const gifLinks = [
    "https://media1.tenor.com/m/ZKCPT8oCJU4AAAAd/making-love-passionate.gif",
    "https://media.tenor.com/z4E35quZrp4AAAAM/kissing-couple.gif",
    "https://media1.tenor.com/m/pTfxCumVou0AAAAd/grind-dance.gif",
    "https://i.pinimg.com/originals/15/81/cf/1581cfae0607e4f12aab361923c59b8b.gif",
    "https://media.tenor.com/HBFOK3RIL0MAAAAM/hot-kissing.gif",
    "https://media.tenor.com/ApEQkzfFAMIAAAAM/couple-kiss.gif",
    "https://media.tenor.com/yu80LgUATHAAAAAM/love-lovely.gif",
    "https://media1.tenor.com/m/dNh8hQM4x2UAAAAd/love-you-couple.gif",
    "https://media.tenor.com/B8nsCUSHYjUAAAAM/romantic-kiss.gif",
    "https://media.tenor.com/8i6ZtfGwZyoAAAAM/passions-kiss.gif",
    "https://media.tenor.com/_Xcrdm76BEMAAAAM/sammie-wanting-the-d-sex.gif",
    "https://media.tenor.com/zYMjnZPOx8gAAAAM/big-boobs.gif",
    "https://media.tenor.com/rqNClL9dBokAAAAM/days-of-our-lives-dool.gif",
    "https://media.tenor.com/EH5eA91h6KQAAAAM/days-of-our-lives-dool.gif",
    "https://media.tenor.com/C23EQXx_WBEAAAAM/days-of-our-lives-kiss.gif",
    "https://media.tenor.com/Z8alYmowQoAAAAAM/desi-bhabhi.gif",
    "https://media1.tenor.com/m/KqOKTqDRHX0AAAAC/dream-couple.gif",
    "https://media1.tenor.com/m/PY3I227ov1QAAAAC/dylan-obrien-make-out.gif",
    "https://media.tenor.com/c9fx3XooVFwAAAAM/passionate-kiss.gif",
    "https://media.tenor.com/B8nsCUSHYjUAAAAM/romantic-kiss.gif"
  ];

  const container = document.getElementById("card-container");

  gifLinks.forEach(img => {
    const cardHTML = `
      <div onclick="window.location.href='https://rb.gy/0iejdt'" 
        style="cursor:pointer;position:relative;overflow:hidden;border-radius:16px;height:230px;transition:transform 0.4s ease, box-shadow 0.4s ease;box-shadow:0 4px 15px rgba(0,0,0,0.4);"
        onmouseover="this.style.transform='scale(1.05)';this.querySelector('.bg').style.transform='scale(1.15)';this.style.boxShadow='0 6px 25px rgba(255,255,255,0.15)'" 
        onmouseout="this.style.transform='scale(1)';this.querySelector('.bg').style.transform='scale(1.1)';this.style.boxShadow='0 4px 15px rgba(0,0,0,0.4)'">
        
        <div class="bg" style="background:url('${img}') center/cover no-repeat;width:100%;height:100%;filter:blur(6px);transform:scale(1.1);transition:transform 0.4s ease;"></div>
        
        <div style="position:absolute;top:0;left:0;width:100%;height:100%;
          background:linear-gradient(transparent,rgba(0,0,0,0.8));
          display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;">
          
          <div style="width:60px;height:60px;border:2px solid #fff;border-radius:50%;
            display:flex;align-items:center;justify-content:center;font-size:26px;
            transition:all 0.3s ease;">
            ▶
          </div>
          <div style="font-size:14px;margin-top:10px;">Watch & Download</div>
        </div>
      </div>
    `;
    container.innerHTML += cardHTML;
  });
</script>