.gallery-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}

.gallery-container img {
width: 200px;
height: auto;
border-radius: 5px;
transition: 0.3s;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.gallery-container img:hover {
transform: scale(1.05);
}

/* Lightbox تأثير التكبير */
#lightbox-overlay {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.8);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}

#lightbox-overlay img {
max-width: 90%;
max-height: 90%;
border: 3px solid white;
border-radius: 8px;
}

function openLightbox(src) {
document.getElementById(‘lightbox-img’).src = src;
document.getElementById(‘lightbox-overlay’).style.display = ‘flex’;
}

function closeLightbox() {
document.getElementById(‘lightbox-overlay’).style.display = ‘none’;
}