/* Gallery Header */

.gallery-header{
text-align:center;
margin-bottom:40px;
}


.gallery-header h2{
font-size:32px;
font-weight:700;
color:#111827;
}


.gallery-header p{
color:#64748b;
}



/* Gallery Grid */

.gallery-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}



.gallery-item{

overflow:hidden;
border-radius:18px;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.08);
cursor:pointer;

}



.gallery-item img{

width:100%;
height:280px;
object-fit:cover;
display:block;
transition:.4s;

}



.gallery-item:hover img{

transform:scale(1.08);

}



/* Lightbox */


#photoViewer{

display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.92);
z-index:99999;
align-items:center;
justify-content:center;
padding:20px;

}



#bigImage{

max-width:90%;
max-height:90%;
border-radius:15px;
box-shadow:0 20px 50px rgba(0,0,0,.5);

}



.close-btn{

position:absolute;
top:25px;
right:35px;
background:none;
border:none;
font-size:55px;
color:white;
cursor:pointer;

}



/* Mobile */

@media(max-width:768px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);
gap:15px;

}


.gallery-item img{

height:180px;

}

}



@media(max-width:480px){

.gallery-grid{

grid-template-columns:1fr;

}


.gallery-item img{

height:250px;

}

}