.elementor-522 .elementor-element.elementor-element-a5fa5f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a08991e *//* ШРИФТ */
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@400;500&display=swap');

/* ================================
   ОБЩАЯ ШАПКА
================================ */
.site-header {
  width: 100%;
  background: #ffffff;
}

.header-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 40px;
  box-sizing: border-box;
  position: relative;
}

/* ================================
   МЕНЮ / ЛОГО / ПОИСК (ДЕСКТОП)
================================ */
.main-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
}

/* ЛЕВАЯ И ПРАВАЯ ЧАСТИ */
.menu-left ul,
.menu-right-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 40px;
}

/* Ссылки меню */
.menu-left a,
.menu-right-links a {
  font-family: "Sofia Sans Condensed", sans-serif;
  font-size: 20px;
  color: #7a7a7a;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease, background-color 0.2s ease;
  padding: 6px 12px;
  border-radius: 6px;
}

/* Hover: красный фон + белый текст */
.menu-left a:hover,
.menu-right-links a:hover {
  background-color: #b3003c;
  color: #ffffff !important;
}

/* Disabled */
.menu-right-links .disabled a {
  opacity: 0.4;
  pointer-events: none;
  background: none !important;
  color: #7a7a7a !important;
}

/* ================================
   ЛОГО ПО ЦЕНТРУ (ДЕСКТОП)
================================ */
.logo-center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  /* Логотип не сжимается */
  flex: 0 0 auto !important;
}

.logo-center img {
  height: 80px !important;
  max-height: 80px !important;
  width: auto !important;
  display: block;
}

/* ================================
   ЛОГО ДЛЯ МОБИЛКИ
================================ */
.logo-center-mobile {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.logo-center-mobile img {
  max-height: 54px;
  height: auto;
  display: block;
}

/* ================================
   ПОИСК
================================ */
.menu-right {
  display: flex;
  align-items: center;
  gap: 32px;

  /* Чтобы меню не давило логотип */
  flex: 1 1 auto !important;
}

.menu-left {
  flex: 1 1 auto !important;
}

.header-search input[type="search"] {
  font-family: "Sofia Sans Condensed", sans-serif;
  font-size: 18px;
  padding: 8px 20px;
  min-width: 170px;
  border-radius: 999px;
  border: 1px solid #d0d0d0;
  outline: none;
  color: #555;
}

.header-search input[type="search"]::placeholder {
  color: #8c8c8c;
}

/* ================================
   БУРГЕР
================================ */
.menu-toggle {
  display: none;
}

.burger {
  display: none;
  position: absolute;
  left: 16px;
  top: 22px;
  width: 26px;
  height: 20px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 1001;
  padding: 4px;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.burger span {
  display: block;
  height: 3px;
  border-radius: 3px;
  background: #4a4a4a;
  transition: 0.2s ease;
}

/* Hover */
.burger:hover {
  background-color: #b3003c;
}

.burger:hover span {
  background-color: #ffffff;
}

/* Бургер → крестик (без красного квадрата вокруг) */
#menu-toggle:checked + .burger span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
  background-color: #ffffff;
}

#menu-toggle:checked + .burger span:nth-child(2) {
  opacity: 0;
}

#menu-toggle:checked + .burger span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
  background-color: #ffffff;
}

/* НЕ красим фон у бургер-крестика */
#menu-toggle:checked + .burger {
  background-color: transparent;
}

/* ================================
   МОБИЛЬНАЯ ВЕРСИЯ
================================ */
@media (max-width: 900px) {

  .header-inner {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .burger {
    display: flex;
  }

  .logo-center-mobile {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .logo-center {
    display: none;
  }

  .main-menu {
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    background: #ffffff;
    padding: 12px 16px 16px;
    border-top: 1px solid #eeeeee;
    z-index: 1000;
  }

  .menu-left ul,
  .menu-right-links ul {
    flex-direction: column;
    gap: 8px;
  }

  .menu-right {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .header-search input[type="search"] {
    width: 100%;
  }

  /* раскрытие меню по клику на бургер */
  .menu-toggle:checked + .burger + .logo-center-mobile + .main-menu {
    display: flex;
  }
}/* End custom CSS */