diff --git a/.replit b/.replit
index 8090e93..10afe05 100644
--- a/.replit
+++ b/.replit
@@ -16,7 +16,7 @@ localPort = 5000
 externalPort = 80
 
 [[ports]]
-localPort = 41645
+localPort = 43411
 externalPort = 3000
 
 [env]
diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index f69cd41..768d808 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -77,7 +77,7 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
     };
   }, []);
 
-  // Load mute preference on component mount
+  // Load mute preference on component mount - default to muted for previews
   useEffect(() => {
     const savedMuteState = localStorage.getItem('videoPreviewMuted');
     const shouldBeMuted = savedMuteState === null ? true : savedMuteState === 'true';
@@ -264,7 +264,22 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
                 }
               }}
               onTimeUpdate={(e) => setCurrentTime(e.currentTarget.currentTime)}
-              onLoadedMetadata={(e) => setDuration(e.currentTarget.duration)}
+              onLoadedMetadata={(e) => {
+                setDuration(e.currentTarget.duration);
+                const video = e.currentTarget;
+                // Check if video has audio using various browser methods
+                const hasAudio = 
+                  (video as any).mozHasAudio || 
+                  Boolean((video as any).webkitAudioDecodedByteCount) || 
+                  Boolean((video as any).audioTracks && (video as any).audioTracks.length) ||
+                  false;
+                console.log('🎵 Video metadata loaded:', {
+                  hasAudio,
+                  duration: video.duration,
+                  muted: video.muted,
+                  volume: video.volume
+                });
+              }}
               onMouseMove={(e) => {
                 if (!videoRef.current || duration === 0) return;
                 const rect = e.currentTarget.getBoundingClientRect();
@@ -276,11 +291,12 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
               }}
             />
             
-            {/* Mute/Unmute button - make it always visible and more prominent */}
+            {/* Mute/Unmute button - always visible and functional */}
             <button
               onClick={(e) => {
                 e.preventDefault();
                 e.stopPropagation();
+                
                 const newMutedState = !isMuted;
                 setIsMuted(newMutedState);
                 
@@ -292,14 +308,27 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
                   detail: { isMuted: newMutedState }
                 }));
                 
+                // Apply to current video if playing
                 if (videoRef.current) {
-                  videoRef.current.muted = newMutedState;
-                  videoRef.current.volume = newMutedState ? 0 : 1;
+                  try {
+                    videoRef.current.muted = newMutedState;
+                    if (!newMutedState) {
+                      // When unmuting, ensure volume is audible
+                      videoRef.current.volume = 0.8;
+                    }
+                    console.log('🔊 Mute button clicked:', { 
+                      newMutedState, 
+                      videoMuted: videoRef.current.muted, 
+                      videoVolume: videoRef.current.volume 
+                    });
+                  } catch (error) {
+                    console.error('Error setting video audio:', error);
+                  }
                 }
               }}
               className="absolute top-3 right-3 z-20 bg-black/80 hover:bg-black/90 text-white border-2 border-white/30 hover:border-white/50 p-2.5 rounded-full transition-all duration-200 opacity-90 hover:opacity-100 shadow-lg backdrop-blur-sm"
               data-testid="button-mute-toggle"
-              title={isMuted ? "Unmute video" : "Mute video"}
+              title={isMuted ? "Klikni za zvok" : "Klikni za utišanje"}
             >
               {isMuted ? (
                 <VolumeX className="w-5 h-5" />