/* ===== БАЗОВЫЕ LAYOUT СТИЛИ ===== */
:root {
  --navbar-height: 55px; /* Высота вашего навбара */
  --header-height: 144px; /* Высота обычного header */
  --header-fixed-height: 80px; /* Высота фиксированного header (примерно) */
}

/* Body всегда учитывает навбар */
body {
  padding-top: var(--navbar-height);
  margin: 0;
  min-height: 100vh;
}

/* Навбар всегда фиксированный сверху */
.my-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--navbar-height);
  z-index: 1000;
  background-color: #f9f9f9;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
  align-items: center;
}

/* Скрываем navbar при скролле */
.navbar.hide-navbar {
  display: none;
}

.my-navbar-text-container {
  /*width: 1268px;
    height: 31px;
    margin-left: 120px;
    /*margin-top: 15px;
    margin-bottom: 9px; */
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px; /* Расстояние между ссылками */
  /*margin-left: 120px;*/
  height: 100%;
}
.my-navbar-brand-text {
  color: #545454;
  font-weight: 600;
  font-size: 16px;
  margin-right: 30px;

  /*  line-height: 100%;
        text-decoration: none;
        width: 1268;
        height: 31;
        top: 15px;
        left: 120px;
        opacity: 1;
        letter-spacing: 0; */
}
/* ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКА */
.lang-switcher {
  margin-left: auto; /* отправляет вправо */
  display: flex;
  align-items: center;
  gap: 6px;
}

.lang-btn {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #545454;
  cursor: pointer;
  padding: 2px 4px;
  transition: color 0.2s ease;
}

.lang-btn:hover {
  color: #000;
}

.lang-btn.active {
  color: #000;
  text-decoration: underline;
}

.lang-separator {
  color: #999;
}
.mobile-lang-switcher {
  margin-top: 10px;
  padding-left: 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
@media (max-width: 768px) {
  .my-navbar {
    display: none;
  }
}

/*
body[data-page="orders"] .header-fixed,
body[data-page="favorites"] .header-fixed,
body[data-page="profile"] .header-fixed,
body[data-page="cart"] .header-fixed {
  top: var(--navbar-height);
} */