From 214988af138bef2865fd7bac50dc29960bb6a8cc Mon Sep 17 00:00:00 2001
From: Web-serfer <user@example.com>
Date: Wed, 29 Apr 2026 04:04:44 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=B8=D0=B7?=
 =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B2=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BC=D0=BF=D0=BE=D0=B5=D0=BD=D1=82=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../blog/ArticleTableOfContents.astro         | 32 ++++++++++++++++++-
 .../src/components/blog/RelatedPosts.astro    |  7 ++--
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/blog/ArticleTableOfContents.astro b/frontend/src/components/blog/ArticleTableOfContents.astro
index 230cecd..11460e0 100644
--- a/frontend/src/components/blog/ArticleTableOfContents.astro
+++ b/frontend/src/components/blog/ArticleTableOfContents.astro
@@ -28,7 +28,14 @@ const { items } = Astro.props;
     )}
 
 <style is:global>
-  .toc-container { width: 100%; }
+  .toc-container { 
+    width: 100%; 
+    margin-top: 1.5rem;
+    transition: margin-top 0.3s ease;
+  }
+  .toc-container.no-top-margin {
+    margin-top: 0 !important;
+  }
   .toc-nav {
     background: #ffffff;
     border-radius: 1.25rem;
@@ -108,6 +115,29 @@ const { items } = Astro.props;
     const toc = document.getElementById('toc-sidebar');
     if (!toc) return;
 
+    let lastScrollY = window.scrollY;
+    let ticking = false;
+
+    const updateMargin = () => {
+      const currentScrollY = window.scrollY;
+      // При скролле ВНИЗ - убрать отступ
+      if (currentScrollY > lastScrollY) {
+        toc.classList.add('no-top-margin');
+      } else {
+        // При скролле ВВЕРХ или начальная позиция - вернуть отступ
+        toc.classList.remove('no-top-margin');
+      }
+      lastScrollY = currentScrollY;
+      ticking = false;
+    };
+
+    window.addEventListener('scroll', () => {
+      if (!ticking) {
+        requestAnimationFrame(() => updateMargin());
+        ticking = true;
+      }
+    });
+
     const items = toc.querySelectorAll('.toc-item');
     const links = toc.querySelectorAll<HTMLAnchorElement>('.toc-link');
     const HEADER_OFFSET = 120; // Высота хедера + запас
diff --git a/frontend/src/components/blog/RelatedPosts.astro b/frontend/src/components/blog/RelatedPosts.astro
index 2641b8a..799de96 100644
--- a/frontend/src/components/blog/RelatedPosts.astro
+++ b/frontend/src/components/blog/RelatedPosts.astro
@@ -98,10 +98,6 @@ const filteredPosts = currentSlug
     margin: 0 0 2rem;
     letter-spacing: -0.02em;
     font-family: 'Merriweather', Georgia, serif;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0.5rem;
   }
 
   .related-grid {
@@ -223,6 +219,9 @@ const filteredPosts = currentSlug
     .section-title {
       font-size: 1.25rem;
       margin-bottom: 1.5rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
 
     .related-posts {