.nav-header {
   position: fixed;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   z-index: 1000;
   background: rgb(60 68 137 / 10%);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   padding: 1rem 2rem;
   font-family: var(--font-sb-sans);
   font-weight: 500;
 
   /* -- ДЕСKTOP: Выравниваем по центру -- */
   display: flex;
   justify-content: center;
   align-items: center;
 
   width: 100%;
   max-width: 1297px;
   border-radius: 0 0 1rem 1rem; /* Скругление у всего блока */
   transition: all 0.3s ease;
 }
 
 .nav-burger {
   display: none; /* На ПК бургер скрыт */
   flex-direction: column;
   justify-content: space-between;
   width: 30px;
   height: 20px;
   background: none;
   border: none;
   cursor: pointer;
   padding: 0;
   z-index: 1001;
 }
 
 /* Анимация иконки бургера при открытии */
 .nav-burger.active span:nth-child(1) {
   transform: rotate(45deg) translate(5px, 5px);
 }
 .nav-burger.active span:nth-child(2) {
   opacity: 0;
 }
 .nav-burger.active span:nth-child(3) {
   transform: rotate(-45deg) translate(7px, -6px);
 }
 
 /* Сами полоски бургера */
 .nav-burger span {
   width: 100%;
   height: 2px;
   background-color: white;
   transition: 0.3s;
 }
 
 /* Ссылки (по умолчанию на ПК горизонтальный список по центру) */
 .nav-links {
   display: flex;
   gap: 2.5rem;
   align-items: center;
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 /* Ссылка в обычном состоянии */
 .nav-link {
   color: #DFF7FF;
   text-decoration: none;
   font-size: 1rem;
   transition: color 0.2s ease;
   position: relative; /* для псевдоэлемента при ховере */
 }
 
 /* Подсветка при ховере (линия снизу) */
 .nav-link::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: -2px; 
   width: 0%;
   height: 2px;
   background-color: #3B82F6;
   transition: width 0.3s ease;
 }
 .nav-link:hover::after {
   width: 100%;
 }
 
 /* При открытом меню убираем прокрутку у body */
 body.menu-open {
   overflow: hidden;
 }
 
 /* -------- Мобильная версия (до 768px) -------- */
 @media (max-width: 768px) {
   .nav-header {
     /* Переключаемся на колонку, чтобы бургер и меню шли сверху вниз */
     flex-direction: column;
     align-items: flex-start;
     padding: 1rem; 
     font-family: var(--font-sb-sans);
      font-weight: 600;
   }
 
   /* Показываем бургер на мобильных, сдвигаем вправо */
   .nav-burger {
     display: flex;
     margin-left: auto; 
   }
 
   /* Меню скрываем при закрытом бургере */
   .nav-links {
     display: block;
     width: 100%;
     margin-top: 1rem;
     padding: 0;
     max-height: 0;    /* свёрнуто */
     overflow: hidden; /* прячем содержимое */
     opacity: 0;
     transition: max-height 0.3s ease, opacity 0.3s ease;
   }
 
   /* При активном бургере (и у .nav-links класс .active) раскрываем меню */
   .nav-links.active {
     max-height: 300px; /* или побольше, чтобы точно влезли все пункты */
     opacity: 1;
   }
 
   /* Анимация появления пунктов меню по очереди (слева направо) */
   .nav-links li {
     margin: 0;
     opacity: 0;
     transform: translateX(-15px);
     transition: transform 0.3s ease, opacity 0.3s ease;
   }
   .nav-links.active li {
     opacity: 1;
     transform: translateX(0);
   }
   /* Задержки для каждого пункта */
   .nav-links.active li:nth-child(1) { transition-delay: 0.0s; }
   .nav-links.active li:nth-child(2) { transition-delay: 0.05s; }
   .nav-links.active li:nth-child(3) { transition-delay: 0.1s; }
   .nav-links.active li:nth-child(4) { transition-delay: 0.15s; }
 
   /* Ссылки по всему блоку, выравниваем текст слева */
   .nav-link {
     display: block;
     width: 100%;
     text-align: left;
     font-size: 1.1rem;
     padding: 0.7rem 0; 
   }
 }