diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index 41d592b..36b239e 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -5698,32 +5698,32 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
   grid-template-columns: 0fr 1fr 0fr;
   position: relative;
   max-width: 100%;
-  animation: contentSlideIn 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
+  animation: contentSlideIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
   will-change: transform, opacity;
 }
 
 .content.slide-next {
-  animation: contentSlideInRight 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
+  animation: contentSlideInRight 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
 }
 
 .content.slide-prev {
-  animation: contentSlideInLeft 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
+  animation: contentSlideInLeft 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
 }
 
 .content.slide-out-left {
-  animation: contentSlideOutLeft 0.26s cubic-bezier(0.4, 0, 0.8, 1) forwards !important;
+  animation: contentSlideOutLeft 0.38s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
   pointer-events: none;
 }
 
 .content.slide-out-right {
-  animation: contentSlideOutRight 0.26s cubic-bezier(0.4, 0, 0.8, 1) forwards !important;
+  animation: contentSlideOutRight 0.38s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
   pointer-events: none;
 }
 
 @keyframes contentSlideIn {
   0% {
     opacity: 0;
-    transform: translateY(16px) scale(0.98);
+    transform: translateY(24px) scale(0.96);
   }
   100% {
     opacity: 1;
@@ -5733,45 +5733,37 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
 
 @keyframes contentSlideInRight {
   0% {
-    opacity: 0;
-    transform: translateX(55px) scale(0.98);
+    transform: translateX(120px) scale(0.95);
   }
   100% {
-    opacity: 1;
     transform: translateX(0) scale(1);
   }
 }
 
 @keyframes contentSlideInLeft {
   0% {
-    opacity: 0;
-    transform: translateX(-55px) scale(0.98);
+    transform: translateX(-120px) scale(0.95);
   }
   100% {
-    opacity: 1;
     transform: translateX(0) scale(1);
   }
 }
 
 @keyframes contentSlideOutLeft {
   0% {
-    opacity: 1;
     transform: translateX(0) scale(1);
   }
   100% {
-    opacity: 0;
-    transform: translateX(-55px) scale(0.98);
+    transform: translateX(-120px) scale(0.95);
   }
 }
 
 @keyframes contentSlideOutRight {
   0% {
-    opacity: 1;
     transform: translateX(0) scale(1);
   }
   100% {
-    opacity: 0;
-    transform: translateX(55px) scale(0.98);
+    transform: translateX(120px) scale(0.95);
   }
 }
 
diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js
index 4c56e13..30ff5af 100644
--- a/public/s/js/f0ckm.js
+++ b/public/s/js/f0ckm.js
@@ -3841,7 +3841,10 @@ window.cancelAnimFrame = (function () {
       const _itemCacheKey = ajaxUrl;
       const _cachedItem = !options.skipCache ? itemCacheMap.get(_itemCacheKey) : null;
 
-      if (window.randomizeLogo) window.randomizeLogo();
+      // Allow slide-out animation to visibly start before content swap
+      if (options.direction && document.querySelector('.content')) {
+        await new Promise(r => setTimeout(r, 180));
+      }
 
       // ── CACHE HIT: render immediately, revalidate in background ────────────
       if (_cachedItem) {