::selection {
   color: #00d000;
   background-color: #fff; 
}

/* ══════════════════════════════════════════════════════════════
   ME602 — Сегмент-бар
   Стилизация под дизайн сайта eeelmnt.com
   
   КАК ПРИМЕНИТЬ:
   Tilda → Настройки сайта → Ещё → Custom CSS → вставить этот код
   После вставки нажать «Сохранить» и опубликовать страницу
══════════════════════════════════════════════════════════════ */

/* ── Обёртка всего блока ── */
.t395 {
  background: #00d000 !important;
  padding: 12px 0 !important;
}

/* ── Внутренний контейнер — выравнивание по левому краю ── */
.t395__wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 16px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* ── Убираем скрытое мобильное меню-дубль ── */
.t395__wrapper_mobile {
  display: none !important;
}

/* ── Каждый чип (вкладка) ── */
.t395__tab {
  background: rgba(0, 0, 0, 0.13) !important;
  border-radius: 100px !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: background 0.18s, color 0.18s !important;
  cursor: pointer !important;
}

/* ── Текст внутри чипа ── */
.t395__title {
  font-family: 'IBM Plex Sans', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #080808 !important;
  line-height: 1.2 !important;
  padding: 6px 16px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: transparent !important;
  border-radius: 100px !important;
}

/* ── Hover ── */
@media (hover: hover) {
  .t395__tab:hover {
    background: rgba(0, 0, 0, 0.22) !important;
  }
  .t395__tab:hover .t395__title {
    color: #080808 !important;
    background: transparent !important;
  }
}

/* ── Активная вкладка ── */
.t395__tab_active {
  background: #080808 !important;
  box-shadow: none !important;
}
.t395__tab_active .t395__title {
  color: #00d000 !important;
  background: transparent !important;
}

/* ── Мобильный (до 640px) ── */
@media screen and (max-width: 640px) {
  .t395 {
    padding: 10px 0 !important;
  }
  .t395__wrapper {
    gap: 6px !important;
  }
  .t395__title {
    font-size: 12px !important;
    padding: 5px 13px !important;
  }
}