diff --git a/src/pages/ProductDetail.tsx b/src/pages/ProductDetail.tsx
index ea958f4..0be6721 100644
--- a/src/pages/ProductDetail.tsx
+++ b/src/pages/ProductDetail.tsx
@@ -302,6 +302,12 @@ export default function ProductDetail() {
     setExpandedLessonChapters(newSet);
   };
 
+  // Check if product has any recording (YouTube, M3U8, or MP4)
+  const hasRecording = () => {
+    if (!product) return false;
+    return !!(product.recording_url || product.m3u8_url || product.mp4_url);
+  };
+
   if (loading) {
     return (<AppLayout><div className="container mx-auto px-4 py-8"><Skeleton className="h-10 w-1/2 mb-4" /><Skeleton className="h-6 w-1/4 mb-8" /><Skeleton className="h-64 w-full" /></div></AppLayout>);
   }
@@ -332,7 +338,7 @@ export default function ProductDetail() {
           </Button>
         );
       case 'webinar':
-        if (product.recording_url) {
+        if (hasRecording()) {
           return (
             <div className="space-y-4">
               <Card className="border-2 border-primary/20 bg-primary/5">
@@ -528,13 +534,13 @@ export default function ProductDetail() {
               <h1 className="text-4xl font-bold mb-2">{product.title}</h1>
               <div className="flex items-center gap-2 flex-wrap">
                 <Badge className="bg-primary text-primary-foreground capitalize">{product.type}</Badge>
-                {product.type === 'webinar' && product.recording_url && (
+                {product.type === 'webinar' && hasRecording() && (
                   <Badge className="bg-secondary text-primary">Rekaman Tersedia</Badge>
                 )}
-                {product.type === 'webinar' && !product.recording_url && product.event_start && new Date(product.event_start) > new Date() && (
+                {product.type === 'webinar' && !hasRecording() && product.event_start && new Date(product.event_start) > new Date() && (
                   <Badge className="bg-brand-accent text-white">Segera Hadir</Badge>
                 )}
-                {product.type === 'webinar' && !product.recording_url && product.event_start && new Date(product.event_start) <= new Date() && (
+                {product.type === 'webinar' && !hasRecording() && product.event_start && new Date(product.event_start) <= new Date() && (
                   <Badge className="bg-muted text-primary">Telah Lewat</Badge>
                 )}
               </div>