diff --git a/public/cases/template-elements-demo/index.html b/public/cases/template-elements-demo/index.html
index ec7b4b5..85dc365 100644
--- a/public/cases/template-elements-demo/index.html
+++ b/public/cases/template-elements-demo/index.html
@@ -401,9 +401,9 @@
 
         <h3>Галерея: сетка на ширину страницы с боковыми отступами</h3>
         <p class="section__prose">
-          Класс <code>case-media-gallery--wide</code> — та же логика выхода за колонку, что у одиночного <code>case-media--wide</code>. Здесь две колонки на широком экране (<code>--case-gallery-cols: 2</code>).
+          Класс <code>case-media-gallery--wide</code> — та же логика выхода за колонку, что у одиночного <code>case-media--wide</code>. Здесь четыре колонки на широком экране (<code>--case-gallery-cols: 4</code>).
         </p>
-        <figure class="case-media case-media-gallery case-media-gallery--wide" style="--case-gallery-cols: 2">
+        <figure class="case-media case-media-gallery case-media-gallery--wide" style="--case-gallery-cols: 4">
           <div class="case-media-gallery__grid">
             <div class="case-media-gallery__item">
               <img src="../../assets/template-elements-demo/small-image-1.webp" alt="Wide-сетка, кадр 1" loading="lazy" decoding="async" data-image-viewer />
diff --git a/public/css/main.css b/public/css/main.css
index b61209a..ad84b3a 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -1928,6 +1928,14 @@ video:-webkit-full-screen {
   --case-gallery-cols: 3;
 }
 
+/* Wide-галерея: 4 колонки и выход за колонку контента (как у .case-media--wide) */
+.case-media-gallery--wide {
+  --case-gallery-cols: 4;
+  width: min(calc(100vw - (max(var(--space), env(safe-area-inset-left)) + max(var(--space), env(safe-area-inset-right)))), calc(100% + 8rem));
+  margin-left: 50%;
+  transform: translateX(-50%);
+}
+
 .case-media-gallery > figcaption {
   width: 100%;
   text-align: center;
diff --git a/src/pages/cases/template-elements-demo.html b/src/pages/cases/template-elements-demo.html
index bd592ba..657c695 100644
--- a/src/pages/cases/template-elements-demo.html
+++ b/src/pages/cases/template-elements-demo.html
@@ -212,9 +212,9 @@
 
         <h3>Галерея: сетка на ширину страницы с боковыми отступами</h3>
         <p class="section__prose">
-          Класс <code>case-media-gallery--wide</code> — та же логика выхода за колонку, что у одиночного <code>case-media--wide</code>. Здесь две колонки на широком экране (<code>--case-gallery-cols: 2</code>).
+          Класс <code>case-media-gallery--wide</code> — та же логика выхода за колонку, что у одиночного <code>case-media--wide</code>. Здесь четыре колонки на широком экране (<code>--case-gallery-cols: 4</code>).
         </p>
-        <figure class="case-media case-media-gallery case-media-gallery--wide" style="--case-gallery-cols: 2">
+        <figure class="case-media case-media-gallery case-media-gallery--wide" style="--case-gallery-cols: 4">
           <div class="case-media-gallery__grid">
             <div class="case-media-gallery__item">
               <img src="{{assetPrefix}}assets/template-elements-demo/small-image-1.webp" alt="Wide-сетка, кадр 1" loading="lazy" decoding="async" data-image-viewer />