header {
  z-index: 2;
  position: relative;
  display: block !important;
  height: 80px;
  transition: var(--transition);
}

.header__Menu_Item_Icon img {
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
}

body:not(.personabar-visible) .header__Inner_Wrapper {
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  transition: var(--transition);
}
body:not(.personabar-visible).hide_header .header__Inner_Wrapper {
  transform: translate(-50%, -100%);
}
body:not(.personabar-visible) .header__Inner_Wrapper::before {
  content: "";
  display: block;
  width: 200vw;
  height: 100%;
  border-bottom: 1px solid #fff0;
  background: #fff0;
  box-shadow: unset;
  backdrop-filter: blur(0);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-40%);
  transition: var(--transition);
}
body.scrolled:not(.personabar-visible) .header__Inner_Wrapper::before {
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4);
  background: rgb(255 255 255 / 0.2);
  box-shadow: 0 4px 16px 0 rgb(84 89 96 / 0.04);
  backdrop-filter: blur(15px);
}
.hamburger_menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  padding: 4px;
}
.hamburger_menu__line {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 8px;
  background: #545960;
  transition: var(--transition);
}
.hamburger_menu__line:nth-child(1),
.hamburger_menu__line:nth-child(3) {
  width: 80%;
}
.hamburger_menu__line:nth-child(3) {
  margin-right: auto;
}
.header__Inner {
  width: 100%;
  position: relative;
}
.header__Inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 2rem;
  background: 0 0;
  backdrop-filter: blur(12px);
  position: absolute;
  top: 0;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, -1rem);
}
.category_menu .edn_image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.category_menu .edn_image img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.Mobile__Menu_Button .ezIcon {
  background: var(--mc2) !important;
}
.header__Tools_Item__Call span {
  color: var(--mc2);
  --icon-color: var(--mc2);
  transition: var(--transition);
  font-weight: var(--fw-700);
}
.header__Tools_Item__Call:hover span {
  color: var(--mc1);
  --icon-color: var(--mc1);
}
.header__Tools_Item.white {
  --color-accent: var(--mc1);
  --icon-color: var(--color-accent);
  background-color: #fff;
}
.header__Tools_Item:hover {
  box-shadow: var(--box-shadow);
}
@media (min-width: 992px) {
  .ez__Menu_Wrapper
    .menu-main
    > li.menu-have-submenu
    > .header__Menu_Item::after,
  .ez__Menu_Wrapper
    .menu-sub-menu
    .menu-have-submenu
    > .header__Menu_Item
    > .header__Menu_Title::after {
    --icon-url: url(../assets/icons/chevDown.svg);
    height: var(--icon);
    width: var(--icon);
    min-width: var(--icon);
    min-height: var(--icon);
    background-color: var(--color-accent);
    transform: var(--icon-rotation);
    transition: var(--transition);
    content: "";
    display: block;
  }
  .ez__Menu_Wrapper .menu-main {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    --color-accent: var(--mc2);
    --icon: 1rem;
    height: 100%;
    font-weight: var(--fw-400);
    font-size: var(--fz-sm);
  }
  .ez__Menu_Wrapper .menu-main > li {
    padding: 1.75rem 0;
  }
  .ez__Menu_Wrapper .menu-main > li.active {
    position: relative;
  }
  .ez__Menu_Wrapper .menu-main > li:has(.active) {
    position: relative;
  }
  .ez__Menu_Wrapper .menu-have-submenu .menu-sub-menu {
    padding: 0;
    width: 100%;
    margin-right: 0.7rem;
  }
  /* .ez__Menu_Wrapper .menu-main > li:first-child > .menu-sub-menu > li {
    flex: 0 0 32%;
    max-width: 32%;
  } */
  .ez__Menu_Wrapper
    .menu-main
    > li:has(.active)
    > .header__Menu_Item
    > .header__Menu_Title {
    color: var(--mc1);
  }
  .ez__Menu_Wrapper
    .menu-main
    li.menu-have-submenu:has(.active)
    > .header__Menu_Item::after {
    background-color: var(--mc1) !important;
  }
  .ez__Menu_Wrapper .menu-main > li.active::before,
  .ez__Menu_Wrapper .menu-main > li:has(.active)::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 2px;
    border: 2px solid var(--mc1);
    background: var(--mc1);
    border-radius: var(--border-radius-xs);
    transform: translateX(-50%);
  }
  .ez__Menu_Wrapper .menu-main > li:has(.active)::before {
    transform: translateX(calc(-50% + 0.5rem));
  }
  .header__Menu_Item {
    color: var(--color-accent);
    display: flex;
    gap: 0.5rem;
    align-items: center;
    --icon-rotation: rotate(180deg);
    justify-content: space-between;
    width: 100%;
  }
  .header__Menu_title {
    transition: color var(--transition);
  }
  .ez__Menu_Wrapper
    .menu-main
    > li.menu-have-submenu
    > .header__Menu_Item::after {
    mask: var(--icon-url) no-repeat center/cover;
    -webkit-mask: var(--icon-url) no-repeat center/cover;
  }
  .ez__Menu_Wrapper
    .menu-sub-menu
    .menu-have-submenu
    > .header__Menu_Item
    > .header__Menu_Title {
    border-right: 0.15rem solid var(--mc1);
    padding-right: 0.7rem;
    line-height: 1.6;
    font-weight: var(--fw-600);
  }
  .ez__Menu_Wrapper
    .menu-sub-menu
    .menu-have-submenu
    > .header__Menu_Item
    > .header__Menu_Title::after {
    mask: var(--icon-url) no-repeat center/cover;
    -webkit-mask: var(--icon-url) no-repeat center/cover;
    margin-right: 0.5rem;
    transform: rotate(272deg);
  }
  .ez__Menu_Wrapper .menu-main li.menu-have-submenu {
    position: relative;
    z-index: 999;
    height: 100%;
  }
  .ez__Menu_Wrapper .menu-main > li.menu-have-submenu > .menu-sub-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    transform: translate(5px);
    min-width: 290px;
    background-color: #f7f7f8;
    box-shadow: var(--box-shadow);
    margin-right: unset;
    border-radius: var(--border-radius-sm);
    padding: 1.125rem 1.5rem;
    flex-direction: row;
    top: 100%;
    right: 0;
    transform: unset;
  }
  .ez__Menu_Wrapper .menu-main li.menu-have-submenu:hover > .menu-sub-menu {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
  }
  .ez__Menu_Wrapper .menu-main li .header__Menu_Item .header__Menu_Title {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
  }
  .ez__Menu_Wrapper .menu-main li:hover > .header__Menu_Item {
    --color-accent: var(--mc1);
    --icon-rotation: rotate(0);
  }
  .ez__Menu_Wrapper .menu-main li.active > .header__Menu_Item {
    --color-accent: var(--mc1);
  }
  .ez__Menu_Wrapper
    .menu-main
    li.menu-have-submenu
    li.active
    > .header__Menu_Item {
    --color-accent: var(--mc1);
    background: var(--mc1-fade-4);
    border-radius: var(--border-radius-xs);
  }
  .ez__Menu_Wrapper .menu-main li.disabled > .header__Menu_Item {
    --color-accent: var(--bw-fade-4);
    cursor: not-allowed;
  }
  .ez__Menu_Wrapper
    .menu-main
    > li.menu-have-submenu
    > .menu-sub-menu
    li
    > .header__Menu_Item {
    --icon-rotation: rotate(90deg);
    padding: 0.625rem 0.5rem;
  }
  .ez__Menu_Wrapper
    .menu-main
    > li.menu-have-submenu
    > .menu-sub-menu
    li:hover
    > .header__Menu_Item {
    --icon-rotation: translate(-0.25rem) rotate(90deg);
  }
  .ez__Menu_Wrapper .menu-main > li.menu-have-submenu > .menu-sub-menu::before {
    content: "";
    display: block;
    width: 100%;
    height: var(--header-padding);
    position: absolute;
    bottom: 100%;
    left: 0;
  }
}
@media (max-width: 991px) {
  .header__Tools {
    margin-right: 12px;
  }
  header {
    height: 78px;
  }
  .Mobile__Menu_Button.active .hamburger_menu__line:nth-child(1) {
    transform: translateY(4px) rotate(45deg);
  }
  .Mobile__Menu_Button.active .hamburger_menu__line:nth-child(2) {
    opacity: 0;
  }
  .Mobile__Menu_Button.active .hamburger_menu__line:nth-child(1),
  .Mobile__Menu_Button.active .hamburger_menu__line:nth-child(3) {
    width: 100%;
  }
  .Mobile__Menu_Button.active .hamburger_menu__line:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
  }
  .header__Inner {
    --header-padding: 1rem !important;
    background-color: var(--white) !important;
    border-radius: 0;
    padding: var(--header-padding) !important;
  }
  body:not(.personabar-visible) .header__Inner_Wrapper {
    padding: 0 !important;
  }
  .header__Logo {
    justify-content: center !important;
  }
  .header__Logo img {
    width: 4rem !important;
    height: auto !important;
  }
  .header__Tools_Item {
    padding: 0.25rem 1rem !important;
  }
  .Mobile__Menu_Button {
    --icon-url: url(../assets/icons/menu.svg);
    --icon: 1.5rem;
    display: flex;
    align-items: center;
  }
  header:has(.header__Mobile_Menu.active) .Mobile__Menu_Button .ezIcon {
    --color-accent: var(--white);
    background-color: var(--mc1);
    --icon-url: url(../assets/icons/close.svg);
    --icon-rotate: rotate(90deg);
  }
  .mbMenu li,
  .mbMenu__Menu_Item {
    color: var(--menu-accent);
  }
  .header__Mobile_Menu {
    transition: calc(var(--transition) * 1.5);
    height: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .header :is(.header__Tools, .header__Logo) {
    transition: var(--transition);
  }
  .header.active :is(.header__Tools, .header__Logo) {
    opacity: 0;
    visibility: hidden;
  }
  .header__Mobile_Menu.active {
    margin-top: 1rem;
    height: 100vh;
    height: 100dvh;
    padding-bottom: 6rem;

    border-top: 1px solid var(--bw-fade-4);
  }
  .mbMenu {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 1.25rem;
    overflow-y: auto;
  }
  .mbMenu li {
    --menu-accent: var(--tc1);
    --icon: 1.5rem;
    --icon-rotate: rotate(0deg);
    transition: var(--transition);
  }
  .mbMenu > li > .mbMenu__Menu_Item > .mbMenu__Menu_Title {
    color: var(--mc2);
    font-size: var(--fz-md-res);
    font-weight: var(--fw-400);
  }
  .mbMenu li .mbMenu-sub-menu {
    padding-right: 0.5rem;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .mbMenu-sub-menu li > .mbMenu__Menu_Item > .mbMenu__Menu_Title {
    font-size: var(--fz-sm-res);
    color: var(--tc3);
    font-weight: var(--fw-400);
  }
  .mbMenu li.mbMenu-active > .mbMenu__Menu_Item {
    --menu-accent: var(--mc1);
    --icon-rotate: rotate(180deg);
    padding: 0.75rem 0.5rem;
    background: var(--mc1-fade-4);
    border-radius: var(--border-radius-sm);
  }
  .mbMenu li.mbMenu-active > .mbMenu__Menu_Item > a {
    color: var(--mc1) !important;
    font-weight: var(--fw-600);
  }
  .mbMenu .mbMenu__Menu_Item {
    display: flex;
    align-items: center;
    padding-right: 0.5rem;
    margin: 0.5rem 0;
    gap: 0.5rem;
  }
  .mbMenu li.mbMenu-have-sub-menu > .mbMenu__Menu_Item::after {
    content: "";
    height: var(--icon);
    width: var(--icon);
    min-width: var(--icon);
    min-height: var(--icon);
    mask: url(../assets/icons/chevDown.svg) no-repeat center/cover;
    -webkit-mask: url(../assets/icons/chevDown.svg) no-repeat center/cover;
    background-color: var(--menu-accent);
    display: block;
    margin-right: auto;
    transform: rotate(-90deg);
    transition: var(--transition);
  }
  .mbMenu li.mbMenu-have-sub-menu.active > .mbMenu__Menu_Item::after {
    transform: rotate(-180deg);
  }
}
.header__Logo img {
  width: 92px;
  height: auto;
}
.header__Top {
  margin-bottom: 0.75rem;
}
.header__Top_box {
  border-radius: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
  color: var(--mc1);
  user-select: none;
}
.header__Moto {
  background-color: rgb(255 255 255 / 0.3);
}
.header__Moto::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  margin-left: 0.5rem;
  box-shadow: 0 0 0 2.8947367668151855px #4495d1b8;
  border-radius: 50%;
  background-color: var(--mc1);
}
.header__Date {
  background-color: var(--white);
}
