.module-gallery{
width:100%;
}

.module-gallery .gallery-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:16px;

margin-top:10px;

}

.module-gallery .gallery-img{

width:100%;

height:200px;

object-fit:cover;

border-radius:10px;

cursor:pointer;

transition:0.25s;

}

.module-gallery .gallery-img:hover{

transform:scale(1.05);

box-shadow:0 6px 20px rgba(0,0,0,0.4);

}

/* LIGHTBOX */

.gallery-lightbox{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.9);

display:none;

align-items:center;
justify-content:center;

z-index:999;

}

.gallery-lightbox img{

max-width:90%;
max-height:90%;

border-radius:8px;

}

.gallery-lightbox img.show{
opacity:1;
}

/* CLOSE BUTTON */

.gallery-close{

position:absolute;

top:20px;
right:30px;

font-size:32px;

background:none;
border:none;

color:white;

cursor:pointer;

z-index:2000;

}

.gallery-close:hover{

color:var(--atc-blue);

transform:scale(1.1);

}

/* ARROWS */

.gallery-arrow{

position:absolute;

top:50%;

transform:translateY(-50%);

font-size:40px;

background:none;
border:none;

color:white;

cursor:pointer;

padding:10px;

z-index:1000;

}

.gallery-arrow.left{
left:20px;
}

.gallery-arrow.right{
right:20px;
}

/* HOVER */

.gallery-arrow:hover,
.gallery-close:hover{

color:#5aa9ff;

}

/* NAWIGACJA */

.gallery-pagination{

margin-top:20px;

display:flex;

justify-content:center;

gap:10px;

}

.gallery-pagination a{

padding:6px 10px;

border:1px solid var(--border);

border-radius:6px;

text-decoration:none;

color:var(--text);

font-size:14px;

}

.gallery-pagination a:hover{

color:var(--atc-blue);

border-color:var(--atc-blue);

}

.gallery-pagination a.active{

color:var(--atc-blue);

border-color:var(--atc-blue);

}