.page-service-gallery {
margin-top: 40px;
margin-bottom: 40px;
}

.page-service-gallery__title {
font-size: 1.35rem;
font-weight: 800;
color: var(--color1);
margin: 0 0 20px;
}

.gallery-item {
cursor: pointer;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.gallery-item img {
width: 100%;
height: 200px;
object-fit: cover;
transition: transform 0.3s;
border: none;
border-radius: 12px;
}

@media (min-width: 992px) {
.gallery-item img {
height: 240px;
}
}

.gallery-item:hover img {
transform: scale(1.1);
}

.lightbox {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.95);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}

.lightbox img {
max-width: 90%;
max-height: 90%;
}

.lightbox.active {
display: flex;
}

.close-btn {
position: absolute;
top: 20px;
right: 25px;
font-size: 32px;
color: #fff;
cursor: pointer;
}

body.no-scroll {
overflow: hidden;
}

.nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 40px;
color: #fff;
cursor: pointer;
padding: 10px;
user-select: none;
}

.prev {
left: 20px;
}

.next {
right: 20px;
}

.nav:hover {
color: #ccc;
}