From 8f40fcb5edc2545b02979fa2640b3d1c2a1b4e22 Mon Sep 17 00:00:00 2001
From: root <root@oyhkwtigrd.local>
Date: Fri, 11 Sep 2026 13:03:46 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=B4=D0=B5=D1=84=D0=BE=D0=BB=D1=82=20?=
 =?UTF-8?q?fade=20=D0=B4=D0=BB=D1=8F=20=D0=BA=D0=B0=D1=80=D1=83=D1=81?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B8;=20=D0=BF=D1=80=D0=BE=D1=81=D0=BC=D0=BE?=
 =?UTF-8?q?=D1=82=D1=80=D1=89=D0=B8=D0=BA=20=D0=B1=D0=B5=D0=B7=20=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=BC=D0=B0=D1=86=D0=B8=D0=B8=20=D1=81=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8B=20=D0=BA=D0=B0=D0=B4=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/cases/template-elements-demo/index.html | 6 +++---
 public/css/main.css                            | 6 +-----
 public/js/modules/cases/media-slider.js        | 4 ++--
 src/pages/cases/template-elements-demo.html    | 6 +++---
 4 files changed, 9 insertions(+), 13 deletions(-)

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>