.lb-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.8); display: none; align-items: center; justify-content: center; z-index: 1000; }
.lb-backdrop.open { display: flex; }
.lb-content { max-width: 92vw; max-height: 90vh; position: relative; }
.lb-content img { max-width: 100%; max-height: 90vh; display: block; }
.lb-close, .lb-prev, .lb-next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.6); border: 1px solid #ffffff22; color: #fff; padding: 8px 10px; cursor: pointer; border-radius: 8px; user-select: none; }
.lb-close { top: 10px; right: 10px; transform: none; }
.lb-prev { left: -50px; }
.lb-next { right: -50px; }
@media (max-width: 720px) { .lb-prev { left: 10px; } .lb-next { right: 10px; } }