/* AL AMANAH FLIPBOOK V1 — responsive public catalog and reading experience. */
:root{--fb-green:#075b3e;--fb-ink:#20382a;--fb-line:#dfebe3;--fb-muted:#718377}*{box-sizing:border-box}body{margin:0;color:var(--fb-ink);background:#f6f9f7;font-family:system-ui,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.fb-wrap{max-width:1150px;width:calc(100% - 32px);margin:auto}
.fb-head{background:#fff;border-bottom:1px solid var(--fb-line)}.fb-head-inner{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:12px}.fb-brand{display:flex;align-items:center;gap:11px;font-weight:830;color:#064a32;font-size:18px}.fb-brandmark{font-size:30px;color:#087f4f}.fb-brand small{display:block;color:#718b79;font-size:12px;font-weight:500;margin-top:4px}
.fb-back{padding:10px 15px;color:var(--fb-green);font-size:12px;font-weight:780;border-radius:8px;background:#e9f4ed}.fb-hero{padding:54px 0 51px;color:#fff;background:linear-gradient(110deg,#084932,#1b8a58)}
.fb-kicker{font-size:11px;font-weight:850;color:#63c38d;letter-spacing:1.4px}.fb-hero .fb-kicker{color:#bff4d2}.fb-hero h1{font-size:clamp(31px,5vw,47px);letter-spacing:-1.3px;margin:13px 0}.fb-hero p{font-size:14px;line-height:1.7;max-width:640px;color:#d7ebdf}
.fb-main{min-height:45vh;padding-bottom:60px}.fb-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:24px 0 37px;padding:19px;background:#fff;border:1px solid var(--fb-line);border-radius:12px}.fb-filter-field{flex:1;min-width:160px;display:flex;flex-direction:column;gap:7px;font-size:12px;color:#496650;font-weight:730}
.fb-filter-field input,.fb-filter-field select{background:#fff;border:1px solid #cbded0;padding:12px;border-radius:7px;min-height:44px;color:#223f2b}.fb-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:44px;border-radius:8px;font-size:12px;font-weight:780;cursor:pointer;border:1px solid #b7d7c0}.fb-button.primary{background:var(--fb-green);color:#fff;border-color:var(--fb-green)}.fb-button.quiet{background:#f2f8f4;color:var(--fb-green)}
.fb-section{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:10px 0 21px}.fb-section h2{margin:7px 0 0;font-size:25px}.fb-total{color:var(--fb-muted);font-size:12px}
.fb-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.fb-book-card{background:white;border:1px solid var(--fb-line);border-radius:10px;overflow:hidden;transition:transform .15s,box-shadow .15s}.fb-book-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #163f2519}.fb-cover{position:relative;background:#e7ede7;aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden}.fb-cover img{width:100%;height:100%;object-fit:contain}.fb-cover-fallback{width:100%;height:100%;padding:20px;background:linear-gradient(140deg,#116241,#329068);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:white;gap:18px}.fb-cover-fallback>span{font-size:35px}.fb-cover-fallback strong{line-height:1.4}.fb-cover-fallback small{font-size:10px}.fb-lock{position:absolute;right:8px;top:8px;padding:5px 8px;border-radius:8px;background:#ffffffe8;font-size:13px}
.fb-card-text{padding:14px}.fb-tag{color:#12834f;font-size:10px;font-weight:820;letter-spacing:.7px;text-transform:uppercase}.fb-card-text h3{font-size:14px;line-height:1.45;margin:8px 0;min-height:39px}.fb-card-text p{font-size:12px;line-height:1.4;color:#6a8473;margin:0 0 12px}.fb-card-text>small{font-size:10px;color:#799181}
.fb-empty{text-align:center;background:white;padding:55px 15px;border-radius:13px;border:1px solid var(--fb-line);color:#597763}.fb-empty strong{color:#17462e;font-size:20px}.fb-empty p{font-size:13px;line-height:1.6}.fb-footer{text-align:center;background:#06432e;color:#b9d8c5;padding:24px;font-size:12px}
.fb-reader-page{background:#121d17;color:#f1fff3;min-height:100dvh;overflow-x:hidden}.fb-reader-header{display:flex;align-items:center;gap:12px;min-height:64px;background:#092b1e;padding:8px 18px;border-bottom:1px solid #ffffff1f}.fb-reader-back{padding:10px 13px;font-size:12px;white-space:nowrap;border:1px solid #ffffff45;border-radius:7px}
.fb-reader-heading{flex:1;text-align:center;min-width:0}.fb-reader-heading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.fb-reader-heading small{font-size:10px;color:#b0c5b7}.fb-reader-header>button{border:1px solid #ffffff55;background:transparent;color:white;border-radius:7px;font-size:21px;padding:5px 12px;cursor:pointer}
.fb-reader-main{min-height:calc(100dvh - 65px);padding:22px 18px 28px;background:var(--reader-bg,#f1efe8)}.fb-book-shell{width:min(1060px,100%);margin:auto}.fb-flip-scene{position:relative;display:flex;align-items:stretch;justify-content:center;height:min(70dvh,730px);min-height:330px;perspective:1800px;filter:drop-shadow(0 9px 16px #080f0c3b)}
.fb-paper{min-width:0;flex:0 1 50%;background:white;overflow:hidden;position:relative;border:1px solid #c9c7ba;display:grid;place-items:center}.fb-paper-left{border-radius:8px 0 0 8px;box-shadow:inset -13px 0 22px #2222220a}.fb-paper-right{border-radius:0 8px 8px 0;box-shadow:inset 13px 0 22px #2222220a}.fb-paper img{width:100%;height:100%;object-fit:contain;display:block}.fb-page-html{height:100%;width:100%;overflow:auto;padding:clamp(12px,3vw,34px);background:#fff;color:#283e2c;font-size:clamp(12px,1.5vw,17px);line-height:1.7}.fb-page-html img{max-width:100%;height:auto}.fb-page-html h1,.fb-page-html h2{color:#0c6845}.fb-page-html p{margin:0 0 1.15em}
.fb-turn-sheet{position:absolute;width:50%;height:100%;left:50%;top:0;z-index:6;transform-origin:left center;backface-visibility:hidden;background:#fff;box-shadow:0 6px 18px #0003;pointer-events:none;display:none}.fb-flip-scene.flipping .fb-turn-sheet{display:block;animation:fb-turn .46s cubic-bezier(.25,.65,.3,1) forwards}.fb-flip-scene.flipping.backward .fb-turn-sheet{transform-origin:right center;left:0;animation-name:fb-turn-back}
@keyframes fb-turn{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes fb-turn-back{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}.fb-blank{color:#849688;font-size:14px}
.fb-reader-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px auto 0;color:#234434;max-width:950px}.fb-reader-controls button{border:1px solid #c7d6c9;padding:10px 13px;border-radius:8px;background:#fff;color:#12583a;cursor:pointer;font-size:13px;font-weight:750}
.fb-reader-controls button:disabled{opacity:.35;cursor:not-allowed}.fb-reader-controls button[aria-pressed=true]{background:#0c6042;color:#fff}.fb-reader-controls #fb-prev,.fb-reader-controls #fb-next{font-size:26px;padding:3px 16px}
.fb-reader-controls label{display:flex;align-items:center;gap:6px;font-size:12px}.fb-reader-controls input{width:72px;text-align:center;min-height:37px;border:1px solid #d2e1d6;border-radius:7px;padding:6px}.fb-reader-controls #fb-page-counter{min-width:105px;text-align:center;font-size:12px;font-weight:720}
.fb-access-wrap{padding:45px 16px;display:grid;place-items:center}.fb-access{background:white;color:#1f432c;width:min(420px,100%);border-radius:14px;padding:30px;box-shadow:0 22px 44px #0003;text-align:center}.fb-lock-icon{font-size:35px}.fb-access h1{font-size:21px}.fb-access p{font-size:13px;color:#64816d;line-height:1.6}.fb-access form{text-align:left;margin-top:25px}.fb-access label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.fb-access input{width:100%;padding:13px;margin-bottom:13px;border:1px solid #bfd8c9;border-radius:8px}.fb-access button{width:100%}.fb-error{background:#fff0ef;color:#a2302e;padding:10px;border-radius:8px;font-size:12px}
@media(max-width:1050px){.fb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.fb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fb-head-inner{min-height:70px}.fb-brand{font-size:15px}.fb-hero{padding:32px 0}.fb-filters{padding:13px}.fb-reader-main{padding:13px 8px 26px}.fb-flip-scene{height:min(74dvh,850px);min-height:380px}.fb-paper{flex-basis:100%;border-radius:7px}.fb-paper-left{display:none}.fb-turn-sheet{width:100%;left:0;transform-origin:left center}.fb-reader-header{min-height:60px;padding:5px 10px}.fb-reader-heading strong{font-size:12px}}
@media(max-width:470px){.fb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-back{font-size:11px}.fb-brand{font-size:13px}.fb-brand small{font-size:10px}.fb-book-card h3{font-size:13px}.fb-reader-controls{gap:7px}.fb-reader-controls label{width:100%;justify-content:center}.fb-flip-scene{height:min(70dvh,690px);min-height:320px}.fb-reader-heading small{display:none}}
@media(prefers-reduced-motion:reduce){.fb-flip-scene.flipping .fb-turn-sheet{animation-duration:.01s}.fb-book-card{transition:none}}

.fb-locked{display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;text-align:center;padding:22px;color:#2f5d3c}.fb-locked>div{font-size:35px}.fb-locked p{font-size:13px;line-height:1.6;color:#78917d}.fb-locked button{background:#0c6847;color:white;border:0;border-radius:8px;padding:12px 15px;cursor:pointer}
.fb-page-lock-dialog{background:#fff;border:0;padding:0;border-radius:13px;width:min(400px,calc(100% - 24px));color:#22432e;box-shadow:0 20px 60px #0019}.fb-page-lock-dialog::backdrop{background:#00190fbb}.fb-page-lock-dialog form{padding:26px}.fb-page-lock-dialog p{font-size:13px;color:#647e69}.fb-page-lock-dialog input{border:1px solid #c5daca;border-radius:8px;padding:12px;width:100%}.fb-page-lock-dialog #fb-page-lock-error{color:#ae4141}.fb-page-lock-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.fb-page-lock-actions button{cursor:pointer;padding:10px 15px;border-radius:7px;border:1px solid #cdd9cf}.fb-page-lock-actions button[type=submit]{background:#0c6945;color:#fff;border-color:#0c6945}

/* ALAMANAH_FLIPBOOK_MOBILE_FILTER_V1 — comfortable form fields on small screens */
@media(max-width:600px){
 .fb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;margin:17px 0 26px}
 .fb-filter-field{min-width:0;grid-column:span 2}
 .fb-filter-field input,.fb-filter-field select{width:100%;min-width:0;min-height:44px;font-size:14px}
 .fb-filters>.fb-button{width:100%;min-width:0;min-height:43px;text-align:center}
}

.fb-page-lock-dialog:not([open]){display:none!important}

/* ALAMANAH_FLIPBOOK_READER_DESKTOP_V2 — spacious, page-focused reader. */
@media(min-width:761px){
  .fb-reader-header{min-height:57px;padding:7px 17px;}
  .fb-reader-main{
    position:relative;display:flex;align-items:center;justify-content:center;
    height:calc(100dvh - 57px);min-height:390px;overflow:hidden;
    padding:12px 18px 14px;
  }
  .fb-book-shell{
    position:relative;display:block;flex:none;
    width:min(1480px,calc((100dvh - 100px)*1.47),calc(100vw - 40px));
    height:100%;max-height:100%;margin:0 auto;min-width:0;
  }
  .fb-flip-scene{
    height:100%;min-height:0;max-height:none;width:100%;
    border-radius:11px;filter:drop-shadow(0 14px 18px #05160d3c);
    cursor:grab;
  }
  .fb-flip-scene.dragging{cursor:grabbing;}
  .fb-paper{min-width:0;flex:0 1 50%;user-select:none;-webkit-user-select:none;}
  .fb-paper img,.fb-turn-face img{
    width:100%;height:100%;object-fit:contain;display:block;
    user-select:none;-webkit-user-drag:none;pointer-events:none;
  }
  .fb-floating-controls{
    position:absolute;bottom:77px;left:50%;z-index:35;
    width:max-content;max-width:calc(100% - 40px);
    background:rgba(255,255,255,.97);color:#244b32;
    padding:11px 15px;border:1px solid #d8e3da;border-radius:15px;
    box-shadow:0 14px 39px #06281938;backdrop-filter:blur(12px);
    transform:translate(-50%,14px);opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .22s ease,transform .22s ease,visibility .22s;
  }
  .fb-floating-controls.is-open{
    opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
  }
  .fb-floating-controls .fb-reader-controls{margin:0;gap:7px;max-width:950px;}
  .fb-floating-controls .fb-reader-controls button{min-height:38px;}
  .fb-floating-toggle{
    position:absolute;left:50%;bottom:14px;z-index:36;
    transform:translateX(-50%);width:49px;height:49px;
    display:grid;place-items:center;
    border:1px solid #ffffff4d;border-radius:50%;
    background:#0b5a3eeb;color:white;font-size:20px;
    cursor:pointer;box-shadow:0 9px 24px #09291b67;
    transition:background .2s ease,box-shadow .2s ease,transform .2s ease;
  }
  .fb-floating-toggle:hover,.fb-floating-toggle[aria-expanded=true]{
    background:#063d2b;box-shadow:0 11px 29px #07231b75;
    transform:translateX(-50%) translateY(-2px);
  }
  .fb-edge-nav{
    position:absolute;top:50%;z-index:30;transform:translateY(-50%);
    width:54px;height:62px;padding:0;border:1px solid #ffffff38;
    border-radius:12px;background:#073c2eb8;color:#fff;
    font-size:39px;line-height:1;display:grid;place-items:center;
    cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .24s ease,background .2s ease,visibility .24s ease,transform .24s ease;
    box-shadow:0 7px 16px #12271e30;
  }
  .fb-edge-prev{left:14px}.fb-edge-next{right:14px}
  .fb-book-shell:hover .fb-edge-nav:not(:disabled),
  .fb-edge-nav:focus-visible{
    opacity:1;visibility:visible;pointer-events:auto;
  }
  .fb-edge-nav:hover{background:#054c36;transform:translateY(-50%) scale(1.05);}
  .fb-edge-nav:disabled{display:none}
  .fb-reader-controls label,.fb-reader-controls #fb-page-counter{white-space:nowrap;}
  .fb-reader-controls #fb-page-counter{min-width:130px}
}
/* Both faces of the turning leaf, with the reverse appearing past 90deg. */
.fb-flip-scene.turning .fb-turn-sheet{display:block;}
.fb-turn-sheet{
  overflow:visible;transform-style:preserve-3d;
  background:transparent;box-shadow:none;pointer-events:none;
  will-change:transform;
}
.fb-flip-scene.backward .fb-turn-sheet{
  left:0;transform-origin:right center;
}
.fb-turn-face{
  position:absolute;inset:0;display:grid;place-items:center;
  overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border:1px solid #d0cfc5;background:#fff;
  box-shadow:inset 0 0 18px #00000011,3px 4px 15px #00000025;
}
.fb-turn-front{transform:rotateY(0deg);}
.fb-turn-back{
  transform:rotateY(180deg);box-shadow:inset 0 0 24px #00000015,-3px 4px 18px #0000002c;
}
.fb-flip-scene.turning .fb-paper{overflow:hidden;}
.fb-flip-scene .fb-page-html{user-select:text;-webkit-user-select:text}
.fb-flip-scene.dragging .fb-page-html{user-select:none;-webkit-user-select:none}
@media(max-width:760px){
  .fb-edge-nav,.fb-floating-toggle{display:none!important;}
  .fb-floating-controls{position:static;display:block;opacity:1;visibility:visible;pointer-events:auto;transform:none;background:transparent;box-shadow:none;border:0;padding:0;margin:16px auto 0;width:auto;max-width:100%;}
  .fb-floating-controls .fb-reader-controls{margin:0 auto;}
  .fb-book-shell{width:min(100%,650px);height:auto;position:relative;}
  .fb-flip-scene{touch-action:pan-y;}
  .fb-flip-scene.turning .fb-turn-sheet{width:100%;left:0;transform-origin:left center;}
  .fb-flip-scene.turning.backward .fb-turn-sheet{width:100%;left:0;transform-origin:right center;}
}
@media(prefers-reduced-motion:reduce){
  .fb-floating-controls,.fb-floating-toggle,.fb-edge-nav{transition:none!important;}
}

/* Reader V2 finishing: preserve the genuine back side beyond 90 degrees. */
.fb-turn-sheet{backface-visibility:visible;-webkit-backface-visibility:visible;}
.fb-turn-front::after,.fb-turn-back::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 12%,transparent 84%,rgba(0,0,0,.10));
  opacity:.72;
}
.fb-turn-back::after{
  background:linear-gradient(90deg,rgba(0,0,0,.13),transparent 15%,transparent 83%,rgba(0,0,0,.08));
}
/* Old viewport engines: simple vh fallback, modern browsers keep dvh. */
@media(min-width:761px){
 .fb-reader-main{height:calc(100vh - 57px);height:calc(100dvh - 57px);}
 .fb-book-shell{width:85vw;width:min(1480px,calc((100dvh - 100px)*1.47),calc(100vw - 40px));}
}

/* ALAMANAH_FLIPBOOK_V3_RATIO_ZOOM_MOBILE — preserve original PDF ratio.
   Same reader concept on desktop and mobile: full page + hidden floating nav. */
html:has(body.fb-reader-page),body.fb-reader-page{height:100%;overscroll-behavior:none}
body.fb-reader-page{height:100dvh;min-height:0!important;overflow:hidden!important}
.fb-reader-page .fb-reader-header{height:57px;min-height:57px;flex-shrink:0;padding:7px 12px}
.fb-reader-page .fb-reader-main{
 position:relative!important;box-sizing:border-box;
 height:calc(100vh - 57px)!important;height:calc(100dvh - 57px)!important;
 min-height:0!important;max-height:calc(100dvh - 57px)!important;
 padding:8px 9px 79px!important;margin:0;
 display:flex!important;align-items:center!important;justify-content:center!important;
 overflow:hidden!important;
}
.fb-reader-page .fb-book-shell{
 position:relative!important;flex:0 0 auto!important;display:block!important;
 margin:0!important;min-width:0!important;min-height:0!important;
 max-width:calc(100% - 3px)!important;max-height:calc(100% - 3px)!important;
 width:auto;height:auto;
}
.fb-reader-page .fb-flip-scene{
 position:relative!important;display:flex!important;
 width:100%!important;height:100%!important;min-height:0!important;
 max-height:100%!important;border-radius:5px!important;overflow:visible!important;
 touch-action:none!important;transform-origin:center center!important;
 transition:none!important;will-change:transform;
 filter:drop-shadow(0 7px 13px #0a241e4d)!important;
}
.fb-reader-page .fb-paper{
 height:100%;min-height:0;min-width:0!important;overflow:hidden;
 box-sizing:border-box;display:grid;place-items:center;background:#fff;
}
.fb-reader-page .fb-paper img,.fb-reader-page .fb-turn-face img{
 width:100%!important;height:100%!important;max-width:100%!important;
 max-height:100%!important;object-fit:contain!important;object-position:center!important;
 display:block!important;margin:auto!important;-webkit-user-drag:none;user-select:none;
}
.fb-reader-page .fb-page-html{
 height:100%!important;width:100%!important;max-height:100%!important;
 box-sizing:border-box;overflow:auto!important;overscroll-behavior:contain;
}
.fb-reader-page .fb-flip-scene.zoomed{cursor:grab}
.fb-reader-page .fb-flip-scene.zoomed:active{cursor:grabbing}
.fb-reader-page .fb-flip-scene.zoomed .fb-page-html{overscroll-behavior:contain}
.fb-reader-page .fb-flip-scene.turning .fb-turn-sheet{display:block}
.fb-reader-page .fb-floating-controls{
 position:absolute!important;z-index:51!important;
 left:50%!important;bottom:75px!important;top:auto!important;
 width:max-content!important;max-width:calc(100vw - 20px)!important;
 max-height:min(56dvh,450px)!important;overflow-y:auto;
 box-sizing:border-box;padding:12px!important;margin:0!important;
 border:1px solid #dbe6dd!important;border-radius:16px!important;
 background:rgba(255,255,255,.975)!important;
 box-shadow:0 15px 38px #03231b50!important;
 backdrop-filter:blur(10px);
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 transform:translate(-50%,11px)!important;
 transition:opacity .2s ease,transform .2s ease,visibility .2s!important;
}
.fb-reader-page .fb-floating-controls.is-open{
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;
 transform:translate(-50%,0)!important;
}
.fb-reader-page .fb-floating-toggle{
 position:absolute!important;z-index:52!important;
 bottom:13px!important;left:50%!important;top:auto!important;
 width:48px!important;height:48px!important;display:grid!important;
 justify-content:center;align-items:center;
 margin:0!important;padding:0!important;border-radius:50%!important;
 background:#075b3f!important;border:1px solid #ffffff66!important;
 color:#fff!important;transform:translateX(-50%)!important;
 box-shadow:0 7px 20px #083b2d59!important;cursor:pointer;
}
.fb-reader-page .fb-floating-toggle[aria-expanded=true]{background:#043b2b!important}
.fb-reader-page .fb-floating-controls .fb-reader-controls{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 justify-content:center!important;gap:8px!important;margin:0 auto!important;
 width:auto!important;max-width:600px!important;
}
.fb-reader-page .fb-reader-controls label{width:auto!important;max-width:100%}
.fb-reader-page .fb-reader-controls #fb-page-counter{min-width:105px}
.fb-reader-page .fb-zoom-tools{
 display:inline-flex;gap:5px;align-items:center;justify-content:center;
 border:1px solid #d9e5dd;padding:3px 5px;border-radius:9px;
}
.fb-reader-page .fb-zoom-tools button{
 min-width:31px;min-height:32px;padding:4px 8px!important;font-weight:750;
}
.fb-reader-page #fb-zoom-value{
 min-width:43px;display:inline-block;text-align:center;
 font-size:11px;font-variant-numeric:tabular-nums;color:#31573e;font-weight:750;
}
@media(max-width:760px){
 .fb-reader-page .fb-reader-header{min-height:53px!important;height:53px!important;padding:4px 9px!important}
 .fb-reader-page .fb-reader-main{
  height:calc(100dvh - 53px)!important;max-height:calc(100dvh - 53px)!important;
  padding:7px 8px 76px!important;
 }
 .fb-reader-page .fb-book-shell{max-width:calc(100% - 2px)!important}
 .fb-reader-page .fb-paper-left{display:none!important}
 .fb-reader-page .fb-paper-right{flex:1 0 100%!important;border-radius:5px!important}
 .fb-reader-page .fb-edge-nav{display:none!important}
 .fb-reader-page .fb-flip-scene .fb-turn-sheet{width:100%!important;left:0!important}
 .fb-reader-page .fb-floating-controls{width:min(410px,calc(100vw - 20px))!important;}
 .fb-reader-page .fb-floating-controls .fb-reader-controls{gap:7px!important}
 .fb-reader-page .fb-reader-controls label{width:auto!important;justify-content:center!important}
 .fb-reader-page .fb-reader-controls #fb-prev,
 .fb-reader-page .fb-reader-controls #fb-next{font-size:23px}
}
@media(max-width:360px){
 .fb-reader-page .fb-floating-controls{padding:9px!important}
 .fb-reader-page .fb-reader-controls #fb-page-counter{min-width:85px;font-size:11px}
 .fb-reader-page .fb-zoom-tools{width:auto}
}
@media(prefers-reduced-motion:reduce){
 .fb-reader-page .fb-floating-controls{transition:none!important}
}

/* V3 compatibility: retain fixed mobile viewport in older WebViews without dvh. */
@media(max-width:760px){
 .fb-reader-page .fb-reader-main{
  height:calc(100vh - 53px)!important;max-height:calc(100vh - 53px)!important;
  height:calc(100dvh - 53px)!important;max-height:calc(100dvh - 53px)!important;
 }
}

/* ALAMANAH_FLIPBOOK_V4_MOBILE_SMOOTH
   Keep the page's full native aspect while the leaf follows finger movement. */
@media(max-width:760px){
 .fb-reader-page .fb-flip-scene{perspective:1450px!important}
 .fb-reader-page .fb-turn-sheet{
   transform-style:preserve-3d!important;
   backface-visibility:visible!important;
   -webkit-backface-visibility:visible!important;
   contain:layout style;
 }
 .fb-reader-page .fb-turn-face{
   backface-visibility:hidden!important;
   -webkit-backface-visibility:hidden!important;
   box-shadow:inset 0 0 20px rgba(15,25,18,.10),0 6px 20px rgba(2,20,13,.12);
 }
 .fb-reader-page .fb-turn-front::after,
 .fb-reader-page .fb-turn-back::after{
   opacity:.60;
   background:linear-gradient(90deg,rgba(0,0,0,.11),transparent 20%,transparent 75%,rgba(0,0,0,.17));
 }
 .fb-reader-page .fb-flip-scene.dragging .fb-turn-sheet{transition:none!important}
}
@media(prefers-reduced-motion:reduce){
 .fb-reader-page .fb-turn-sheet{transition-duration:.04s!important}
}

/* ALAMANAH_FLIPBOOK_TOUCH_TARGET_FIX_V5
   Destination underlay stays separate from the original touched image. */
@media(max-width:760px){
 .fb-reader-page .fb-flip-scene .fb-touch-underlay{
   position:absolute;inset:0;z-index:3;pointer-events:none;
   background:#fff;overflow:hidden;display:none;
   border:1px solid #d0cfc5;border-radius:5px;
 }
 .fb-reader-page .fb-flip-scene.turning .fb-touch-underlay:not(:empty){
   display:grid;place-items:center;
 }
 .fb-reader-page .fb-touch-underlay img{
   display:block;width:100%;height:100%;object-fit:contain;
   object-position:center;pointer-events:none;
   -webkit-user-drag:none;user-select:none;
 }
 .fb-reader-page .fb-touch-underlay .fb-page-html{
   height:100%;width:100%;overflow:auto;
 }
}

/* ALAMANAH_FLIPBOOK_V8_READER_IMAGE_PROTECTION
   Disable conventional right-click / long-press selection and native drag.
   Keep pointer/touch events intact for custom page flip and pinch zoom. */
.fb-reader-page .fb-flip-scene,
.fb-reader-page .fb-flip-scene *,
.fb-reader-page .fb-paper,
.fb-reader-page .fb-paper *,
.fb-reader-page .fb-touch-underlay,
.fb-reader-page .fb-touch-underlay *{
  -webkit-touch-callout:none!important;
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent;
}
.fb-reader-page .fb-flip-scene img,
.fb-reader-page .fb-paper img,
.fb-reader-page .fb-touch-underlay img{
  -webkit-user-drag:none!important;
  user-drag:none!important;
  pointer-events:none!important;
}