/* ABUBA premium page turning viewer */
.flip-shell{background:linear-gradient(135deg,#15211a,#263c2d 58%,#111d16);border-radius:22px;padding:22px 18px 18px;box-shadow:0 20px 55px #07120a30;color:white;overflow:hidden}
.flip-stage{display:flex;align-items:center;justify-content:center;min-height:460px;position:relative;overflow:hidden}
#realFlip{margin:auto;filter:drop-shadow(0 16px 14px #0008)}
#realFlip .page{background:#fff;overflow:hidden;border:1px solid #ddd;}
#realFlip .page img{width:100%;height:100%;object-fit:contain;display:block;background:white;user-select:none;pointer-events:none}
#realFlip .page.--left{box-shadow:inset -12px 0 18px #0002}
#realFlip .page.--right{box-shadow:inset 12px 0 18px #0002}
.flip-tools{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.flip-tools button{border:1px solid #ffffff55;background:#ffffff18;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}
.flip-tools button:hover{background:#ffffff30}
.flip-tools .flip-count{font-size:14px;min-width:125px;text-align:center}
.flip-hint{text-align:center;color:#ffffffbb;font-size:13px;margin:10px 0 0}
.flip-thumbs{display:flex;gap:8px;overflow:auto;padding:14px 0 3px;scrollbar-width:thin}
.flip-thumbs button{border:2px solid transparent;border-radius:7px;background:#fff2;padding:2px;flex:none;cursor:pointer}
.flip-thumbs button.active{border-color:#f3c44b}
.flip-thumbs img{height:65px;width:46px;object-fit:cover;display:block;border-radius:3px}
.flip-fallback{display:none;max-width:580px;margin:auto;text-align:center}
.flip-fallback img{max-width:100%;max-height:65vh;object-fit:contain;background:#fff}
.flip-fallback.visible{display:block}
@media(max-width:700px){.flip-shell{padding:12px 8px;border-radius:12px}.flip-stage{min-height:390px}.flip-tools{gap:7px}.flip-tools button{padding:9px}.flip-thumbs img{height:52px;width:37px}}