.lightbox-prev,
.lightbox-next {
  position: fixed;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 68px;
  border: 1px solid #d5a72d88;
  background: #050505bb;
  color: #e7b42e;
  font-size: 44px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(5px);
}
.lightbox-prev { left: clamp(10px, 3vw, 42px); }
.lightbox-next { right: clamp(10px, 3vw, 42px); }
.lightbox-counter {
  position: fixed;
  z-index: 3;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  margin: 0;
  color: #e7b42e;
  font: 12px Arial, sans-serif;
  letter-spacing: .2em;
}
.lightbox.single .lightbox-prev,
.lightbox.single .lightbox-next,
.lightbox.single .lightbox-counter { display: none; }
@media (max-width: 700px) {
  .lightbox-prev,
  .lightbox-next { width: 42px; height: 58px; font-size: 36px; background: #05050599; }
  .lightbox-prev { left: 5px; }
  .lightbox-next { right: 5px; }
  .lightbox-close { position: fixed; right: 12px; top: 8px; z-index: 4; }
  .lightbox img { max-width: 96vw; max-height: 88vh; }
}