/* --- 3. ВЕРХУШКА САЙТА (ХЕДЕР) --- */
header { display: flex; flex-direction: column; gap: 10px; margin-bottom: 4px; padding-top: 4px; width: 100%; }
.header-top { display: flex; justify-content: space-between; align-items: center; width: 100%; padding-bottom: 1px; }
.brand-wrap { display: flex; align-items: center; gap: 20px; }
.brand-wrap img { width: 80px; height: 80px; object-fit: contain; display: block; }
.logo { font-weight: 900; font-size: 30px; text-transform: uppercase; color: #333; }
.logo-seq { width: 80px; height: 80px; position: relative; overflow: hidden; cursor: pointer; }
.logo-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }

#logo-frame-layer { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.header-right-group { display: flex; align-items: center; gap: 120px; margin-left: auto; }
.header-logo-right { height: 80px; width: auto; object-fit: contain; }

/* Стили для кликабельных телефонов */
.header-phones { display: flex; flex-direction: column; text-align: right; gap: 4px; color: #333; }
.phone-link { 
    font-weight: 700; 
    font-size: 15px; 
    text-decoration: none; 
    color: inherit; 
    transition: color 0.2s ease; 
}
.phone-link:hover { color: var(--accent, #FFD700); }

.highlight-text { font-weight: bold; color: var(--brand); }

/* 3.1.Форма поиска в шапке */
.search-form { display:flex; align-items:center; margin-left:20px; }
.search-input { padding:8px 14px; border:1px solid #ddd; border-radius:4px; width:400px; outline:none; }
.search-input:focus { border-width: 2px; border-color: #999; padding: 7px 13px; }

@media (max-width:768px) {
  /* 1.Шапка и Навигация */
  header { gap: 4px !important; padding-top: 4px !important; }

  /* 1.1.Логотип и название в ряд */
  .brand-wrap { flex-direction: row !important; gap: 0 !important; justify-content: center; width: 100%; }
  .brand-wrap img { width: 50px !important; height: 50px !important; }
  .logo { font-size: 22px; }
  .logo-seq { width: 120px; height: 50px; }

  /* 1.2.Центровка телефонов в мобилке */
  .header-phones { 
      flex-direction: row !important; 
      justify-content: center !important; 
      gap: 15px; 
      width: 100%; 
      margin-top: 5px;
  }
  .phone-link { font-size: 14px !important; white-space: nowrap; }
  
  .header-top { flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 0 5px; }

  /* 1.3.Логотип трактора */
  .header-logo-right { display: none !important; }
  .header-right-group { width: 100%; justify-content: center; margin-left: 0; flex-direction: column; gap: 10px; }

  /* 1.6.Поиск на всю ширину */
  .search-form { width: 100%; margin-left: 0; }
  .search-input { width:100%; }
}