/* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Poppins', sans-serif;
}

body{
  background:#0b0b0b;
  color:white;
}

/* TITLE */
.title{
  text-align:center;
  margin:25px 0;
  font-size:30px;
  letter-spacing:1px;
}

/* GRID PLUS PRO */
.gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
  gap:12px;
  padding:12px;
}

/* IMAGE (PLUS GRAND + PREMIUM) */
.item{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:12px;
  cursor:pointer;
  transition:0.35s ease;
}

.item:hover{
  transform:scale(1.06);
  filter:brightness(1.15);
}

/* LIGHTBOX */
.lightbox{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.95);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:999;
}

/* IMAGE GRAND */
.lightbox-img{
  max-width:95%;
  max-height:85%;
  border-radius:12px;
  animation:zoom 0.3s ease;
}

@keyframes zoom{
  from{transform:scale(0.8); opacity:0;}
  to{transform:scale(1); opacity:1;}
}

/* CLOSE */
.close{
  position:absolute;
  top:15px;
  right:20px;
  font-size:35px;
  cursor:pointer;
}

/* NAV */
.nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:35px;
  cursor:pointer;
  padding:10px;
}

.prev{ left:10px; }
.next{ right:10px; }

/* MOBILE */
@media(max-width:600px){
  .item{
    height:160px;
  }
}