/* =========== PROMO =========== */
    /* =========== PROMO =========== */
    /* =========== PROMO =========== */

    .menu_promo {
      display: flex;
      align-items: center;      /* по вертикали */
      justify-content: center;  /* по горизонтали */
      margin: 0 auto;  /* Центрируем по горизонтали */
      background-color: #0d0d0d;
      width: 100%;
      height: 38.5px;
    }


.promo_fade {
  position: relative;
  height: 43px;
}

.promo_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 43px;
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
}

.promo_item.active {
  opacity: 1;
  z-index: 1;
}



    /* =====  MEDIA  =====  */
    @media (max-width: 850px) {
    .menu_promo {
      display: none;
    }
    }

    .menu_promo_txt {
      max-width: 1154px;  /* Максимальная ширина */
      text-align: center;
      font-family: Helvetica, sans-serif; 
      font-weight: normal;
      font-size: 14px;
      letter-spacing: 0.2px;    /* Расстояние меджу буквами */
      color: #ffffff;
          box-sizing: border-box;  /* Включаем отступы в расчет размера */
    }

    /* Добавляем отступы слева и справа, но не изменяем ширину */
    @media (max-width: 1154px) {
      .menu_promo_txt {
        margin-left: 40px;  /* Отступ слева */
        margin-right: 40px;  /* Отступ справа */
      }
    }

    .menu_promo_txt a {
      color: #ffffff;
      text-decoration: none;
      cursor: pointer;
      transition: color 0.3s ease, border-bottom 0.3s ease;
         /* тонкое подчеркивание */
         border-bottom: 0.5px solid #ffffff;
         padding-bottom: 0px;
    }

    .menu_promo_txt a:hover {
      color: #e31212;
      border-bottom-color: transparent;     /* делаем подчеркивание (нижнюю границу) прозрачным */
    }