.checkbox-custom {
    appearance: none; /* Usuwamy domyślny wygląd checkboxa */
    border: 2px solid white; /* Szary border */
    cursor: pointer; /* Kursor ręki */
    outline: none; /* Usuwamy domyślny focus outline */
    background-color: transparent; /* Tło przezroczyste */
    box-shadow: none; /* Usuwamy wszelkie cienie */
    transition: none; /* Brak płynnych animacji */
    padding: 5px;
  }
  
  /* Gdy checkbox jest zaznaczony */
  .checkbox-custom:checked {
    background-color: white; /* Zamalowujemy checkbox na biało */
    border-color: rgba(255, 255, 255, 0); /* Zmieniamy border na biały */
  }
  
  /* Kiedy checkbox jest w focusie */
  .checkbox-custom:focus {
    outline: none; /* Brak outline */
    box-shadow: none; /* Usuwamy wewnętrzny cień */
  }