Добавил блок инстаграмма в хедер

assets/css/main.css

@@ -287,6 +287,34 @@ a:hover {
     margin-top: 2px;
 }
 
+.header-social {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-left: 20px;
+    padding-left: 20px;
+    border-left: 1px solid var(--bg-gray);
+}
+
+.social-link {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
+    color: var(--secondary-color);
+    font-size: 1.5rem;
+    transition: var(--transition);
+    box-shadow: 0 2px 8px rgba(224, 148, 51, 0.3);
+}
+
+.social-link:hover {
+    transform: translateY(-3px) scale(1.1);
+    box-shadow: 0 5px 15px rgba(224, 148, 51, 0.5);
+}
+
 .mobile-menu-toggle {
     display: none;
     flex-direction: column;
@@ -1017,6 +1045,10 @@ a:hover {
         display: none;
     }
 
+    .header-social {
+        display: none;
+    }
+    
     .mobile-menu-toggle {
         display: flex;
     }

index.html

@@ -85,6 +85,12 @@
                     </div>
                 </div>
 
+                <div class="header-social">
+                    <a href="https://www.instagram.com/fidem_slonim" target="_blank" rel="noopener noreferrer" class="social-link instagram" title="Наш Instagram">
+                        <i class="fab fa-instagram"></i>
+                    </a>
+                </div>
+                
                 <button class="mobile-menu-toggle" id="mobile-menu-toggle">
                     <span></span>
                     <span></span>