.promo-subtitle{
max-width:700px;
/* font-size:18px; */
}

.promo-featured{
padding:60px 0;
}

.promo-featured-img{
border-radius:20px;
overflow:hidden;
box-shadow:0 20px 40px rgba(0,0,0,.1);
}

.promo-gallery{
padding:60px 0;
background: var(--bs-secondary-bg);
}

/* GALLERY */
.gallery-item{
position:relative;
border-radius:16px;
overflow:hidden;
cursor:pointer;
transition:.3s;
background: var(--bs-body-bg);

}

.gallery-item img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.gallery-item:hover{
transform:scale(1.05);
box-shadow:0 20px 40px rgba(0,0,0,.4);
}


.gallery-overlay{
position:absolute;
bottom:0;
left:0;
right:0;

display:flex;
align-items:flex-end;
justify-content:center;

padding:12px;
height:50%;

color:white;
font-size:14px;
font-weight:500;

background:linear-gradient(to top, rgba(0,0,0,.7), transparent);

opacity:0;
transition:.4s;
}

.gallery-item:hover .gallery-overlay{
opacity:1;
transform:translateY(0);
}

/* CTA */
.cta-box{
background:linear-gradient(90deg, #F58EAD, #D289FF);
color:white;
padding:60px;
border-radius:10px;
max-width:800px;
box-shadow:0 20px 40px rgba(0,0,0,.2);
}

/* LIGHTBOX */
.lightbox{
position:fixed;
inset:0;
background:rgba(0,0,0,.7);
backdrop-filter: blur(6px);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
}

.lightbox img{
max-width:80%;
max-height:80%;
border-radius:16px;
box-shadow:0 20px 60px rgba(0,0,0,.5);
}

/* STRELICE NA SLICI */
.lightbox-prev,
.lightbox-next{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:30px;
color:white;
background:rgba(0,0,0,.4);
border-radius:50%;
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:.2s;
}

.lightbox-prev:hover,
.lightbox-next:hover{
background:rgba(0,0,0,.7);
}

.lightbox-prev{
left:calc(50% - 45%); /* prati sliku */
}

.lightbox-next{
right:calc(50% - 45%);
}

/* CLOSE dugme */
.lightbox-close{
position:absolute;
top:30px;
right:40px;
font-size:30px;
color:white;
cursor:pointer;
}