/* FEARX Food Map - lightbox.css
 * Shared lightbox/gallery viewer styles for both /map and /kitchen.
 */
  /* LIGHTBOX GALLERY */
  .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;z-index:10000;touch-action:pan-y;user-select:none}
  .lightbox.open{display:flex}
  .lb-img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6);transition:opacity .15s ease}
  .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:32px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;backdrop-filter:blur(6px);transition:background .15s}
  .lb-nav:hover{background:rgba(255,255,255,.24)}
  .lb-nav:disabled{opacity:.25;cursor:default}
  .lb-prev{left:20px}
  .lb-next{right:20px}
  .lb-close{position:absolute;top:16px;right:18px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:22px;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
  .lb-close:hover{background:rgba(255,255,255,.24)}
  .lb-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:700;background:rgba(0,0,0,.45);padding:5px 14px;border-radius:14px;backdrop-filter:blur(6px)}
  .lb-title{position:absolute;top:20px;left:20px;color:#fff;font-size:14px;font-weight:700;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,.45);padding:6px 12px;border-radius:10px;backdrop-filter:blur(6px)}
  .lb-subtitle{position:absolute;top:54px;left:20px;color:#fff;font-size:12px;font-weight:600;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(215,20,31,.6);padding:4px 11px;border-radius:9px;backdrop-filter:blur(6px);letter-spacing:.1px}
  @media (max-width:600px){
    .lb-nav{width:44px;height:44px;font-size:26px}
    .lb-prev{left:8px}
    .lb-next{right:8px}
    .lb-close{top:10px;right:10px;width:36px;height:36px;font-size:19px}
    .lb-title{top:12px;left:12px;font-size:12px;max-width:50vw}
    .lb-subtitle{top:42px;left:12px;font-size:11px;max-width:60vw;padding:3px 9px}
    .lb-counter{bottom:12px;font-size:11px}
  }