.gallery{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.item{position:relative;display:inline-block}
.item .thumb{border-radius:8px;transition:transform .25s ease,box-shadow .25s ease;display:block}
.item:hover .thumb{transform:scale(1.05);box-shadow:0 5px 12px rgba(0,0,0,.35)}

/* lightbox na focus */
.item:focus-within .lb{
  display:flex!important;
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.82)!important;
  z-index:999999!important;
  align-items:center!important;
  justify-content:center!important;
}

.lb{display:none}

/* tło (łapie klik) */
.lb .bg{
  position:absolute;
  inset:0;
  z-index:1;
}

/* zdjęcie (nie klikalne; klik przechodzi do .bg) */
.lb .big{
  max-width:98vw;
  max-height:98vh;
  position:relative;
  z-index:2;
  display:block;
  pointer-events:none; /* ← KLUCZ */
}

/* X tylko wizualny */
.lb .close{
  position:absolute;
  top:10px;
  right:15px;
  font-size:70px;
  line-height:1;
  color:#fff;
  font-weight:bold;
  z-index:3;
  padding:0 8px;
  pointer-events:none;
}
/* ===== MOBILE: 2 miniatury w wierszu ===== */
@media (max-width: 640px){
  .gallery{
    gap:12px;
  }

  .gallery .item{
    flex: 0 0 calc(50% - 12px);
  }

  .gallery .thumb{
    width:100%;
    height:auto;
  }
}