.p3db,.p3db *{box-sizing:border-box}
.p3db{width:100%;font-family:IRANSansX,Tahoma,sans-serif;text-align:center;direction:rtl}
.p3db [hidden]{display:none!important}
.p3db button{font-family:inherit;cursor:pointer}
.p3db .p3db-closed{padding:12px 0}
.p3db .p3db-cover-button,.p3db .p3db-cover-button:hover,.p3db .p3db-cover-button:focus,.p3db .p3db-cover-button:active{display:inline-block;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;outline-offset:5px;max-width:min(400px,85vw);line-height:0}
.p3db .p3db-cover-button{transition:transform .25s}
.p3db .p3db-cover-button:hover{transform:translateY(-6px)}
.p3db .p3db-cover-button img{display:block;max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(10px 12px 12px #0004)}
.p3db .p3db-cover-hint{font-size:13px;margin-top:15px;color:#777}
.p3db .p3db-open{width:100%}
.p3db .p3db-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:0 0 18px}
.p3db .p3db-controls button{border:1px solid #b8a88b;border-radius:6px;padding:8px 14px;background:#fff;color:#28453d}
.p3db .p3db-controls button:hover{background:#f6f1e8}
.p3db .p3db-counter{font-size:13px;color:#666;min-width:65px}
.p3db .p3db-stage{width:100%;display:flex;justify-content:center;align-items:center;overflow:visible;min-height:650px;perspective:2000px}
.p3db .p3db-flip{transform:scaleX(-1);flex:none;margin:0 auto;visibility:visible;max-width:100%}
.p3db .p3db-page{background:#fffdf8;border:1px solid #e5dccb;overflow:hidden}
.p3db .p3db-page-inner{transform:scaleX(-1);height:100%;box-sizing:border-box;padding:clamp(16px,3vw,32px);overflow:auto;text-align:right;direction:rtl;color:#242424;font-family:IRANSansX,Tahoma,sans-serif;line-height:2}
.p3db .p3db-page-inner h2{font-size:clamp(17px,2vw,24px);margin:0 0 15px;line-height:1.6}
.p3db .p3db-content{font-size:clamp(12px,1.4vw,15px);overflow-wrap:anywhere}
.p3db .p3db-content img,.p3db .p3db-page-image{max-width:100%;height:auto}
.p3db .p3db-page-image{display:block;margin:14px auto}
.p3db .p3db-page-inner p{margin:0 0 12px}
@media(max-width:740px){.p3db .p3db-stage{min-height:530px}.p3db .p3db-controls button{font-size:12px;padding:7px 9px}.p3db .p3db-page-inner{padding:15px}}

.p3db .p3db-flip .stf__parent{margin:0 auto!important}
.p3db .p3db-page-blank{background:#fffdf8}

/* v1.4: visual-only refinement; PageFlip JavaScript unchanged. */
.p3db{width:100%;max-width:none;min-width:0;overflow:visible}
.p3db .p3db-closed{width:100%;padding:8px 0 18px}
.p3db .p3db-cover-button,.p3db .p3db-cover-button:hover,.p3db .p3db-cover-button:focus,.p3db .p3db-cover-button:active{width:min(100%,570px);max-width:none;transform-origin:center bottom}
.p3db .p3db-cover-button img{width:100%;height:auto;max-width:570px;max-height:680px;object-fit:contain;filter:drop-shadow(16px 23px 15px rgba(14,30,28,.27));transition:filter .3s ease,transform .3s ease}
.p3db .p3db-cover-button:hover img{filter:drop-shadow(18px 27px 20px rgba(14,30,28,.33));transform:translateY(-4px)}
.p3db .p3db-cover-hint{color:#927c5c;font-size:13px;letter-spacing:0;margin-top:8px}
.p3db .p3db-open{width:100%;min-width:0}
.p3db .p3db-stage{width:100%;min-width:0;min-height:clamp(450px,52vw,710px);padding:10px 0 24px;overflow:visible;filter:drop-shadow(0 22px 20px rgba(18,32,29,.20))}
.p3db .p3db-flip{max-width:100%;filter:none}
.p3db .p3db-page{background:linear-gradient(100deg,#f5f0e7 0%,#fffdf8 8%,#fffdf8 89%,#f1e9dc 100%);border-color:#e9dfcd;box-shadow:inset 0 0 14px rgba(113,86,52,.055)}
.p3db .p3db-page-inner{padding:clamp(18px,2.6vw,35px);color:#1c2e2b;line-height:2.05}
.p3db .p3db-page-inner h2{font-weight:700;color:#102e2c;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid rgba(174,136,73,.42)}
.p3db .p3db-content{line-height:2.1}
.p3db .p3db-controls{margin-bottom:12px;gap:10px}
.p3db .p3db-controls button{border:1px solid #c8b79b;background:#f9f6f0;border-radius:999px;padding:8px 17px;color:#193b37;transition:background .2s,box-shadow .2s}
.p3db .p3db-controls button:hover{background:#efe6d7;box-shadow:0 3px 9px #1a30241c}
.p3db .p3db-counter{font-variant-numeric:tabular-nums;color:#7b705e}
@media(max-width:1024px){.p3db .p3db-cover-button,.p3db .p3db-cover-button:hover,.p3db .p3db-cover-button:focus,.p3db .p3db-cover-button:active{width:min(100%,500px)}.p3db .p3db-cover-button img{max-width:500px;max-height:590px}}
@media(max-width:740px){.p3db .p3db-closed{padding:8px 0 16px}.p3db .p3db-cover-button,.p3db .p3db-cover-button:hover,.p3db .p3db-cover-button:focus,.p3db .p3db-cover-button:active{width:min(100%,420px)}.p3db .p3db-cover-button img{max-width:420px;max-height:510px}.p3db .p3db-stage{min-height:clamp(360px,120vw,570px);padding:6px 0 15px}.p3db .p3db-controls{gap:5px}.p3db .p3db-controls button{padding:7px 10px;font-size:11px}.p3db .p3db-counter{min-width:45px;font-size:11px}.p3db .p3db-page-inner{padding:15px}.p3db .p3db-page-inner h2{font-size:17px}.p3db .p3db-content{font-size:12px}}
@media(max-width:400px){.p3db .p3db-controls{gap:4px}.p3db .p3db-controls button{padding:6px 7px;font-size:10px}.p3db .p3db-page-inner{padding:11px}.p3db .p3db-page-inner h2{font-size:15px}.p3db .p3db-content{font-size:11px}}
@media(prefers-reduced-motion:reduce){.p3db .p3db-cover-button img,.p3db .p3db-controls button{transition:none}}

/* v1.6: realistic details ONLY on stationary layers; never filter/transform the PageFlip mount. */
.p3db .p3db-stage{position:relative;isolation:isolate;filter:none;overflow-anchor:none}
.p3db .p3db-stage::before{content:"";position:absolute;bottom:8px;left:12%;right:12%;height:30px;border-radius:50%;background:rgba(18,31,28,.22);filter:blur(18px);pointer-events:none;z-index:-1}
.p3db .p3db-page{background:linear-gradient(90deg,#f3eadc 0%,#fffdf8 5%,#fffdf8 89%,#f0e6d6 100%);box-shadow:inset 0 0 12px rgba(92,67,39,.065)}
.p3db .p3db-page-inner{background:repeating-linear-gradient(0deg,transparent 0px,transparent 11px,rgba(130,100,60,.008) 12px)}
.p3db .p3db-open,.p3db .p3db-controls{overflow-anchor:none}
.p3db .p3db-controls button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:740px){.p3db .p3db-stage::before{left:8%;right:8%;height:20px;filter:blur(12px)}.p3db .p3db-stage{overflow:visible}}

/* v1.7 mobile containment: keep PageFlip's animated canvas inside the reader. */
@media (max-width:740px) {
  .p3db { width:100%; max-width:100%; min-width:0; overflow:hidden; overflow:clip; contain:layout; }
  .p3db .p3db-open { width:100%; max-width:100%; overflow:hidden; overflow:clip; }
  .p3db .p3db-stage { box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:0!important; padding:6px 0 12px; overflow:hidden!important; overflow:clip!important; display:flex; align-items:flex-start; justify-content:center; perspective:none; }
  .p3db .p3db-flip { flex:0 0 auto; max-width:100%; margin:0 auto; }
  .p3db .p3db-controls { max-width:100%; }
  .p3db .p3db-page-inner { overscroll-behavior:contain; }
  .p3db .p3db-stage::before { display:none; }
}

/* v1.8: disabled book cover state */
.p3db .p3db-cover-button:disabled,.p3db .p3db-cover-button.p3db-cover-disabled{cursor:default!important;pointer-events:none;transform:none!important;opacity:1}
.p3db .p3db-cover-disabled img{filter:drop-shadow(16px 23px 15px rgba(14,30,28,.27))!important;transform:none!important}
.p3db .p3db-disabled .p3db-cover-hint{color:#927c5c}