/* === Общие стили для контейнера фильтров === */
.t-store__filter__item {
  margin-bottom: 20px;
}

/* === Стили для заголовка фильтра === */
.t-store__filter__title {
  font-weight: bold;
  margin-bottom: 10px;
}

/* === Стили для контейнера кнопок-чекбоксов === */
.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 7px;
}

/* === Стили для контрола чекбокса (.t-checkbox__control) === */
.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple .t-checkbox__control {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 30px;
  border: 1px solid #ccc; /* Изначальная толщина границы - 1px */
  cursor: pointer;
  border-radius: 5px;
  margin: 5px;
  transition: background-color 0.2s ease, border-color 0.2s ease, border-width 0.2s ease; /* Добавили transition для border-width */
}

/* === Стили для интерактивных состояний контрола чекбокса (.t-checkbox__control) === */
.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple .t-checkbox__control:hover {
  background-color: #f0f0f0;
  border-color: #999;
}

.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple .t-checkbox__control:active {
  background-color: #c0c0c0;
  border-color: #666;
  border-width: 2px; /* **ГРАНИЦА СТАНОВИТСЯ ЖИРНЕЕ ПРИ КЛИКЕ - 2px** */
}

.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple .t-checkbox__control:focus {
  outline: 2px solid #4b48ff;
  outline-offset: 1px;
}


/* === Стили для скрытого input[type="checkbox"] === */
.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple .t-checkbox__control input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* === Стили для текста внутри чекбокса (.t-store__filter__title) === */
.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple .t-checkbox__control .t-store__filter__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #333;
  user-select: none;
}

/* === СТИЛИ ДЛЯ ПОДСВЕТКИ ПРИ ВЫБОРЕ ЧЕКБОКСА - КАК ПРИ НАВЕДЕНИИ === */
.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple .t-checkbox__control:has(input[type="checkbox"]:checked) {
  background-color: #f0f0f0;
  border-color: #999;
}

/* === Скрываем индикатор чекбокса (если это нужно) === */
.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_simple .t-checkbox__control .t-checkbox__indicator {
  display: none !important;
}

.t-store__filter__item-controls-container[data-type="checkbox"] .t-checkbox__control.t-checkbox__control_hidden {
  display: block !important;
}
.t-store__filter__btn-text.t-descr.t-descr_xxs {
  display: none !important;
}
.linemovement {
  transition: transform 0.3s ease-in-out; /* Плавная анимация свойства transform в течение 0.3 секунды */
  transform-origin: center right; /* Точка начала трансформации - правый центр */
}

.linemovement:hover {
  transform: translateX(-10px); /* Сдвиг влево на 10 пикселей при наведении */
}

#nav917539708 {
  background-color: transparent !important;
  width: 100% !important; /* Устанавливаем ширину 100% для основного блока навигации */
}.t770__bottomwrapper {
  background-color: #1B559E !important;
  width: 100% !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  height: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}.t770__bottomwrapper nav {
  padding: 0;
}.t770__bottomwrapper .t770__listwrapper {
  /* Можно оставить без изменений */
}.t770__bottomwrapper .t770__list {
  text-align: center;
  margin: 0;
}.t770__bottomwrapper .t770__list_item {
  display: inline-block;
  padding: 0 10px;
}.t770__bottomwrapper .t770__list_item a {
  color: white;
  text-decoration: none;
  line-height: 28px;
}.t770__maincontainer {
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important; /* Устанавливаем ширину 100% для основного контейнера */
  max-width: none !important; /* Убираем возможные ограничения максимальной ширины */
}




/* Общий контейнер шапки */
.t770 {
  /* max-width: 1920px; */
  /* margin: 0 auto; */
}

/* Надпись - Оказываем квалифицированную юридическую помощь */
.t770__descr[field="descr2"] strong {
  font-size: 1vw;
}

/* Надпись деловой мир */
.t770__logo[field="title"] {
  font-size: 2.5vw;
}

/* Номер телефона */
div[data-customstyle="yes"] strong {
  font-size: 1.6vw;
}

/* Кнопка-ссылка */
.t770__btn-wrapper .t-btn {
  font-size: 1vw;
  padding: 0.05vw 0.15vw; /* Обновленный padding */
  border-width: 0.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  height: auto;
  border-radius: 10px; /* Добавленное скругление краев */
}

/* Таблица внутри кнопки */
.t770__btn-wrapper .t-btn table {
  display: block;
  width: 100%;
  height: auto;
}

/* Ячейка таблицы с текстом кнопки */
.t770__btn-wrapper .t-btn table tbody tr td {
  padding: 0;
  white-space: nowrap;
  text-align: center;
}

/* Дополнительные настройки для маленьких экранов */
@media screen and (max-width: 768px) {
  .t770__descr[field="descr2"] strong {
    font-size: 3vw;
  }
  .t770__logo[field="title"] {
    font-size: 4vw;
  }
  div[data-customstyle="yes"] strong {
    font-size: 2.5vw;
  }
  .t770__btn-wrapper .t-btn {
    font-size: 1.5vw;
    padding: 0.15vw 0.3vw; /* Можно скорректировать padding на маленьких экранах */
    border-width: 0.3vw;
  }
}
.t770__descr[field="descr2"] strong {
  color: #F15A22;
}