/* Lightbox only */
.bd-pzl-lightbox{
  position:fixed; inset:0;
  background:rgba(2,6,23,.7);
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  opacity:0; visibility:hidden;
  transition:opacity .2s ease, visibility .2s ease;
  z-index:999999;
  padding:24px;
}
.bd-pzl-lightbox.is-open{opacity:1; visibility:visible}
.bd-pzl-no-scroll{overflow:hidden}

.bd-pzl-stage{
  width:min(100%,1080px);
  max-height:72vh;
  display:flex; align-items:center; justify-content:center;
  outline:none;
}
.bd-pzl-img{
  max-width:100%;
  max-height:72vh;
  height:auto; width:auto;
  border-radius:14px;
  box-shadow:0 10px 40px rgba(0,0,0,.45);
  display:block;
}
.bd-pzl-caption{
  margin-top:14px;
  width:min(100%,1080px);
  color:#f8fafc;
  font-size:16px;
  line-height:1.5;
  text-align:center;
  opacity:.95;
  padding:6px 2px;
}

.bd-pzl-close{
  position:absolute; top:16px; right:16px;
  width:44px; height:44px;
  border:none; border-radius:999px;
  cursor:pointer;
  background:rgba(30,41,59,.9);
  color:#fff;
  font-size:26px;
  line-height:1;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}
.bd-pzl-nav{
  position:absolute; top:50%;
  transform:translateY(-50%);
  width:48px; height:48px;
  border:none; border-radius:999px;
  background:rgba(30,41,59,.9);
  color:#fff;
  font-size:22px;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}
.bd-pzl-prev{left:16px}
.bd-pzl-next{right:16px}

@media (max-width:768px){
  .bd-pzl-stage{max-height:60vh}
  .bd-pzl-img{max-height:60vh}
}