/* Full-screen photo gallery, shared by the shop and the staff pages (see gallery.js). */
.lb{position:fixed;inset:0;z-index:100;background:#000;color:#fff;display:flex;flex-direction:column;
  padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.lb button{font-family:inherit;color:#fff;cursor:pointer}
.lb :focus-visible{outline:2px solid #00A8FF;outline-offset:2px}
.lb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #1E1E1E;flex:none}
.lb-count{font-weight:600;font-variant-numeric:tabular-nums}
.lb-tools{display:flex;align-items:center;gap:8px}
.lb-zoom{display:flex;align-items:center;border:1px solid #333}
.lb-zoom button{width:40px;height:40px;border:0;background:transparent;font-size:1.3rem}
.lb-zoom button:disabled{opacity:.35;cursor:default}
.lb-level{min-width:52px;text-align:center;font-size:.85rem;font-variant-numeric:tabular-nums}
.lb-text{border:1px solid #333;background:transparent;height:42px;padding:0 14px;font-weight:600}
.lb-text:hover{border-color:#FF6A1F}
.lb-close{width:44px;height:44px;border:0;background:transparent;font-size:2rem;line-height:1}
.lb-close:hover{color:#FF6A1F}
.lb-view{position:relative;flex:1;min-height:0}
.lb-stage{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none}
.lb-stage.zoomed{cursor:grab}
.lb-stage.zoomed:active{cursor:grabbing}
.lb-stage img{max-width:100%;max-height:100%;width:auto;height:auto;transform-origin:center center;will-change:transform;-webkit-user-drag:none}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:80px;border:0;background:rgba(255,255,255,.08);font-size:2.4rem;line-height:1;display:flex;align-items:center;justify-content:center}
.lb-nav:hover{background:rgba(255,255,255,.18)}
.lb-nav.prev{left:8px}
.lb-nav.next{right:8px}
.lb-tip{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);margin:0;font-size:.8rem;color:#A3A3A3;background:rgba(0,0,0,.6);padding:4px 10px;pointer-events:none;white-space:nowrap}
@media (hover:none){.lb-nav{display:none}}
.lb-strip{flex:none;display:flex;gap:6px;padding:10px 14px;overflow-x:auto;border-top:1px solid #1E1E1E}
.lb-strip button{flex:none;width:88px;aspect-ratio:4/3;border:2px solid transparent;padding:0;background:#111;opacity:.6}
.lb-strip button[aria-current="true"]{border-color:#FF6A1F;opacity:1}
.lb-strip button:hover{opacity:1}
.lb-strip img,.lb-grid img{width:100%;height:100%;object-fit:contain;display:block}
.lb-grid{flex:1;overflow:auto;padding:14px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start}
.lb-grid button{aspect-ratio:4/3;border:1px solid #222;padding:0;background:#111}
.lb-grid button:hover{border-color:#FF6A1F}
.lb [hidden],.lb[hidden]{display:none !important}