/* Lightbox */
.lb-overlay {
    position: fixed; inset: 0;
    background: rgba(7, 7, 70, 0.92);
    display: none;
    z-index: 9999;
    align-items: center; justify-content: center;
    user-select: none;
}
.lb-overlay.open { display: flex; }
.lb-img {
    max-width: 92vw; max-height: 88vh;
    box-shadow: 0 4px 30px rgba(0,0,0,0.6);
    cursor: zoom-out;
}
.lb-btn {
    position: absolute;
    background: rgba(0,0,0,0.4);
    color: #fff; border: 0;
    font: bold 28px/1 'Arial', sans-serif;
    width: 48px; height: 48px;
    cursor: pointer;
    border-radius: 24px;
}
.lb-btn:hover { background: rgba(0,0,0,0.7); }
.lb-prev { left: 16px;  top: 50%; transform: translateY(-50%); }
.lb-next { right: 16px; top: 50%; transform: translateY(-50%); }
.lb-close { right: 16px; top: 16px; }
.lb-counter {
    position: absolute; left: 50%; bottom: 16px;
    transform: translateX(-50%);
    color: #fff; font: 14px/1 sans-serif;
    background: rgba(0,0,0,0.4); padding: 4px 10px; border-radius: 10px;
}
@media (max-width: 600px) {
    .lb-btn { width: 40px; height: 40px; font-size: 22px; }
}