/* SR25 Product Booklet 2.2 */
.sr25-booklet{--pw:420px;--ph:560px;--bar:64px;--tl:0px;--tr:10px;--gold:#e9bd74;--ink:#f6efe3;--paper:#f6f0e4;
 position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:560px;overflow:hidden;border-radius:14px;
 background:radial-gradient(120% 95% at 50% 34%,#31281f 0%,#18130f 52%,#0a0807 100%);
 font:14px/1.2 -apple-system,'Segoe UI',system-ui,Roboto,Arial,sans-serif;color:var(--ink);outline:none;-webkit-tap-highlight-color:transparent;
 -webkit-user-select:none;user-select:none}
.sr25-booklet,.sr25-booklet *{box-sizing:border-box}
.sr25-booklet [hidden]{display:none!important}
.sr25-booklet.sr25-fill{height:100vh;height:100dvh;border-radius:0}
.sr25-booklet.sr25-vnav{overscroll-behavior:contain}
.sr25-booklet:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}
.sr25-booklet.is-full,.sr25-booklet:fullscreen{border-radius:0;height:100%!important;width:100%}
.sr25-booklet.is-max{position:fixed;inset:0;z-index:2147483000;height:100vh!important;height:100dvh!important;width:100vw;border-radius:0;max-width:none}

/* control bar */
.sr25-booklet .sr25-bar{position:relative;z-index:6;flex:none;height:var(--bar);display:flex;align-items:center;justify-content:center;gap:10px;padding:0 14px 8px}
.sr25-booklet .sr25-bar>*{flex:none}
.sr25-booklet button.sr25-b{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;
 border-radius:50%!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;
 cursor:pointer;appearance:none;-webkit-appearance:none;line-height:1;transition:background .18s,transform .18s,opacity .18s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sr25-booklet button.sr25-b:hover:not(:disabled){background:rgba(255,255,255,.18)!important}
.sr25-booklet button.sr25-b:active:not(:disabled){transform:scale(.92)}
.sr25-booklet button.sr25-b:disabled{opacity:.28;cursor:default}
.sr25-booklet button.sr25-b svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.sr25-booklet button.sr25-b.grid svg rect{stroke-width:1.8}
.sr25-booklet :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sr25-booklet .sr25-sep{width:1px;height:22px;background:rgba(255,255,255,.14);margin:0 2px}
.sr25-booklet .sr25-prog{flex:1 1 auto;max-width:440px;min-width:0;display:flex;align-items:center;gap:12px;padding:0 4px}
.sr25-booklet .sr25-label{flex:none;min-width:64px;text-align:right;font:600 12.5px/1 system-ui,Arial,sans-serif;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:#eadfca}
.sr25-booklet input.sr25-range{--p:0%;flex:1 1 auto;min-width:40px;height:24px;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;cursor:pointer}
.sr25-booklet input.sr25-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--gold) var(--p),rgba(255,255,255,.18) var(--p))}
.sr25-booklet input.sr25-range::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.18)}
.sr25-booklet input.sr25-range::-moz-range-progress{height:4px;border-radius:4px;background:var(--gold)}
.sr25-booklet input.sr25-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:#fff;border:3px solid var(--gold);box-shadow:0 1px 5px rgba(0,0,0,.5)}
.sr25-booklet input.sr25-range::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--gold)}

/* hint + loader */
.sr25-booklet .sr25-hint{position:absolute;left:50%;bottom:calc(var(--bar) + 10px);transform:translate(-50%,8px);z-index:5;padding:8px 14px;border-radius:999px;background:rgba(10,8,6,.72);
 border:1px solid rgba(255,255,255,.12);color:#eadfca;font:500 12px/1 system-ui,Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;
 opacity:0;pointer-events:none;transition:opacity .4s,transform .4s}
