/* Просмотр фото в попапе (public/js/lightbox.js) */
.lb{position:fixed;inset:0;z-index:10000;display:grid;grid-template-rows:auto 1fr auto;background:rgba(6,10,28,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;-webkit-user-select:none;user-select:none}
.lb[hidden]{display:none}
.lb-lock,.lb-lock body{overflow:hidden}
.lb-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
.lb-count{font-size:14px;font-variant-numeric:tabular-nums;opacity:.8}
.lb-close{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.lb-close:hover{background:rgba(255,255,255,.2)}
.lb-stage{position:relative;display:grid;place-items:center;min-height:0;padding:0 72px}
.lb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;transition:opacity .2s,transform .2s;touch-action:pan-y}
.lb-img.lb-loading{opacity:.35}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:34px;line-height:1;cursor:pointer;padding-bottom:4px}
.lb-nav:hover{background:rgba(255,255,255,.24)}
.lb-prev{left:12px}
.lb-next{right:12px}
.lb-single .lb-nav{display:none}
.lb-thumbs{display:flex;gap:8px;justify-content:safe center;overflow-x:auto;padding:14px 18px 18px;scrollbar-width:none}
.lb-thumbs::-webkit-scrollbar{display:none}
.lb-thumbs button{flex:0 0 auto;width:72px;height:52px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.55;transition:opacity .15s}
.lb-thumbs button:hover{opacity:.85}
.lb-thumbs button.on{opacity:1;border-color:#fff}
.lb-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.lb button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:700px){
  .lb-stage{padding:0}
  .lb-img{border-radius:0}
  .lb-nav{display:none}
  .lb-thumbs button{width:56px;height:42px}
}

/* Галерея студии: плитки открывают просмотр */
.sprof-gal-item{display:block;overflow:hidden;cursor:zoom-in;background:var(--surface2)}
.sprof-gal-item img{display:block;width:100%;height:auto;transition:transform .3s}
.sprof-gal-item:hover img{transform:scale(1.03)}