.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.page-grid a{display:block;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:.6rem;overflow:hidden;background:rgba(255,255,255,.04)}
.page-grid img{width:100%;height:300px;object-fit:cover;display:block}
.page-grid .page-num{position:absolute;bottom:6px;right:8px;background:rgba(0,0,0,.55);padding:.2rem .45rem;border-radius:.4rem;font-size:.85rem}

#fb-overlay{visibility:hidden;z-index:9999}
#fb-overlay.open{visibility:visible}
.fb-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.86);opacity:0;transition:opacity .2s}
#fb-overlay.open .fb-backdrop{opacity:1}
.fb-frame{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:10px}
.fb-book{display:flex;gap:12px;align-items:center;justify-content:center;max-width:94vw;max-height:90vh;pointer-events:auto}
.fb-page{width:46vw;height:84vh;max-width:720px;max-height:90vh;background:#111;border-radius:.5rem;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.6);transform-origin:left center;transition:transform .25s}
.fb-page img{width:100%;height:100%;object-fit:contain;background:#111}

.fb-single .fb-page{width:90vw;height:86vh;max-width:900px}
.fb-btn{position:fixed;top:16px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.55);color:#fff;font-size:24px;line-height:1;padding:.6rem .8rem;border-radius:.6rem;cursor:pointer;pointer-events:auto;z-index:5}
.fb-close{right:16px}
.fb-prev{left:12px;top:50%;transform:translateY(-50%)}
.fb-next{right:12px;top:50%;transform:translateY(-50%)}

@media (max-width:768px){
  .fb-img{max-width:96vw;max-height:82vh}
  .fb-btn{font-size:22px;padding:.5rem .7rem}
}

/* Small note under preview */
.menu-note{opacity:.85;font-size:.95rem;margin-top:.6rem}