/* === из сниппета №107 «Top bar Base» === */
/* ===== Exposhop Top Bar — тёмная тема (как в макете) ===== */
.exposhop-top-bar{
  background:#1a2238;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:14px;
  line-height:1.2;
  position:relative;
  z-index:101;
}
.exposhop-top-bar__inner{
  max-width:1320px;
  margin:0 auto;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.exposhop-top-bar__left,
.exposhop-top-bar__right{
  flex:0 0 auto;
  min-width:0;
  width:160px;
}
.exposhop-top-bar__center{
  flex:1 1 auto;
  display:flex;
  justify-content:center;
  min-width:0;
  overflow:hidden;
}
.exposhop-top-bar__phone{
  color:#c8ccd6;
  text-decoration:none;
  white-space:nowrap;
  font-weight:600;
}
.exposhop-top-bar__phone:hover{ color:#fff; }

/* ===== Верхнее меню ===== */
.exposhop-top-menu{
  display:flex; align-items:center; justify-content:center;
  gap:28px; list-style:none; margin:0; padding:0; flex-wrap:nowrap;
}
.exposhop-top-menu li{ margin:0; padding:0; }
.exposhop-top-menu a{
  color:#c8ccd6; text-decoration:none; white-space:nowrap;
  transition:color .2s ease;
}
.exposhop-top-menu a:hover{ color:#fff; }

/* ===== Переключатель языков — чипы, активный малиновый ===== */
.exposhop-lang-switcher{
  display:inline-flex; align-items:center; justify-content:flex-end;
  gap:4px; font-size:13px; line-height:1; white-space:nowrap;
  background:rgba(255,255,255,.08); border-radius:9px; padding:3px;
}
.exposhop-lang-switcher__item{
  color:#c8ccd6; text-decoration:none; letter-spacing:.04em;
  padding:6px 11px; border-radius:7px;
  transition:background .2s ease, color .2s ease;
}
.exposhop-lang-switcher__item:hover{ color:#fff; }
.exposhop-lang-switcher__item.is-current{
  font-weight:700; color:#fff; background:#d00072;
}
.exposhop-lang-switcher__sep{ display:none; }   /* разделители "|" убираем — теперь чипы */

/* ===== Tablet (769–960px) ===== */
@media (max-width:960px){
  .exposhop-top-bar__center{ display:none; }
  .exposhop-top-bar__left,
  .exposhop-top-bar__right{ width:auto; }
}

/* ===== Mobile (до 768px) ===== */
@media (max-width:768px){
  .exposhop-top-bar__inner{
    display:flex; flex-direction:row; align-items:center;
    justify-content:space-between; gap:12px; padding:8px 14px; text-align:left;
  }
  .exposhop-top-bar__left{ flex:1 1 auto; min-width:0; width:auto; text-align:left; }
  .exposhop-top-bar__center{ display:none; }
  .exposhop-top-bar__right{ flex:0 0 auto; min-width:auto; width:auto; text-align:right; }
  .exposhop-top-bar__phone{ font-size:13px; white-space:nowrap; }
  .exposhop-lang-switcher{ gap:3px; font-size:12px; padding:2px; }
  .exposhop-lang-switcher__item{ padding:5px 9px; }
}

/* === из сниппета №108 «Top bar Mobile» === */
/* ===== Exposhop Top Bar — Tablet (769–960px) ===== */
/* FIX: серая зона где меню уже не влезает но мобильный стиль ещё не включился */
@media (max-width: 960px) {
    .exposhop-top-bar__center {
        display: none;
    }
    .exposhop-top-bar__left,
    .exposhop-top-bar__right {
        width: auto;
    }
}

/* ===== Exposhop Top Bar — Mobile (до 768px) ===== */
@media (max-width: 768px) {
    .exposhop-top-bar__inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 8px 14px;
        text-align: left;
    }
    .exposhop-top-bar__left {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        text-align: left;
    }
    .exposhop-top-bar__center {
        display: none;
    }
    .exposhop-top-bar__right {
        flex: 0 0 auto;
        min-width: auto;
        width: auto;
        text-align: right;
    }
    .exposhop-top-bar__phone {
        font-size: 13px;
        white-space: nowrap;
    }
    .exposhop-lang-switcher {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        font-size: 12px;
        white-space: nowrap;
    }
    .exposhop-lang-switcher__item {
        display: inline-flex;
        align-items: center;
    }
    .exposhop-lang-switcher__sep {
        color: #999;
    }
}