.leaflet-control-fullscreen a {
  background: #fff url(../images/fullscreen.png) no-repeat center center;
  background-size: 18px 18px; /* trochę mniejsza, by miała marginesy */
  width: 26px;
  height: 26px;
  display: flex;              /* 👈 wyśrodkowanie ikony wewnątrz kafelka */
  align-items: center;
  justify-content: center;
  border-radius: 4px;         /* opcjonalnie – zaokrąglone rogi */
}

.leaflet-touch .leaflet-control-fullscreen a {
  background-size: 22px 22px;
  width: 30px;
  height: 30px;
}

.leaflet-fullscreen-on .leaflet-control-fullscreen a,
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
  background-position: center center; /* 👈 zawsze środek */
}

/* Tryb fullscreen - kontener mapy */
.leaflet-container:-webkit-full-screen,
.leaflet-container.leaflet-fullscreen-on {
  width: 100% !important;
  height: 100% !important;
}

/* Fallback: pseudo-fullscreen */
.leaflet-pseudo-fullscreen {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 99999;
}

/* Retina / HiDPI */
@media
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
  .leaflet-control-fullscreen a {
    background-image: url(../images/fullscreen@2x.png);
    background-size: 18px 18px; /* zachowaj te same proporcje */
  }
}