.sr25-booklet .sr25-hint.show{opacity:1;transform:translate(-50%,0)}
.sr25-booklet .sr25-loader{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(120% 95% at 50% 34%,#31281f,#0a0807);
 font:500 13px/1 system-ui,Arial,sans-serif;letter-spacing:.06em;transition:opacity .45s}
.sr25-booklet .sr25-loader{color:#cdbfa6}
.sr25-booklet .sr25-loader.done{opacity:0;pointer-events:none}
.sr25-booklet .sr25-loader i{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--gold);animation:sr25-spin .8s linear infinite}
@keyframes sr25-spin{to{transform:rotate(360deg)}}

/* all-pages overlay */
.sr25-booklet .sr25-grid{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;background:rgba(12,9,7,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:sr25-fade .22s ease}
@keyframes sr25-fade{from{opacity:0}to{opacity:1}}
.sr25-booklet .sr25-grid-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font:600 15px/1 system-ui,Arial,sans-serif;letter-spacing:.04em}
.sr25-booklet .sr25-grid-list{flex:1 1 auto;min-height:0;overflow:auto;padding:4px 18px 22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px;align-content:start;-webkit-overflow-scrolling:touch}
.sr25-booklet button.sr25-thumb{position:relative;display:block!important;aspect-ratio:3/4;padding:0!important;margin:0!important;border:2px solid transparent!important;border-radius:8px!important;overflow:hidden;background:#241d16!important;cursor:pointer;
 box-shadow:0 4px 14px rgba(0,0,0,.45)!important;transition:transform .18s,border-color .18s}
.sr25-booklet button.sr25-thumb:hover{transform:translateY(-3px)}
.sr25-booklet button.sr25-thumb.cur{border-color:var(--gold)!important}
.sr25-booklet .sr25-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.sr25-booklet .sr25-thumb-n{position:absolute;left:6px;bottom:6px;min-width:22px;padding:4px 7px;border-radius:99px;background:rgba(0,0,0,.66);color:#fff;font:600 11px/1 system-ui,Arial,sans-serif;text-align:center}

@media (max-width:520px){
 .sr25-booklet .sr25-bar{gap:7px;padding:0 10px 6px}
 .sr25-booklet button.sr25-b{width:38px;height:38px}
 .sr25-booklet .sr25-sep{display:none}
 .sr25-booklet .sr25-label{min-width:52px;font-size:11.5px}
 .sr25-booklet .sr25-hint{font-size:11px}
 .sr25-booklet .sr25-grid-list{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
}

/* Soft-page stage. Touches here belong to the book; the surrounding site scrolls. */
.sr25-booklet{max-width:100%;min-width:0}
.sr25-booklet .sr25-scene{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.sr25-booklet .sr25-stage{position:relative;flex:none;touch-action:none;overscroll-behavior:contain;cursor:grab}
.sr25-booklet.is-dragging .sr25-stage{cursor:grabbing}
.sr25-booklet .sr25-engine{position:absolute;inset:0;width:100%;height:100%;min-width:0!important;min-height:0!important}
.sr25-booklet .sr25-paper-curl{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;border:0!important;padding:0!important;margin:0!important;pointer-events:none;z-index:4}
.sr25-booklet.sr25-custom-fold .sr25-engine{visibility:hidden}
.sr25-booklet .sr25-engine .stf__wrapper{width:100%;height:100%;padding-bottom:0!important;min-width:0!important;min-height:0!important}
.sr25-booklet .sr25-page{position:relative;overflow:hidden;background:#1a1511;backface-visibility:hidden;contain:layout paint}
.sr25-booklet .sr25-page.stf__item{position:absolute!important;margin:0!important}
.sr25-booklet .single-page{position:absolute;inset:0}
.sr25-booklet .sr25-page img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none;user-select:none;-webkit-user-drag:none}
.sr25-booklet .sr25-bg{position:absolute;inset:-18px;background-position:center;background-size:cover;filter:blur(12px) brightness(.45);pointer-events:none}
.sr25-booklet .sr25-missing{position:absolute;inset:0;display:grid;place-items:center;color:#eadfca;font:14px/1.4 system-ui,Arial,sans-serif;padding:18px;text-align:center}
.sr25-booklet .sr25-actions{position:absolute;inset:0;z-index:8;pointer-events:none}
.sr25-booklet.is-turning .sr25-actions{visibility:hidden}
.sr25-booklet a.sr25-order{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;white-space:nowrap;background:linear-gradient(180deg,#29d86e,#16a152);color:#fff!important;text-decoration:none!important;font:700 12px/1.2 system-ui,Arial,sans-serif;letter-spacing:.02em;border:1px solid #ffffff30;box-shadow:0 3px 12px #0004;opacity:0;pointer-events:none;transition:opacity .18s,filter .18s}
.sr25-booklet a.sr25-order svg{width:16px;height:16px;fill:#fff;flex:none}
.sr25-booklet a.sr25-order:hover{filter:brightness(1.12)}
.sr25-booklet button.sr25-b.side{position:absolute!important;top:50%;z-index:9;width:36px;height:36px;margin-top:-18px!important;background:#16110dcc!important;opacity:0;pointer-events:none}
.sr25-booklet .side.prev{left:7px}.sr25-booklet .side.next{right:7px}
.sr25-booklet .sr25-bar{opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s,transform .2s}
.sr25-booklet.ui .sr25-bar{opacity:1;pointer-events:auto;transform:none}
.sr25-booklet.ui .side,.sr25-booklet.ui a.sr25-order,.sr25-booklet .side:focus-visible,.sr25-booklet a.sr25-order:focus-visible{opacity:1;pointer-events:auto}
.sr25-booklet .side:disabled{visibility:hidden}
.sr25-booklet button.sr25-thumb{width:100%;height:auto;border-radius:8px!important}
@media(max-width:520px){.sr25-booklet .sr25-bar{gap:6px;padding:0 8px 6px}.sr25-booklet .sr25-bar button.sr25-b{width:32px;height:32px}.sr25-booklet .sr25-prog{gap:6px;padding:0;min-width:0}.sr25-booklet .sr25-label{min-width:42px;font-size:11px}.sr25-booklet input.sr25-range{min-width:22px}.sr25-booklet .sr25-stage{touch-action:none}.sr25-booklet button.sr25-b{backdrop-filter:none;-webkit-backdrop-filter:none}.sr25-booklet .sr25-grid{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.sr25-booklet *,.sr25-booklet *::after,.sr25-booklet *::before{animation:none!important;transition:none!important}}