/* Крупный просмотр фото (lightbox.js) */
.lightbox {
  width:min(1100px,94vw);
  max-width:none;
  max-height:94vh;
  padding:0;
  border:0;
  border-radius:12px;
  background:#111;
  color:#f2f2f2;
  overflow:hidden
}
.lightbox::backdrop {
  background:rgba(0,0,0,.75)
}
.lb-figure {
  margin:0;
  display:grid;
  justify-items:center;
  gap:8px;
  padding:16px 64px 14px
}
.lb-img {
  max-width:100%;
  max-height:calc(94vh - 90px);
  object-fit:contain;
  border-radius:6px;
  cursor:pointer
}
.lb-cap {
  font-size:var(--fs-body,1rem);
  text-align:center
}
.lb-count {
  font-size:var(--fs-note,.875rem);
  color:#bdbdbd
}
.lb-nav,.lb-close {
  position:absolute;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  min-height:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer
}
.lb-nav:hover,.lb-close:hover {
  background:rgba(255,255,255,.25)
}
.lb-nav {
  top:50%;
  transform:translateY(-50%)
}
.lb-prev {
  left:10px
}
.lb-next {
  right:10px
}
.lb-close {
  top:10px;
  right:10px;
  font-size:26px
}
@media(max-width:700px) {
  .lb-figure {
    padding:56px 8px 12px
  }
  .lb-nav {
    top:auto;
    bottom:8px;
    transform:none
  }
}