.zb-card {
  transition: background 0.2s ease;
}
.zb-card:hover {
  background: #F6F6F6;
  box-shadow: inset 0 -4px 0 #E24B4A;
}

.red-hover,
.red-hover .tn-atom {
  transition: color 0.2s;
}
.red-hover:hover,
.red-hover:hover .tn-atom {
  color: #F84B4F !important;
}

.acc-list {
  padding-left: 0 !important;
}

@media screen and (max-width: 980px) {
  #nav2369984811.t393.t393__positionfixed {
    position: fixed !important;
    bottom: 16px !important;
    right: 16px !important;
    left: auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: flex !important;
    z-index: 999 !important;
    text-align: left !important;
    padding: 0 !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
  }

  #nav2369984811.t393.t393__positionfixed.nav-visible {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Скрываем стандартный input и индикатор */
#rec2385040111 input.t-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 1 !important;
}

#rec2385040111 .t-checkbox__indicator {
  display: none !important;
}

/* Убираем красный цвет ошибки с текста */
#rec2385040111 .t-checkbox__labeltext {
  color: inherit !important;
  text-decoration: none !important;
  border: none !important;
}

/* Label */
#rec2385040111 .t-checkbox__control {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  position: relative !important;
}

/* Кастомный квадрат */
#rec2385040111 .t-checkbox__control::before {
  content: '' !important;
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
  border: 1.5px solid #000000 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transition: background 0.2s, border-color 0.2s !important;
}

/* Отмеченное состояние */
#rec2385040111 .t-checkbox__control:has(input.t-checkbox:checked)::before {
  background: #F84B4F !important;
  border-color: #F84B4F !important;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Убираем красную обводку при ошибке валидации */
#rec2385040111 .t-input-group.js-error-control-box .t-checkbox__control::before {
  border-color: #F84B4F !important;
}