.flip-wrap{ background:#111; position:relative; }
.flipbook{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:0; background:#f6f2e8; }
.flip-page{ min-width:100%; height:70vh; scroll-snap-align:start; display:flex; align-items:center; justify-content:center; }
.flip-page img, .flip-page canvas{ width:100%; height:100%; object-fit:contain; background:#f6f2e8; }
.flip-controls{
  position:absolute; bottom:10px; left:50%; transform:translateX(-50%);
  display:flex; align-items:center; gap:.5rem; background:rgba(0,0,0,.5);
  padding:.35rem .6rem; border-radius:.6rem; color:#fff;
}
@media (max-width:576px){ .flip-page{ height:65vh; } }