:root{
  --bg:#0f1115; --panel:#171a21; --text:#e7e9ee; --muted:#a7adbb;
  --accent:#1e6bff; --accent-contrast:#fff; --ring:0 0 0 3px rgb(30 107 255 / .35);
}
*{box-sizing:border-box}
.visually-hidden{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.site-header{
  background:var(--bg); border-bottom:1px solid #1c2030;
  margin-top: 0;
  position: relative;
  height: 80px;
}

.site-header .right-mobile-menu {
  display: flex;
  height: 100%;
  align-items: center;
}

.header-row{
  display:flex;align-items:center;
  gap:10px;
  min-height:64px;
  justify-content: space-between;
  padding: 0;
  height: 100%;

}

.header-row .brand {
  flex-shrink: 0;
}
@media (min-width:1600px){

  .container.header-row {
    max-width: var(--wp--style--global--content-size);
  }
}

.header-row p:empty {
  display: none !important;
}

.brand img{height:53px;width:auto}
.brand__text{font-weight:700;letter-spacing:.5px;color:var(--text);font-size:22px;text-decoration:none}
.brand__link{display:inline-flex;align-items:center}

.primary-nav{margin-left:auto}
.menu{
  list-style:none;
  display:flex;
  gap:0px;
  padding:0;
  margin:0;
  align-items: center;
  height: 100%;
}
ul.menu {
  height: 100%;
}
 ul.menu li {
  height: 100%;
}
ul.menu > li:first-child > a {
  padding-left: 0;
}

.menu a{
  display:inline-flex;
  align-items:center;
  padding:0px;
  color:#fff;
  text-decoration:none;
  font-size: 16px;

  height: 100%;
  padding: 10px;
}
.menu > li.service-menu > a{
    text-wrap: nowrap;
}

.menu a:hover,.menu a:focus{opacity:1}

.menu > li.service-menu > .sub-menu{
  position:absolute;
  left:0;
  top:100%;
  width: 100%;
  padding: 0;
}
.menu > li.service-menu > .sub-menu > li {
  max-width: 29%;
  line-height: 125%;
  padding-bottom: 2px;
  padding-left: 10%;
  padding-right: 2%;
  background-color: #23232b;
}
.menu > li.service-menu > .sub-menu > li:first-child {
  padding-top: 10px;
}
.menu > li.service-menu > .sub-menu > li:last-child {
  padding-bottom: 20px;
}
.menu > li.service-menu > .sub-menu > li > a {
  text-wrap: wrap;
  padding-bottom: 2px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}


.menu > li.service-menu > .sub-menu > li > .sub-menu {
  left: 29%;
  width: 71%;
  position: absolute;
  top: 0;
  padding-left: 20px;
  background-color: #191a1f;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  height: 100%;
  align-items: start;
  grid-auto-rows: max-content;
}

.menu > li.service-menu > .sub-menu > li > .sub-menu > li {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
  height: fit-content;
}
.menu > li.service-menu > .sub-menu > li > .sub-menu > li > a {
}
.menu > li.service-menu > .sub-menu > li > .sub-menu > li > a:hover {
  text-decoration: underline;
}
.menu > li.service-menu > .sub-menu > li > .sub-menu > li::before {
  content:"";
  display:inline-block;
  margin-left: 6px;
  background: url('../images/sub-menu-icon.svg') 0 0 no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

.menu .sub-menu{
  margin-left: 0;
  background: #191a1f;
  padding:8px;
  list-style:none;
  display:none;
  z-index:20;
}
.menu > .menu-item-has-children > a::after{
  content:"";
  display:inline-block;
  margin-left: 6px;
  background: url('../images/icon-main-menu-arrow.svg') 0 0 no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.menu > li.service-menu > .sub-menu > li > a{
  padding:10px 12px;
  display:block;
  border-bottom: 2px solid initial;
  font-size: 14px;
  padding-left: 25px;
  transition: all 0.3s ease 0s;
}

.menu > li.service-menu > .sub-menu > li:hover > a{
  position: relative;
  font-weight: 500;
}
.menu > li.service-menu > .sub-menu > li:hover > a::before{
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  content:"";
  display:inline-block;
  margin-left: 6px;
  background: url('../images/icon-sub-menu-arrow.svg') 0 0 no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
}

.menu > li.service-menu > .sub-menu > li:hover > a::after {
  content: "Перейти";
  right: calc(100%);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background-color: #008fda;
  padding: 4px 10px;
  border-radius: 4px;
}

.menu > .sub-menu > li {
  max-width: 17%;
  width: 100%;
}


/* .menu > li.service-menu:focus-within > .sub-menu,
.menu > li.service-menu:hover > .sub-menu{display:block}
.menu > li.service-menu:hover > .sub-menu > li:hover > .sub-menu{
  display:grid;
} */

.menu > li.service-menu-menu:focus-within > .sub-menu,
.menu > li:hover > .sub-menu{display:block}

.menu > li.service-menu:hover > .sub-menu > li:hover > .sub-menu{
  display:grid;
}
.menu > li.about-menu {
  text-wrap: nowrap;
}
.menu > li.about-menu > .sub-menu {
  position: absolute;
}

/* Поиск + CTA */
.header-actions{display:flex;align-items:center;gap:12px;margin-left:16px}


.header-actions .wp-block-search__button {
  border: none;
}