#cbc-container {
  max-width: 800px;
  text-align:center;
  margin: 0 auto;
  padding: 40px;
  border: 1px solid #ccc;
  background: #fdfdfd;
  font-family: sans-serif;
}

#cbc-box {
  display: grid;
  grid-template-columns: repeat(2, 100px);
  grid-template-rows: repeat(2, 100px);
  gap: 12px;
  justify-content: center;
  margin-bottom: 20px;
  background-image: url(https://astra-slodycze.fascinate.pl/wp-content/uploads/2025/07/tlo.jpg);
    background-size: contain;
    background-position: center;
	background-repeat:no-repeat;
	padding:60px 60px 40px 60px;
}
#cbc-options{
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
	justify-content: space-between;
}

.cbc-candy-slot {
  width: 100px;
  height: 100px;
  border: 2px dashed #ccc;
  border-radius: 50px;
  background-color: #fff;
  background-size: cover;
  background-position: center;
}

.cbc-candy {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  cursor: grab;
  border: 2px solid #fff;
  background-size: cover;
  background-position: center;
}

.cbc-candy.selected {
  border-color: #e91e63;
  box-shadow: 0 0 8px #e91e63;
}

/* Przykładowe typy cukierków */
.candy-balwan {
  background-image: url('cukierki/balwan.jpeg');
}

.candy-balwan2 {
  background-image: url('cukierki/balwanv2.jpg');
}

.candy-buzka {
  background-image: url('cukierki/buzka.jpg');
}

.candy-jelonek {
  background-image: url('cukierki/jelonek.jpg');
}
.candy-kurczak {
  background-image: url('cukierki/kurczak.jpg');
}
.candy-mikolaj {
  background-image: url('cukierki/mikolaj.jpg');
}

#cbc-form label {
  display: block;
  margin-top: 10px;
}

#cbc-form input[type="text"],
#cbc-form input[type="email"] {
  width: 100%;
  padding: 6px;
  margin-top: 4px;
  box-sizing: border-box;
}

#cbc-send {
  margin-top: 15px;
  padding: 10px 20px;
  background: #4caf50;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

#cbc-send:hover {
  background: #43a047;
}