.form-ticket { 
    display: flex;
    flex-direction: column;
    gap: 16px;
    
    /* Базовые стили для контейнера чекбокса */
    .checkbox {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      position: relative;
      padding: 6px 0;
      cursor: pointer;
    }
    
    /* Скрываем нативный чекбокс */
    .checkbox input[type="checkbox"] {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
    
    /* Создаем кастомный чекбокс с помощью псевдоэлемента */
    .checkbox label {
      cursor: pointer;
      position: relative;
      padding-left: 30px;
      min-height: 20px;
      font-family: 'Ruport';
      font-size: 12px;
      line-height: 1.2;
      color: #6c6c6c;
      transition: color 0.3s ease;
      user-select: none;
      margin: 0;
    }
    
    .checkbox label a {
        color: #6c6c6c !important;
        text-decoration: underline !important;
        
        &:hover,
        &:active {
            color: #003CE9 !important;
        }
    }
    
    /* Кастомный чекбокс (квадратик) */
    .checkbox label::before {
      content: "";
      position: absolute;
      top: 12px;
      left: 0;
      transform: translateY(-50%);
      height: 20px;
      width: 20px;
      background-color: #fff;
      border-style: solid;
      border-width: 2px;
      border-color: var(--border-color, #ccc);
      transition: all 0.3s ease;
      box-sizing: border-box;
    }
    
    /* Галочка */
    .checkbox label::after {
      content: "";
      position: absolute;
      left: 6px;
      top: 12px;
      transform: translateY(-60%) rotate(45deg);
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 2px 2px 0;
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    
    /* Состояние: отмечен */
    .checkbox input[type="checkbox"]:checked + label::before {
      background-color: #003CE9;
      border-color: #003CE9;
    }
    
    .checkbox input[type="checkbox"]:checked + label::after {
      opacity: 1;
    }
    
    /* Состояние: ховер */
    .checkbox:hover label::before {
      border-color: #003CE9;
    }
    
    .checkbox:hover input[type="checkbox"]:checked + label::before {
      background-color: #0056b3;
      border-color: #0056b3;
    }
    
    /* Состояние: фокус */
    .checkbox input[type="checkbox"]:focus + label::before {
      box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
      border-color: #003CE9;
    }
    
    /* Состояние: отключен */
    .checkbox input[type="checkbox"]:disabled + label {
      cursor: not-allowed;
      color: #6c757d;
    }
    
    .checkbox input[type="checkbox"]:disabled + label::before {
      background-color: #f8f9fa;
      border-color: #dee2e6;
      cursor: not-allowed;
    }
    
    .checkbox input[type="checkbox"]:disabled:checked + label::before {
      background-color: #6c757d;
      border-color: #6c757d;
    }
    
    /* Состояние: активный (при нажатии) */
    .checkbox input[type="checkbox"]:active + label::before {
      transform: translateY(-50%) scale(0.95);
    }
    
    /* Невалидное состояние */
    .checkbox input[type="checkbox"]:invalid + label::before {
      border-color: #dc3545;
    }
    
    .checkbox input[type="checkbox"]:invalid:checked + label::before {
      background-color: #dc3545;
      border-color: #dc3545;
    }
    
    /* Модификаторы размеров */
    .checkbox.checkbox-sm label {
      padding-left: 26px;
      font-size: 14px;
    }
    
    .checkbox.checkbox-sm label::before {
      height: 16px;
      width: 16px;
    }
    
    .checkbox.checkbox-sm label::after {
      left: 5px;
      width: 4px;
      height: 8px;
    }
    
    .checkbox.checkbox-lg label {
      padding-left: 34px;
      font-size: 18px;
    }
    
    .checkbox.checkbox-lg label::before {
      height: 24px;
      width: 24px;
    }
    
    .checkbox.checkbox-lg label::after {
      left: 8px;
      width: 6px;
      height: 12px;
    }
    
    /* Цветовые модификаторы */
    .checkbox.checkbox-success input[type="checkbox"]:checked + label::before {
      background-color: #28a745;
      border-color: #28a745;
    }
    
    .checkbox.checkbox-warning input[type="checkbox"]:checked + label::before {
      background-color: #ffc107;
      border-color: #ffc107;
    }
    
    .checkbox.checkbox-danger input[type="checkbox"]:checked + label::before {
      background-color: #dc3545;
      border-color: #dc3545;
    }
    
    
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 26px 24px;
      background-color: #003ce9;
      color: #fff !important;
      border: 2px solid #003ce9;
      border-radius: 0;
      font-size: 24px;
      font-family: 'Ruport',Arial,sans-serif;
      line-height: 1;
      font-weight: 700;
      text-transform: uppercase;
      text-transform: uppercase;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s ease;
      outline: none;
      user-select: none;
      white-space: nowrap;
      line-height: 1;
    }
    
    /* Состояние ховер */
    .button:hover {
      background-color: #fff;
      color: #003ce9 !important;
      border-color: #003ce9;
    }
    
    /* Состояние фокус */
    .button:focus {
      box-shadow: 0 0 0 3px rgba(0, 60, 233, 0.3);
    }
    
    /* Состояние активное (нажатие) */
    .button:active {
      transform: translateY(1px);
      box-shadow: none;
    }
    
    /* Состояние отключенное */
    .button:disabled {
      opacity: 0.6;
      color: #fff !important;
      cursor: not-allowed;
      transform: none;
      box-shadow: none;
    }

    
    /* Убираем стандартное оформление кнопки в браузере */
    .button {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }
}