.home-book{margin:28px 0 48px;--paper:#15263b;--ink:#eef5ff;--paper-muted:#acc0d5;--paper-line:#38516c}.book-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.book-heading h2{font-size:26px;margin:7px 0}.book-auto{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);padding:9px 15px;font:inherit;font-size:11px}.book-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;direction:rtl;perspective:1800px;border-radius:8px 16px 16px 8px;box-shadow:0 7px 0 #506078,0 12px 0 #28364b,0 25px 45px #0004;touch-action:pan-y;background:var(--paper);isolation:isolate}.book-right,.book-left{min-width:0;position:relative}.book-page{height:100%;min-height:650px;padding:28px 34px 40px;background:var(--paper);color:var(--ink);position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;direction:rtl;overflow:hidden}.book-right .book-page{border-radius:0 12px 12px 0;background:linear-gradient(90deg,#0003,transparent 12%),var(--paper)}.book-left .book-page{border-radius:12px 0 0 12px;background:linear-gradient(270deg,#0003,transparent 12%),var(--paper)}.book-spread:after{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:#0003;pointer-events:none;z-index:5}.book-platform{font:700 10px Arial;letter-spacing:1.5px;color:var(--paper-muted)}.book-cover{height:245px;width:180px;max-width:90%;object-fit:contain;filter:drop-shadow(0 12px 12px #0004);border-radius:4px}.book-cover-fallback{display:grid;place-items:center;background:#245683;color:white;text-align:center;font:800 22px Arial}.book-page h3{font:800 21px/1.5 Arial,sans-serif;text-align:center;margin:5px 0;color:var(--ink)!important}.book-page .book-description{font-size:12px;line-height:1.8;white-space:pre-wrap;color:var(--paper-muted)!important;text-align:center;margin:0;overflow-wrap:anywhere}.book-prices{width:100%;display:grid;gap:7px;margin-top:auto}.book-prices>a,.book-prices>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--paper-line);border-radius:9px;padding:10px;font-size:11px}.book-prices b{font-size:12px;color:var(--ink)}.book-prices>a:hover{border-color:var(--blue);background:#69caff16}.book-unavailable{opacity:.45}.book-number{position:absolute;bottom:12px;font:10px Arial;color:var(--paper-muted)}.book-empty{justify-content:center}.book-empty img{width:90px;height:90px;border-radius:50%}.book-empty p{font-size:12px}.book-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:26px;direction:rtl}.book-controls button{width:42px;height:42px;border-radius:50%;background:var(--panel);color:var(--text);border:1px solid var(--line);font-size:22px}.book-controls button:disabled{opacity:.3}.book-position{font:12px Arial;color:var(--muted);direction:ltr}.book-leaf{position:absolute;top:0;bottom:0;width:50%;z-index:6;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.1,.2,1);pointer-events:none}.turn-forward{right:0;transform-origin:left center}.turn-back{left:0;transform-origin:right center}.turn-forward.is-turning{transform:rotateY(-180deg)}.turn-back.is-turning{transform:rotateY(180deg)}.leaf-front,.leaf-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:var(--paper)}.leaf-back{transform:rotateY(180deg)}.leaf-front .book-page,.leaf-back .book-page{min-height:100%}.leaf-front:after,.leaf-back:after{content:'';position:absolute;inset:0;box-shadow:inset 12px 0 30px #0003;pointer-events:none}
html[data-theme="light"] .home-book{--paper:#fffaf0;--ink:#21344b;--paper-muted:#657384;--paper-line:#ded7c9}html[data-theme="light"] .book-spread{box-shadow:0 7px 0 #e4ddce,0 12px 0 #c6bcaa,0 25px 45px #31435c22}
@media(max-width:760px){.home-book{margin:22px -8px 38px}.book-heading{padding:0 8px}.book-heading h2{font-size:21px}.book-auto{font-size:10px;padding:8px 11px}.book-page{padding:18px 12px 32px;min-height:540px;gap:10px}.book-cover{width:130px;height:185px}.book-page h3{font-size:15px;line-height:1.55}.book-platform{font-size:8px;letter-spacing:.5px}.book-page .book-description{font-size:10px}.book-prices>a,.book-prices>div{flex-direction:column;gap:4px;padding:8px 4px;font-size:9px}.book-prices b{font-size:10px}.book-controls{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.book-leaf{transition:none}}