Обновление стилей и структуры контактной информации: добавлены новые элементы для отображения телефонов и рабочего времени, улучшено оформление бренда.

assets/css/main.css

@@ -154,10 +154,24 @@ a:hover {
     width: auto;
 }
 
+.brand-info {
+    display: flex;
+    flex-direction: column;
+}
+
 .brand-text {
     font-size: 1.5rem;
     font-weight: 700;
     color: var(--primary-color);
+    line-height: 1;
+}
+
+.brand-subtitle {
+    font-size: 0.8rem;
+    font-weight: 400;
+    color: var(--text-light);
+    margin-top: 2px;
+    line-height: 1;
 }
 
 .navbar-menu {
@@ -205,6 +219,40 @@ a:hover {
     font-weight: 500;
 }
 
+.header-contact-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.phone-numbers {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+}
+
+.phone-number {
+    font-weight: 600;
+    font-size: 0.9rem;
+    line-height: 1.2;
+    color: var(--primary-color);
+    text-decoration: none;
+    transition: var(--transition);
+}
+
+.phone-number:hover {
+    color: var(--primary-dark);
+    text-decoration: underline;
+}
+
+.work-hours {
+    font-size: 0.75rem;
+    color: var(--text-light);
+    font-weight: 400;
+    white-space: nowrap;
+    margin-top: 2px;
+}
+
 .mobile-menu-toggle {
     display: none;
     flex-direction: column;
@@ -692,6 +740,11 @@ a:hover {
     margin-top: 3rem;
 }
 
+.contact .contact-info {
+    display: flex;
+    flex-direction: column;
+}
+
 .contact-item {
     display: flex;
     gap: 1rem;
@@ -822,6 +875,42 @@ a:hover {
 }
 
 /* Responsive Design */
+@media (max-width: 1024px) {
+    .phone-number {
+        font-size: 0.85rem;
+    }
+    
+    .work-hours {
+        font-size: 0.7rem;
+    }
+}
+
+@media (max-width: 900px) {
+    .header-contact-info {
+        flex-direction: column;
+        gap: 4px;
+    }
+    
+    .phone-numbers {
+        flex-direction: row;
+        gap: 0;
+    }
+    
+    .phone-number {
+        font-size: 0.8rem;
+    }
+    
+    .phone-number:not(:last-child)::after {
+        content: ", ";
+        margin-right: 4px;
+        color: var(--text-light);
+    }
+    
+    .work-hours {
+        margin-top: 0;
+    }
+}
+
 @media (max-width: 768px) {
     .container {
         padding: 0 15px;

index.html

@@ -53,7 +53,10 @@
             <div class="container">
                 <div class="navbar-brand">
                     <img src="logo.svg" alt="ФИДЕМ" class="logo">
+                    <div class="brand-info">
                         <span class="brand-text">ФИДЕМ</span>
+                        <span class="brand-subtitle">медицинский центр</span>
+                    </div>
                 </div>
                 
                 <div class="navbar-menu" id="navbar-menu">
@@ -67,7 +70,14 @@
                 
                 <div class="header-contact">
                     <i class="fas fa-phone"></i>
-                    <span>8(033) 363-06-09</span>
+                    <div class="header-contact-info">
+                        <div class="phone-numbers">
+                            <a href="tel:+375333630609" class="phone-number">8(033) 363-06-09</a>
+                            <a href="tel:+375296306052" class="phone-number">8(029) 630-60-52</a>
+                            <a href="tel:+375015626630060" class="phone-number">8(01562) 6-30-60</a>
+                        </div>
+                        <span class="work-hours">ежедневно с 8:00 до 20:00</span>
+                    </div>
                 </div>
                 
                 <button class="mobile-menu-toggle" id="mobile-menu-toggle">
@@ -425,6 +435,7 @@
                         <li><i class="fas fa-map-marker-alt"></i> г. Слоним, ул. Чапаева, 3</li>
                         <li><i class="fas fa-phone"></i> 8(033) 363-06-09</li>
                         <li><i class="fas fa-phone"></i> 8(029) 630-60-52</li>
+                        <li><i class="fas fa-phone"></i> 8(01562) 6-30-60</li>
                     </ul>
                 </div>