.mcpro-flipbook{position:relative;max-width:100%;overflow:hidden;background:#111;color:#fff;border-radius:8px}
.mcpro-flipbook .mcpro-flipbook-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.mcpro-flipbook .mcpro-flipbook-placeholder{opacity:.7}
.mcpro-flipbook .page{display:flex;align-items:center;justify-content:center;background:#fff}
.mcpro-flipbook .mcpro-page{display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.mcpro-flipbook .page img,.mcpro-flipbook .mcpro-page img{max-width:100%;max-height:100%;display:block}

/* turn.js container */
.mcpro-turn-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#0e0e0e,#141414)}
.mcpro-flipbook-container{position:relative}
.mcpro-flipbook-container .turn-page{background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.45)}
/* Interaction hints */
.mcpro-flipbook-container{cursor:grab}
.mcpro-flipbook-container:active{cursor:grabbing}
.mcpro-flipbook-container .turn-page:hover{filter:brightness(1.01)}

/* Realistic center spine */
.mcpro-spine{position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translateX(-50%);pointer-events:none;
	background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 48%, rgba(255,255,255,.15) 50%, rgba(0,0,0,.45) 52%, rgba(0,0,0,0) 100%)}

/* Inner page shading near the spine */
.mcpro-flipbook-container .turn-page:before{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;
	background:linear-gradient(90deg, rgba(0,0,0,.15), rgba(0,0,0,0));opacity:.5}
.mcpro-flipbook-container[dir="rtl"] .turn-page:before{right:auto;left:0;transform:none}
.mcpro-flipbook-container .turn-page:nth-child(odd):before{left:0}
.mcpro-flipbook-container .turn-page:nth-child(even):before{right:0;left:auto;transform:scaleX(-1)}

/* Navigation arrows */
.mcpro-turn-prev,.mcpro-turn-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,.6);color:#fff;border:0;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;transition:background .2s}
.mcpro-turn-prev:hover,.mcpro-turn-next:hover{background:rgba(0,0,0,.85)}
.mcpro-turn-prev{left:10px}
.mcpro-turn-next{right:10px}

/* Modal overlay for inline flipbook */
.mcpro-flipbook-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;z-index:99999}
.mcpro-flipbook-modal.show{display:flex}
.mcpro-flipbook-modal .mcpro-flip-wrap{position:relative;width:min(1200px,95vw);height:min(90vh,900px);background:#111;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.mcpro-flipbook-modal .mcpro-close{position:absolute;top:8px;right:8px;z-index:2;background:#000c;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:24px;line-height:1}
.mcpro-flipbook-modal[dir="rtl"] .mcpro-close{left:8px;right:auto}