/* css/logo.css — ЛОГО + АДАПТИВНОЕ МЕНЮ */
.logo {
  width: 294px;
  height: auto;
  min-height: 67px;
  max-width: 320px;
  object-fit: contain;
  display: block;
  transition: all 0.3s;
}


/* ✅ ЛОГОТИП В ЗАГОЛОВКЕ */
.header-logo {
  height: 1.2em;
  width: auto;
  vertical-align: middle;
  margin-right: 0.3em;
}

@media (max-width: 1024px) {
  .logo { width: 280px !important; min-height: 85px !important; }
}

@media (max-width: 767px) {
  .logo { width: 240px !important; min-height: 75px !important; }
}

@media (max-width: 480px) {
  .logo { width: 200px !important; }
}

/* ✅ АДАПТИВНОЕ МЕНЮ — ДЕСКТОП */
@media (min-width: 768px) {
  .nav-mobile { display: none !important; }
  .header-center { 
    display: flex !important; 
    flex-direction: row !important; 
  }
}

/* ✅ АДАПТИВНОЕ МЕНЮ — МОБИЛЬНЫЕ */
@media (max-width: 767px) {
  .hamburger { 
    display: flex !important; 
    margin-left: auto; 
  }
  
  /* ✅ СКРЫВАЕМ ВСЕ кнопки меню на мобилках */
  .header-center { display: none !important; }
  nav { display: none !important; }
  
  .nav-mobile { display: none; }
  .nav-mobile.active { display: flex !important; }
}