/*!
 * smit-lightbox — просмотр картинок поверх страницы с листанием.
 * Пара с smit-lightbox.js. Один экземпляр на страницу.
 */
.smit-lb {
  position: fixed; inset: 0; z-index: 3200; display: none;
  align-items: center; justify-content: center; flex-direction: column;
  padding: 24px; background: rgba(12, 16, 21, .93);
}
.smit-lb.is-open { display: flex; }
.smit-lb-img {
  max-width: 92vw; max-height: 80vh; object-fit: contain;
  border-radius: var(--radius-sm); box-shadow: var(--shadow-lg); background: #0d1117;
}
.smit-lb-bar {
  margin-top: 12px; display: flex; gap: 12px; align-items: center;
  color: #e7edf3; font-size: var(--sc-fz-sm, .82rem); max-width: 92vw;
}
.smit-lb-cap { text-align: center; }
.smit-lb-num { color: #9fb0c0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.smit-lb-dl {
  color: #fff; background: rgba(255, 255, 255, .14); border-radius: var(--radius-sm);
  padding: 5px 12px; text-decoration: none; white-space: nowrap;
}
.smit-lb-dl:hover { background: rgba(255, 255, 255, .28); color: #fff; }
.smit-lb-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 52px; height: 52px; border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, .14); color: #fff; cursor: pointer;
  font-size: var(--sc-fz-xl, 1.1rem);
  display: flex; align-items: center; justify-content: center;
}
.smit-lb-nav:hover { background: rgba(255, 255, 255, .3); }
.smit-lb-nav[hidden] { display: none; }
.smit-lb-prev { left: 18px; }
.smit-lb-next { right: 18px; }
.smit-lb-x {
  position: absolute; top: 18px; right: 22px; width: 40px; height: 40px;
  border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14);
  color: #fff; font-size: var(--sc-fz-2xl, 1.3rem); cursor: pointer;
}
.smit-lb-x:hover { background: rgba(255, 255, 255, .3); }
.smit-lb :focus-visible { outline: 2px solid #7bd6a6; outline-offset: 2px; }

@media (max-width: 575.98px) {
  .smit-lb { padding: 12px; }
  .smit-lb-nav { width: 44px; height: 44px; }
  .smit-lb-prev { left: 6px; }
  .smit-lb-next { right: 6px; }
  .smit-lb-img { max-height: 66vh; }
}
@media (prefers-reduced-motion: reduce) {
  .smit-lb, .smit-lb-img { transition: none !important; }
}