load 5 pages first

src/index.css

@@ -159,7 +159,7 @@ html {
   isolation: isolate;
 }
 
-/* سایهٔ هر ورق — فقط inset؛ بدون --simple تا موقع ورق هم بماند */
+/* سایهٔ هر ورق — inset؛ بدون --simple تا موقع ورق هم بماند */
 .flipbook-container .stf__item.--left .page {
   box-shadow:
     inset -16px 0 24px -12px rgba(0, 0, 0, 0.2),
@@ -193,7 +193,6 @@ html {
   background: linear-gradient(to right, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.04) 35%, transparent 100%);
 }
 
-/* تک‌صفحه (portrait): سایهٔ لبهٔ ورق‌زدن */
 .flipbook-container .stf__wrapper.--portrait .stf__item .page {
   box-shadow:
     inset 14px 0 22px -12px rgba(0, 0, 0, 0.16),
@@ -226,6 +225,35 @@ html {
   }
 }
 
+/* iOS قدیمی: inset box-shadow و contain/isolate خراب می‌شود */
+.flipbook-container.flipbook-legacy-ios .stf__item {
+  contain: none !important;
+  isolation: auto !important;
+}
+
+.flipbook-container.flipbook-legacy-ios .stf__wrapper {
+  isolation: auto;
+}
+
+.flipbook-container.flipbook-legacy-ios .stf__item .page {
+  isolation: auto;
+  box-shadow: none !important;
+}
+
+.flipbook-container.flipbook-legacy-ios .stf__item .page::after {
+  display: none;
+}
+
+.flipbook-container.flipbook-legacy-ios .page .page-paper-shadow {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 2;
+  background:
+    linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.06) 16%, transparent 34%),
+    linear-gradient(to left, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.04) 14%, transparent 28%);
+}
+
 /* مخفی کردن محتوای صفحات غیرفعال - فقط صفحه فعلی قابل تعامل است */
 .flipbook-container .stf__wrapper {
   overflow: hidden;