/* Kontener Mikołaja */

.santa {
  position: relative;
  max-width: 200px; /* zmniejszona wielkość */
  margin: 0 auto;   /* centruje poziomo */
}


/* Obraz Mikołaja */
.santa img {
  display: block; /* blok pozwala margin: auto działać */
  width: 100%;    /* zajmuje całą szerokość kontenera */
  height: auto;
}


/* Napis na brodzie */
.beard-text {
  position: absolute;
  left: 50%;
  top: 64%; /* ustawienie na brodzie */
  transform: translate(-30%, -50%); /* -40% przesuwa trochę w prawo */
  text-align: center;
  color: rgb(0, 0, 0);
  font-weight: 800;
  line-height: 1.2;
  text-shadow: 3px 3px 6px rgb(255, 12, 12);
  font-size: clamp(14px, 6vw, 18px);
  pointer-events: none; /* nie blokuje klików w obraz */
}