.article-content .article-img{cursor:zoom-in}

.lb-overlay{position:fixed;inset:0;background:rgba(8,10,14,.92);display:flex;align-items:center;justify-content:center;z-index:2000;padding:56px 24px;opacity:0;visibility:hidden;transition:opacity .2s ease}
.lb-overlay.lb-open{opacity:1;visibility:visible}
.lb-overlay[hidden]{display:none}
.lb-figure{position:relative;max-width:92vw;max-height:88vh;display:flex;align-items:center;justify-content:center}
.lb-image{max-width:92vw;max-height:88vh;width:auto;height:auto;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.55);display:block}

.lb-btn{position:fixed;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;line-height:1}
.lb-btn:hover{background:rgba(255,255,255,.18)}
.lb-btn:focus-visible{outline:2px solid #EB6E17;outline-offset:2px}

.lb-close{top:18px;right:18px;width:44px;height:44px;font-size:22px}
.lb-prev,.lb-next{top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:26px}
.lb-prev{left:14px}
.lb-next{right:14px}
.lb-prev:hover,.lb-next:hover{transform:translateY(-50%) scale(1.06)}

.lb-counter{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:#e6edf5;font-family:'Poppins',sans-serif;font-size:13px;letter-spacing:.4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 14px}

@media(max-width:640px){
  .lb-overlay{padding:70px 16px}
  .lb-close{top:10px;right:10px;width:40px;height:40px;font-size:20px}
  .lb-prev,.lb-next{width:42px;height:42px;font-size:22px}
  .lb-prev{left:6px}
  .lb-next{right:6px}
}