Fix 404 placeholder links for Amazon and YouTube videos

Author: Tcode-Motion

assets/audio/cpu/cpu-overview.mp3

@@ -47,7 +47,7 @@ <h2>🛒 Top Battery Products</h2>
         <h4>APC Back-UPS BX1100C-IN</h4>
         <p class="product-spec">1100VA / 660W · 8 outlets · 1-hour runtime for basic PC · USB charging</p>
         <p class="product-price">₹5,525 – ₹7,475 (Avg: ₹6,500)</p>
-        <a href="https://amzn.in/d/apcbackups" target="_blank" rel="noopener" class="buy-btn">🛒 Amazon India</a>
+        <a href="https://www.amazon.in/s?k=apcbackups" target="_blank" rel="noopener" class="buy-btn">🛒 Amazon India</a>
       </div>
       <div class="product-card">
         <img src="images/battery.jpg" alt="Genus GX1000 UPS">
@@ -86,7 +86,7 @@ <h3 style="font-size: 1.2rem; color: #fff; margin-bottom: 10px;">📚 Academic &
         <div style="flex: 1; min-width: 300px;">
             <h3 style="font-size: 1.2rem; color: #fff; margin-bottom: 10px;">🎥 Video Lecture / Demonstration</h3>
             <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; background: #000;">
-                <iframe src="https://www.youtube.com/embed?listType=search&list=Battery+explained+computer+science" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allowfullscreen></iframe>
+                <a href="https://www.youtube.com/results?search_query=Battery+explained+computer+science" target="_blank" style="display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height: 200px; background:#252525; color:#fff; text-decoration:none; font-weight:bold; border-radius:8px; font-size: 1.2rem;">▶️ Search YouTube: Battery explained computer science</a>
             </div>
         </div>
     </div>

assets/audio/gpu/gpu-overview.mp3

@@ -44,7 +44,7 @@ <h3 style="font-size: 1.2rem; color: #fff; margin-bottom: 10px;">📚 Academic &
         <div style="flex: 1; min-width: 300px;">
             <h3 style="font-size: 1.2rem; color: #fff; margin-bottom: 10px;">🎥 Video Lecture / Demonstration</h3>
             <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; background: #000;">
-                <iframe src="https://www.youtube.com/embed?listType=search&list=Computer+History+explained+computer+science" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allowfullscreen></iframe>
+                <a href="https://www.youtube.com/results?search_query=Computer+History+explained+computer+science" target="_blank" style="display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height: 200px; background:#252525; color:#fff; text-decoration:none; font-weight:bold; border-radius:8px; font-size: 1.2rem;">▶️ Search YouTube: Computer History explained computer science</a>
             </div>
         </div>
     </div>