/* Стили для чекбокса в рамке */
.t-form__checkbox {
  border: 2px solid #e0e0e0 !important;
  padding: 20px !important;
  border-radius: 12px !important;
  margin: 15px 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

/* Стили при наведении */
.t-form__checkbox:hover {
  border-color: #4CAF50 !important;
  background-color: #f8fff8 !important;
}

/* Стили для выбранного чекбокса */
.t-form__checkbox.t-form__checkbox_selected {
  border-color: #4CAF50 !important;
  background-color: #f0fff0 !important;
}

/* Убираем стандартные отступы */
.t-form__inputs .t-form__checkbox {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Стили для текста чекбокса */
.t-form__checkbox-text {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #333 !important;
  margin-left: 30px !important;
}

/* Стили для самого input (скрываем стандартный) */
.t-form__checkbox input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

/* Кастомный чекбокс */
.t-form__checkbox input[type="checkbox"] + span {
  position: absolute !important;
  top: 22px !important;
  left: 20px !important;
  width: 22px !important;
  height: 22px !important;
  border: 2px solid #ccc !important;
  border-radius: 4px !important;
  background: white !important;
  transition: all 0.3s ease !important;
}

/* Состояние отмеченного чекбокса */
.t-form__checkbox input[type="checkbox"]:checked + span {
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
}

/* Галочка */
.t-form__checkbox input[type="checkbox"]:checked + span::after {
  content: "✓" !important;
  position: absolute !important;
  color: white !important;
  font-size: 16px !important;
  font-weight: bold !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  .t-form__checkbox {
    padding: 15px !important;
  }
  
  .t-form__checkbox-text {
    font-size: 14px !important;
    margin-left: 25px !important;
  }
  
  .t-form__checkbox input[type="checkbox"] + span {
    top: 17px !important;
    left: 15px !important;
    width: 20px !important;
    height: 20px !important;
  }
}