.header_container{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 4px 20px rgba(37, 50, 11, 0.1);
  height: 80px;
  z-index: 1000;
}

.header_logo_image {
  width: 65px;
  height: 65px;
  margin-left: 9px;
}

.header_content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_menu_list{
  display: flex;
  justify-content: space-around;
}

.header_actions{
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.header_menu_link {
  font-family: 'FiraGO', sans-serif;
  font-size: 18px;
  color: rgba(57, 58, 67, 1);
  text-decoration: none;
}

.header_menu_link:hover {
  color: rgba(217, 168, 65, 1);
}

.personal_account_button {
  margin-right: 5px;
  padding: 0px 30px;
  font-family: 'FiraGO', sans-serif;
  font-weight: 500;
  font-size: clamp(12px, 1.8vw, 16px);
  height: 60px;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(148, 173, 151, 1);
  border: 2px rgba(148, 173, 151, 1) solid;
  border-radius: 22px;
  cursor: pointer;
  box-shadow: var(--shadow-button);
  white-space: nowrap;
}

.personal_account_button:hover {
  background-color: rgba(148, 173, 151, 1);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(148, 173, 151, 1);
}


.header_menu_button.btn{
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: none;
  border: none;
  cursor: pointer;
}

.header_menu_button_line {
  display: block;
  width: 35px;
  height: 3px;
  background-color: rgba(148, 173, 151, 1);
  border-radius: 1px;
  align-items: center;
  align-content: center;
  transition: transform .18s ease, opacity .12s ease;
}


.header_container *:where(:hover, :active, :focus, :focus-visible):not(
  .personal_account_button,
  .personal_account_button *,
  .header_menu_button,
  .header_menu_button *,
  .menu_panel,
  .menu_panel *
) {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  outline: none !important;
}

.header_container:is(:hover, :focus, :focus-within) {
  background-color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0px 4px 20px rgba(37, 50, 11, 0.1) !important;
}

.header_container, .header_container * { -webkit-tap-highlight-color: transparent; }
.header_container a:focus-visible { outline: none; }


.menu_panel{
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 8px;

  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 14px;

  opacity: 0;
  transform: translateY(8px) scale(.98);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 1100;
}

.header_actions:hover .menu_panel,
.header_actions:focus-within .menu_panel{
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}


.header_actions:hover .header_menu_button_line:nth-child(1),
.header_actions:focus-within .header_menu_button_line:nth-child(1){
  transform: translateY(11px) rotate(45deg);
}
.header_actions:hover .header_menu_button_line:nth-child(2),
.header_actions:focus-within .header_menu_button_line:nth-child(2){
  opacity: 0;
}
.header_actions:hover .header_menu_button_line:nth-child(3),
.header_actions:focus-within .header_menu_button_line:nth-child(3){
  transform: translateY(-11px) rotate(-45deg);
}


.menu_panel .header_menu_list{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  align-items: flex-start;
}

.menu_panel .header_menu_list > li{
  list-style: none;
  margin: 0;
  padding: 0 !important;
  background: transparent !important;
}


.menu_panel .header_menu_list > li > .header_menu_link{
  display: inline !important;
  padding: 0 !important;       
  background: transparent !important;
  line-height: 1.3;
}


.menu_panel .header_menu_list > li > .header_menu_link:hover,
.menu_panel .header_menu_list > li > .header_menu_link:focus{
  color: rgba(217, 168, 65, 1);
  background: transparent !important;
  text-decoration: none;
}

.menu_panel .header_menu_list > li:hover,
.menu_panel .header_menu_list > li:focus-within{
  background: transparent !important;
}


.menu_panel a:hover,
.menu_panel a:focus{
  background: transparent !important;
}


.menu_panel .header_menu_list > li,
.menu_panel .header_menu_list > div {
  pointer-events: none;               
  background: transparent !important;
  padding: 0 !important;
}


.menu_panel .header_menu_list > li > a,
.menu_panel .header_menu_list > div > a,
.menu_panel a.header_menu_link {
  pointer-events: auto;
  display: inline !important;
  padding: 0 !important;
  background: transparent !important;
  line-height: 1.3;
}

/* 3) Ховер меняет только цвет текста */
.menu_panel .header_menu_list > li > a:hover,
.menu_panel .header_menu_list > div > a:hover,
.menu_panel a.header_menu_link:hover {
  color: rgba(217, 168, 65, 1);
  background: transparent !important;
  text-decoration: none;
}


.menu_panel *:hover,
.menu_panel *:focus,
.menu_panel *:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
}


.header_actions:not(.is-open) .menu_panel{
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(8px) scale(.98) !important;
}
.header_actions.is-open .menu_panel{
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}


.header_actions.is-open .header_menu_button_line:nth-child(1){ transform: translateY(11px) rotate(45deg); }
.header_actions.is-open .header_menu_button_line:nth-child(2){ opacity: 0; }
.header_actions.is-open .header_menu_button_line:nth-child(3){ transform: translateY(-11px) rotate(-45deg); }



.header_actions.is-open .header_menu_button_line:nth-child(1),
.header_actions.is-open .header_menu_button_line:nth-child(3),
.header_actions:hover .header_menu_button_line:nth-child(1),
.header_actions:hover .header_menu_button_line:nth-child(3),
.header_actions:focus-within .header_menu_button_line:nth-child(1),
.header_actions:focus-within .header_menu_button_line:nth-child(3){
  transform: none !important;
}

.header_actions.is-open .header_menu_button_line:nth-child(2),
.header_actions:hover .header_menu_button_line:nth-child(2),
.header_actions:focus-within .header_menu_button_line:nth-child(2){
  opacity: 1 !important;
}