diff --git a/public/cases/template-elements-demo/index.html b/public/cases/template-elements-demo/index.html
index 85dc365..bf65031 100644
--- a/public/cases/template-elements-demo/index.html
+++ b/public/cases/template-elements-demo/index.html
@@ -622,10 +622,10 @@
           <code>slide</code> (сдвиг), <code>fade</code> (кроссфейд) и <code>none</code> (без перехода).
           Режим задаётся атрибутом <code>data-slider-anim</code> на фигуре.
         </p>
-        <figure class="case-media case-media-slider" data-case-media-slider data-slider-anim="slide">
+        <figure class="case-media case-media-slider" data-case-media-slider data-slider-anim="fade">
           <div class="case-media-slider__anim-switch" data-slider-anim-switch role="group" aria-label="Режим анимации слайдера">
-            <button type="button" data-mode="slide" aria-pressed="true">Слайд</button>
-            <button type="button" data-mode="fade" aria-pressed="false">Fade</button>
+            <button type="button" data-mode="slide" aria-pressed="false">Слайд</button>
+            <button type="button" data-mode="fade" aria-pressed="true">Fade</button>
             <button type="button" data-mode="none" aria-pressed="false">None</button>
           </div>
           <div class="case-media-slider__viewport" data-slider-viewport>
diff --git a/public/css/main.css b/public/css/main.css
index ad84b3a..0391ebc 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -2341,10 +2341,7 @@ html[data-theme="dark"] {
   user-select: none;
   -webkit-user-drag: none;
   opacity: 0;
-  transform: scale(0.96);
-  transition:
-    transform 0.2s ease,
-    opacity 0.16s ease;
+  transition: opacity 0.16s ease;
 }
 
 /* TUI braille-спиннер (переиспользуемый, чистый CSS) */
@@ -2439,7 +2436,6 @@ html[data-theme="dark"] {
 
 .case-image-viewer.is-open .case-image-viewer__img {
   opacity: 1;
-  transform: scale(1);
 }
 
 .case-image-viewer__stage.is-panning,
diff --git a/public/js/modules/cases/media-slider.js b/public/js/modules/cases/media-slider.js
index c61e241..98456d7 100644
--- a/public/js/modules/cases/media-slider.js
+++ b/public/js/modules/cases/media-slider.js
@@ -88,8 +88,8 @@ export function initCaseMediaSlider() {
       "(prefers-reduced-motion: reduce)"
     ).matches;
 
-    // Режим анимации переключения: slide (по умолчанию) / fade / none
-    let mode = root.getAttribute("data-slider-anim") || "slide";
+    // Режим анимации переключения: fade (по умолчанию) / slide / none
+    let mode = root.getAttribute("data-slider-anim") || "fade";
     function applyMode(m) {
       mode = m;
       root.classList.remove(
diff --git a/src/pages/cases/template-elements-demo.html b/src/pages/cases/template-elements-demo.html
index 657c695..5e63b25 100644
--- a/src/pages/cases/template-elements-demo.html
+++ b/src/pages/cases/template-elements-demo.html
@@ -433,10 +433,10 @@
           <code>slide</code> (сдвиг), <code>fade</code> (кроссфейд) и <code>none</code> (без перехода).
           Режим задаётся атрибутом <code>data-slider-anim</code> на фигуре.
         </p>
-        <figure class="case-media case-media-slider" data-case-media-slider data-slider-anim="slide">
+        <figure class="case-media case-media-slider" data-case-media-slider data-slider-anim="fade">
           <div class="case-media-slider__anim-switch" data-slider-anim-switch role="group" aria-label="Режим анимации слайдера">
-            <button type="button" data-mode="slide" aria-pressed="true">Слайд</button>
-            <button type="button" data-mode="fade" aria-pressed="false">Fade</button>
+            <button type="button" data-mode="slide" aria-pressed="false">Слайд</button>
+            <button type="button" data-mode="fade" aria-pressed="true">Fade</button>
             <button type="button" data-mode="none" aria-pressed="false">None</button>
           </div>
           <div class="case-media-slider__viewport" data-slider-viewport>