.rd-header-holder_new {
    position: fixed;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid var(--rd-main-primary);
    width: 100%;
}
.rd-header-holder_new::before {
    content: '';
    background: var(--rd-main-black35);
    backdrop-filter: blur(16px);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.rd-header_new {
    gap: 22px;
    padding: 16px 0;
}
.rd-artum-logo {
    flex: 0 0 48px;
}
.header-logo { display: flex; align-items: center; gap: 12px; max-width: 153px;}
.rd-artum-name p {
    font-weight: 600;
    color: #FFFFFF66;
    font-size: 12px;
    line-height: 16px;
}
.header-info { display: flex; align-items: center; gap: 12px; }

/* ------ Пункты меню ------ */
.menu { display: flex; flex-direction: column; gap: 12px; }
.menu > ul { display: flex; gap: 12px 16px; flex-wrap: wrap; }
.menu > ul > li > a, .menu > ul > li > span { display: block; font-size: 14px; padding: 3px 0; transition: color .2s; color: #fff; text-decoration: none; cursor: pointer;}
.menu > ul > li > a:hover, .menu > ul > li.is-open > a,
.menu > ul > li > span:hover, .menu > ul > li.is-open > span{ color: var(--rd-main-primary); }

.has-sub > a::after,
.has-sub > span::after{
  content: "";
  display: inline-block;
  width: 5px; height: 5px;
  margin: 0 0 3px 6px;
  border: solid var(--rd-main-primary);
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  transition: transform .2s;
}
.has-sub.is-open > a::after { transform: rotate(-135deg); margin-bottom: -1px; }

/* ------ Контакты ------ */
.contacts {
  display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.contacts-item {
    display: flex;
    gap: 4px;
    align-items: center;
}
.contacts__city { font-size: 12px; color: #FFFFFF66; font-weight: 600;}
.contacts__phone { 
    font-size: 16px; 
    font-weight: 700; 
    white-space: nowrap; 
    color: #fff; 
    text-decoration: none;
    display: flex;
    gap: 2px;
    align-items: center;
}
.contacts__phone::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.64983 6.15979C4.76925 8.59618 6.75779 10.527 9.22608 11.5742L9.23358 11.5773L9.71108 11.7898C10.006 11.9213 10.3372 11.9473 10.6491 11.8634C10.9609 11.7796 11.2344 11.5909 11.4236 11.3292L12.2198 10.2273C12.2432 10.1948 12.2533 10.1546 12.248 10.115C12.2426 10.0753 12.2223 10.0393 12.1911 10.0142L10.8011 8.89229C10.7847 8.87906 10.7658 8.86929 10.7455 8.86355C10.7252 8.85782 10.704 8.85625 10.6831 8.85894C10.6622 8.86162 10.642 8.86851 10.6239 8.87918C10.6057 8.88986 10.5899 8.9041 10.5773 8.92104L10.0361 9.65104C9.97232 9.73717 9.88097 9.79884 9.77725 9.8258C9.67353 9.85275 9.56371 9.84335 9.46608 9.79917C7.61717 8.96077 6.13573 7.47933 5.29733 5.63042C5.25315 5.53279 5.24375 5.42297 5.2707 5.31925C5.29766 5.21553 5.35933 5.12418 5.44546 5.06042L6.17483 4.51854C6.19178 4.50602 6.20602 4.49019 6.21669 4.47202C6.22737 4.45385 6.23425 4.4337 6.23694 4.4128C6.23963 4.3919 6.23806 4.37067 6.23232 4.35039C6.22659 4.33011 6.21681 4.3112 6.20358 4.29479L5.08233 2.90479C5.05725 2.87363 5.02116 2.85327 4.9815 2.84792C4.94185 2.84257 4.90166 2.85264 4.86921 2.87604L3.76108 3.67604C3.49758 3.86611 3.30802 4.14155 3.22462 4.45556C3.14122 4.76957 3.16912 5.10278 3.30358 5.39854L3.64983 6.15979ZM8.85608 12.4354C6.17441 11.2965 4.01416 9.19795 2.79796 6.55042L2.79671 6.54917L2.45046 5.78667C2.22635 5.29382 2.17978 4.73857 2.31866 4.21527C2.45755 3.69198 2.77332 3.2329 3.21233 2.91604L4.32046 2.11604C4.54741 1.95224 4.82853 1.88168 5.10594 1.91889C5.38334 1.95609 5.63593 2.09823 5.81171 2.31604L6.93358 3.70667C7.02617 3.8214 7.0946 3.95367 7.13477 4.09552C7.17493 4.23737 7.18601 4.38588 7.16733 4.53211C7.14865 4.67835 7.10059 4.81931 7.02606 4.94651C6.95152 5.0737 6.85204 5.18452 6.73358 5.27229L6.31483 5.58229C7.02309 6.95481 8.14107 8.07279 9.51358 8.78104L9.82421 8.36229C9.91198 8.24393 10.0228 8.14453 10.1499 8.07005C10.2771 7.99557 10.4179 7.94755 10.5641 7.92887C10.7103 7.91019 10.8587 7.92124 11.0005 7.96135C11.1423 8.00146 11.2745 8.06981 11.3892 8.16229L12.7798 9.28417C12.9978 9.45996 13.1401 9.71267 13.1773 9.99023C13.2145 10.2678 13.1438 10.549 12.9798 10.776L12.1836 11.8785C11.8684 12.3147 11.4127 12.6292 10.893 12.7691C10.3734 12.9089 9.82139 12.8657 9.32983 12.6467L8.85608 12.4354Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23D8BB89'/%3E%3C/svg%3E%0A");
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

/* ------ Иконки и кнопка ------ */
.social { display: flex; gap: 8px; }
.social-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.social-item span {
    font-size: 8px;
    color: #FFFFFF66;
    font-weight: 600;
}
.social__item {
  display: grid; place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #D8BB894D;
  color: var(--rd-main-primary);
  font-size: 14px; font-weight: 700;
  transition: background .2s;
}
.social__item:hover { background: #b49c724d; }

/* ------ Попап почты ------ */
.mail { position: relative; }
.mail__popup {
  display: none;
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  padding: 20px;
  background: #1b1b1b;
  border: 1px solid var(--rd-main-primary);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  text-align: center;
}
.mail__popup.is-open { display: block; }
.mail__row { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 16px; }
.mail__link { font-size: 13px; text-decoration: underline; white-space: nowrap; }
.mail__copy { background: none; border: 0; color: var(--rd-main-primary); cursor: pointer; }
.mail__copy.is-done { color: #fff; }
.btn--small { display: block; padding: 10px 16px; font-size: 11px; }

/* ------ Выпадающее меню: 2 и 3 уровень ------ */
/* Значения из макета в Figma. Плашка висит сразу под шапкой.
   left не задан, поэтому браузер сам ставит её по левому краю пункта */
.sub {
  display: none;
  position: absolute;
  top: calc(100% + 1px);
  z-index: 20;
  width: max-content;
  padding: 21px 20px;
  border-top: 2px solid #D8BB89;
}
/* фон с размытием на подложке: если поставить размытие на саму .sub,
   у третьего уровня внутри неё размытие перестанет работать */
.sub::before {
    content: '';
    background: rgba(17, 17, 17, .35);
    backdrop-filter: blur(46px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.has-sub.is-open > .sub { display: block; }

/* все списки в одну колонку, между пунктами 16px */
.sub ul { display: flex; flex-direction: column; gap: 16px; }
.sub li { margin: 0; padding: 0; line-height: 18px; }
.sub a, .sub span { font-size: 14px; line-height: 18px; transition: color .2s; color: #FFFFFF; text-decoration: none;}
.sub a:hover, .sub-list > li.is-active > a { color: var(--rd-main-primary); }
/* span — текущая страница */
.sub span { color: var(--rd-main-primary); }

/* ссылка над списком (О нас → О компании) */
.sub-top { margin-bottom: 16px; }
/* ссылка под тонкой линией (Все услуги) */
.sub-bottom {
  margin-top: 16px;
  padding-top: 25px;
  border-top: 1px solid #FFFFFF1A;
}

/* стрелка-галочка вправо у пунктов, у которых есть 3 уровень */
.sub-list > li.has-cols > a::after,
.sub-list > li.has-cols > span::after {
  content: "";
  display: inline-block;
  width: 5px; height: 5px;
  margin: 0 0 1px 9px;
  border: solid #D8BB89;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
}

/* 3 уровень: отдельная плашка справа на 12px от второй, высота по своему списку */
.sub-cols {
  display: none;
  position: absolute;
  top: -2px; /* -2px: верх на одном уровне с плашкой 2 уровня */
  left: calc(100% + 12px);
  width: max-content;
  padding: 22px 20px 21px;
  border-top: 1px solid #D8BB89;
  background: rgba(17, 17, 17, .35);
  backdrop-filter: blur(23px);
}
.sub-list > li.is-active > .sub-cols { display: block; }

/* ------ Мобильная версия ------ */
.burger, .m-menu { display: none; }
.header-callback_new {
    padding: 14px 16px;
}
@media (max-width: 1441px){
    .rd-artum-name {
        display: none;
    }
    .rd-header_new {
        gap: 20px;
    }
}


@media (max-width: 1300px) {
  .rd-header-holder_new { position: fixed; }
  .header-menu,
  .sub { display: none !important; }
    .header-info {
        gap: 32px;
    }
  .burger {
    display: flex; flex-direction: column; justify-content: center; gap: 6px;
    width: 40px; height: 40px;
    background: none; border: 0; cursor: pointer;
  }
  .burger span { display: block; height: 2px; background: var(--rd-main-primary); }

  /* открытое меню на весь экран поверх страницы */
  body.no-scroll { overflow: hidden; }
  .m-menu {
    display: none;
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    z-index: 999;
    flex-direction: column;
    padding: 0 24px 24px;
    overflow-y: auto;
    background: var(--rd-main-black);
  }
  .m-menu.is-open { display: flex; }

  .m-menu__top { display: flex; align-items: center; justify-content: space-between; height: 72px; flex-shrink: 0; }
  .m-menu__close { position: relative; width: 40px; height: 40px; background: none; border: 0; cursor: pointer; }
  .m-menu__close::before, .m-menu__close::after {
    content: "";
    position: absolute; left: 8px; right: 8px; top: 19px;
    height: 1px;
    background: var(--rd-main-primary);
    transform: rotate(45deg);
  }
  .m-menu__close::after { transform: rotate(-45deg); }

  .m-menu__list { padding: 16px 0; }
  .m-menu__link {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%;
    padding: 10px 0;
    background: none; border: 0;
    color: #fff;
    text-align: left;
    cursor: pointer;
  }
  a.m-menu__link {
     color: #fff;
  }
  .m-menu__row { display: flex; align-items: center; }
  .m-menu__row .m-menu__link { flex: 1; width: auto; }
  .m-menu__toggle {
    position: relative;
    flex-shrink: 0;
    width: 44px; height: 44px;
    background: none; border: 0; cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-menu__toggle::after {
    content: "";
    flex-shrink: 0;
    width: 7px; height: 7px;
    margin-right: 4px;
    border: solid var(--rd-main-primary);
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    transition: transform .2s;
    display: block;
  }
  .m-menu__item.is-open > .m-menu__row .m-menu__link { color: var(--rd-main-primary); }
  .m-menu__item.is-open > .m-menu__row .m-menu__toggle::after { transform: rotate(135deg); top: 14px; }

  .m-menu__sub { display: none; padding: 0 0 8px 16px; }
  .m-menu__sub a { display: block; padding: 8px 0; color: #fff;}

  .m-menu__foot { margin-top: auto; padding-top: 24px; display: flex; flex-direction: column; gap: 16px; }
  .m-menu__foot .contacts { 
      color: #fff; 
      align-items: flex-start;
  }
  .m-menu__foot .contacts__phone { font-size: 17px; }

  .contacts__city {
        justify-content: flex-start;
  }
  .m-menu.is-open .rd-btn.rd-btn-primary {
        text-align: center;
        display: block;
  }
}
@media (max-width: 1200px) {
    .header-info .rd-btn.rd-btn-primary {
        display: none;
    }
    
}
@media (max-width: 990px) {
    .rd-header_new {
        padding-right: 5%;
        padding-left: 5%;
    }
}
@media (max-width: 660px) {
    .header-info .social {
        display: none;
    }

    .rd-header_new {
        flex-wrap: wrap;
        padding-right: 5%;
        padding-left: 5%;
        gap: 12px;
    }
    .contacts__phone {
        font-size: 14px;
    }
}
@media (max-width: 520px) {
    .rd-artum-logo {
        display: block;
    }
}
@media (max-width: 480px) {

  .m-menu { padding-left: 16px; padding-right: 16px; }
}