.lb-overlay { position: fixed; inset: 0; background: rgba(8,8,10,0.96); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 20px; }
.lb-overlay.is-open { display: flex; }
.lb-stage { position: relative; max-width: 95vw; max-height: 95vh; display: flex; align-items: center; justify-content: center; }
.lb-stage img.lb-img { max-width: 95vw; max-height: 90vh; display: block; box-shadow: 0 8px 40px rgba(0,0,0,0.7); }
.lb-ad-slide { background: var(--bg-card, #1c1c22); border: 1px solid var(--border, #2a2a32); padding: 32px; border-radius: 12px; width: min(92vw, 520px); text-align: center; color: var(--fg, #ececf0); }
.lb-ad-slide img { max-width: 70%; aspect-ratio: 2/3; object-fit: cover; margin: 0 auto 20px; box-shadow: 0 8px 30px rgba(0,0,0,0.7); }
.lb-ad-slide h3 { margin: 0 0 8px; font-size: 22px; }
.lb-ad-slide p { color: var(--fg-dim, #9a9aa6); margin: 0 0 20px; font-size: 14px; }
.lb-ad-slide a { display: inline-block; background: var(--accent, #b8336a); color: #fff; padding: 10px 22px; border-radius: 6px; font-size: 14px; letter-spacing: 0.5px; }
.lb-close, .lb-prev, .lb-next { position: absolute; background: rgba(20,20,24,0.7); color: #fff; border: none; cursor: pointer; font-size: 22px; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.15s ease; }
.lb-close:hover, .lb-prev:hover, .lb-next:hover { background: rgba(184, 51, 106, 0.9); }
.lb-close { top: 16px; right: 16px; }
.lb-prev  { left: 16px; top: 50%; transform: translateY(-50%); }
.lb-next  { right: 16px; top: 50%; transform: translateY(-50%); }
.lb-counter { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); color: var(--fg-dim, #9a9aa6); font-size: 12px; background: rgba(20,20,24,0.7); padding: 4px 10px; border-radius: 999px; }
@media (max-width: 600px) {
  .lb-prev, .lb-next, .lb-close { width: 38px; height: 38px; font-size: 18px; }
}