:root{--cream:#f7f0df;--paper:#fffdf7;--ink:#26221c;--muted:#6b6255;--gold:#a87a26;--gold2:#c9a052;--goldbg:#fbf3df;--line:#e6d9b8;--deep:#3d3324;--ok:#2f6b3a;--err:#a3321f;
--serif:"Frank Ruhl Libre","Lora",Georgia,serif;--sans:"Assistant",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.6 var(--sans);overflow-x:hidden}
[dir=ltr] body{--serif:"Lora","Frank Ruhl Libre",Georgia,serif}
img{max-width:100%;height:auto}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
.skip{position:absolute;inset-inline-start:8px;top:8px;background:#fff;padding:8px 12px;z-index:10;clip-path:inset(50%)}
.skip:focus{clip-path:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}

.top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;padding-bottom:8px;max-width:1040px}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}
.brand img{width:46px;height:46px;flex:none}
.brand-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.brand-txt b{font:700 20px/1.1 var(--serif);color:var(--deep)}
.brand-txt small{font-size:11px;color:var(--muted);line-height:1.2;margin-top:2px}
.langs{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;flex:none;background:#fff}
.lang-btn{font:600 14px var(--sans);border:0;background:transparent;color:var(--muted);padding:7px 12px;cursor:pointer;min-height:36px}
.lang-btn[aria-pressed=true]{background:var(--deep);color:#fff}

.hero{text-align:center;padding:30px 0 10px;background:radial-gradient(120% 90% at 50% 0%,#fffaf0 0%,var(--cream) 70%)}
.kicker{margin:0 0 6px;color:var(--gold);font-weight:700;letter-spacing:.04em;font-size:14px}
.hero h1{font:700 clamp(28px,7vw,44px)/1.15 var(--serif);margin:0 0 10px;color:var(--deep)}
.lead{margin:0 auto 18px;max-width:560px;color:var(--muted);font-size:17.5px}
.steps{list-style:none;display:flex;justify-content:center;gap:10px;margin:0 0 6px;padding:0}
.steps li{display:flex;align-items:center;gap:7px;padding:6px 14px 6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:14.5px}
.steps li span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--deep);font-weight:700;font-size:13px}
.steps li.on{border-color:var(--gold2);color:var(--deep)} .steps li.on span{background:var(--gold);color:#fff}
.steps li.done span{background:var(--ok);color:#fff}

.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 18px;margin-top:16px;box-shadow:0 1px 0 #fff inset,0 8px 24px -18px rgba(61,51,36,.45)}
@media (min-width:600px){.card{padding:28px 30px}}
.card h2{display:flex;align-items:center;gap:10px;font:700 24px/1.2 var(--serif);margin:0 0 16px;color:var(--deep)}
.num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:#fff;font:700 17px var(--sans);flex:none}
.fld{display:block;margin:0 0 14px}
.fld>span{display:block;font-weight:600;margin-bottom:5px}
.fld small{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],input[type=tel],textarea{width:100%;font:inherit;font-size:17px;padding:12px 14px;border:1.5px solid #d9cba7;border-radius:12px;background:#fff;color:var(--ink)}
input:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(168,122,38,.18)}
input[dir=ltr]{text-align:left}
.choice{border:0;margin:4px 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.choice legend{font-weight:600;margin-bottom:8px;padding:0}
.pill{position:relative}
.pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pill span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:6px;border:1.5px solid #d9cba7;border-radius:12px;background:#fff;font-weight:600;line-height:1.2}
.pill input:checked+span{border-color:var(--gold);background:var(--goldbg);color:var(--deep);box-shadow:0 0 0 2px var(--gold) inset}
.pill input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.check{display:flex;gap:10px;align-items:flex-start;margin:6px 0 14px;cursor:pointer;line-height:1.5}
.check input{width:22px;height:22px;flex:none;margin:2px 0 0;accent-color:var(--gold)}
form{position:relative}
.hp{position:absolute!important;top:0;inset-inline-start:0;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.err{color:var(--err);background:#fdecea;border-radius:10px;padding:8px 12px;margin:0 0 12px;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 17px var(--sans);border-radius:12px;padding:13px 18px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;min-height:50px;text-align:center;line-height:1.2}
.btn.primary{background:var(--deep);color:#fff;width:100%}
.btn.primary:hover{background:#2c2419}
.btn.gold{background:var(--gold);color:#fff;width:100%;margin-bottom:8px}
.btn.ghost{background:#fff;color:var(--deep);border-color:#cdbb8f;width:100%}
.btn.small{font-size:14.5px;min-height:38px;padding:7px 12px;background:#fff;border-color:#cdbb8f;color:var(--deep);flex:none}
.btn:disabled{opacity:.6;cursor:wait}
.btn.off{opacity:.45;cursor:not-allowed}
.fine{font-size:14px;color:var(--muted);margin:10px 0 0}
.center{text-align:center}
.linkish{background:none;border:0;color:var(--gold);text-decoration:underline;font:600 15px var(--sans);cursor:pointer;padding:8px 0;margin-top:6px}
.ok-badge{display:inline-block;background:#e7f2e8;color:var(--ok);font-weight:700;border-radius:999px;padding:5px 14px;margin:0 0 8px}
.sub-who{margin:0 0 12px;color:var(--muted);word-break:break-word}
.confirm{background:var(--goldbg);border:1px solid var(--line);border-radius:14px;padding:14px 14px 10px}
.confirm p{margin:0 0 10px}
.join{margin-top:4px}

.store.locked h2{opacity:.7}
.lockmsg{margin:0;padding:14px;border:1.5px dashed #d4c39a;border-radius:14px;color:var(--muted);text-align:center}
.notice{border:2px solid var(--gold);background:var(--goldbg);border-radius:14px;padding:14px 16px;margin:0 0 16px}
.notice-h{margin:0 0 6px;font:700 18px var(--serif);color:var(--deep)}
.notice p{margin:0 0 10px}
.copyrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 6px 6px 10px}
.copyrow code{font:600 15.5px ui-monospace,Menlo,monospace;color:var(--deep);word-break:break-all;flex:1 1 160px;padding:4px}
.consent{background:#fff;border:1.5px solid #d9cba7;border-radius:14px;padding:14px;margin:0 0 18px}
.consent:has(input:checked){border-color:var(--ok);background:#f4faf4}
.shake{animation:shake .45s}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){.shake{animation:none;box-shadow:0 0 0 3px var(--err)}}

.grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:560px){.grid{grid-template-columns:1fr 1fr}}
.bk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.cover{background:linear-gradient(180deg,#efe4c8,#e6d6ae);padding:16px;display:flex;justify-content:center}
.cover img{display:block;width:62%;max-width:230px;aspect-ratio:600/841;object-fit:cover;border-radius:4px;box-shadow:0 10px 22px -10px rgba(40,30,10,.55),0 2px 4px rgba(40,30,10,.2)}
.ph{width:62%;max-width:230px;aspect-ratio:600/841;border:2px dashed #c9b27a;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:700;background:rgba(255,255,255,.45)}
.ph img{width:45%;opacity:.55}
.bk-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.bk h3{margin:0;font:700 22px/1.2 var(--serif);color:var(--deep)}
.tag{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--gold);border:1px solid var(--gold2);border-radius:999px;padding:1px 9px}
.bk-sub{margin:0;color:var(--muted);font-size:15px;line-height:1.45}
.bk .pay{margin-top:auto}
.hint{margin:0;font-size:13.5px;color:var(--muted);text-align:center}
.preview-flag{margin:0;font:700 11px ui-monospace,monospace;color:#b4552d;background:#fff1e8;border:1px dashed #e4a27e;border-radius:6px;padding:3px 6px;text-align:center;letter-spacing:.03em}
.soon .bk-body{opacity:.75}
.soon-l{margin:auto 0 0;font-weight:700;color:var(--muted)}

.foot{text-align:center;padding:30px 0 40px;color:var(--muted);font-size:15px}
.foot img{width:44px;height:44px;opacity:.9}
.foot p{margin:6px 0}
.foot .en{display:block;direction:ltr}
.foot a{color:var(--deep);font-weight:600}

dialog{border:0;border-radius:18px;padding:0;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:var(--paper);color:var(--ink);box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
dialog::backdrop{background:rgba(38,34,28,.55)}
dialog>form,#reqDone{padding:20px 18px}
dialog h3{margin:0 0 4px;font:700 22px var(--serif);color:var(--deep)}
.req-book{margin:0 0 6px;font-weight:700;color:var(--gold)}
textarea{resize:vertical}
.dlg-btns{display:grid;gap:8px}
.bignum{font:700 40px/1.1 ui-monospace,Menlo,monospace;color:var(--deep);text-align:center;margin:8px 0;letter-spacing:.04em}
#reqDone{text-align:center}
@media (min-width:900px){.wrap{max-width:900px}.grid{grid-template-columns:repeat(3,1fr)}.card{padding:32px 40px}}

.btn.wa{width:100%;margin-bottom:8px;background:#25D366;color:#fff;border-color:#1da851}
.btn.wa:hover{background:#1da851}

.wa-in{padding:20px 18px}
.wa-steps{list-style:none;padding:0;margin:12px 0}
.wa-steps li{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;margin-bottom:10px;background:#fff}
.wa-steps li b{display:block;margin-bottom:8px;color:var(--deep)}
.wa-steps li small{display:block;font-size:13px;line-height:1.45;opacity:.8}
.wa-steps li.done{border-color:#25D366}
.wa-steps li.done b::after{content:" ✓";color:#1da851}

/* price & pages 2026-10-26 */
.bk .price{font-size:2rem;font-weight:800;color:#8a5a12;margin:.4rem 0 .6rem;line-height:1.1}
.bk .pages{font-size:1rem;font-weight:600;color:#6b5a44;margin:.2rem 0}

/* ---------- booklet checkout (Nedarim Plus embedded) 2026-10-27 ---------- */
.shelf-lead{margin:0 0 16px;color:var(--muted);text-align:center}
.bk .pay{margin-top:auto;width:100%}
.checkout .back{margin:0 0 10px;padding:4px 0}
.co-item{display:flex;gap:14px;align-items:center;background:var(--goldbg);border:2px solid var(--gold2);border-radius:14px;padding:12px 14px;margin:0 0 18px}
.co-item img{width:72px;height:auto;aspect-ratio:600/841;object-fit:cover;border-radius:4px;flex:none;box-shadow:0 6px 14px -8px rgba(40,30,10,.6);background:#fff}
.co-txt{min-width:0}
.co-line{margin:0;font:700 20px/1.35 var(--serif);color:var(--deep)}
.co-line>span:first-child{display:block;font:600 14px var(--sans);color:var(--gold);letter-spacing:.02em}
.co-dot{color:var(--muted);font-weight:400}
.co-price{color:#8a5a12;white-space:nowrap}
.co-sub{margin:4px 0 0;font-size:14px;color:var(--muted);line-height:1.4}
.checkout .consent{margin:4px 0 14px}
.secure{display:flex;gap:7px;align-items:flex-start;color:var(--muted);font-size:13.5px;line-height:1.45;margin:12px 0 0}
.secure svg{flex:none;margin-top:3px;color:var(--ok)}
.frame-wrap{position:relative;min-height:140px}
#NedarimFrame{display:block;width:100%;border:0;height:0;min-height:0;background:transparent}
.loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-weight:600}
.frame-wrap.ready .loading{display:none}
.frame-wrap.ready{min-height:0}
#coPay .btn.ghost,#coThanks .btn.ghost{margin-top:12px}
.thanks{text-align:center;padding:6px 0}
.thanks h3{margin:0 0 8px;font:700 26px/1.2 var(--serif);color:var(--deep)}
.heart{width:60px;height:60px;margin:4px auto 10px;border-radius:50%;display:grid;place-items:center;background:#e7f2e8;color:var(--ok);font-size:30px;font-weight:700;border:1px solid #c8e0cb}
.th-book{font-size:19px;font-weight:700;color:var(--deep);margin:0 0 4px}
.th-conf{font:600 16px var(--sans);color:var(--deep);background:var(--goldbg);border:1px dashed var(--gold2);border-radius:10px;display:inline-block;padding:4px 12px;margin:2px 0 10px}
.th-conf:empty{display:none}
.bit{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.bit-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.bit-h{margin:0;font:700 18px/1.2 var(--serif);color:var(--deep)}
.bit-p{margin:2px 0 0;color:var(--muted);font-size:15px}
.bit-logo{flex:none;width:46px;height:46px;border-radius:12px;background:#1f9bab;color:#fff;display:grid;place-items:center;font:800 19px/1 var(--sans);direction:ltr}
.bit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--paper);border:1.5px dashed #d9cba7;border-radius:12px;padding:8px 10px}
.bit-num{font:700 21px/1.2 var(--sans);color:var(--deep);letter-spacing:.03em}
.bit .hint{margin:10px 0 0;text-align:start}
.wa-alt{text-align:center;margin:14px 0 0;font-size:14.5px}
.wa-alt a{color:var(--muted);font-weight:600}
.th-num{font:700 18px ui-monospace,Menlo,monospace;letter-spacing:.04em;margin-inline-start:4px}
.th-mail{white-space:nowrap;font-weight:700}

/* "Read a sample" 2026-10-29 */
.btn.ghost.sample-btn{border-color:var(--gold);color:var(--deep);font-size:17px}
.bk .sample-btn{margin-top:auto;width:100%}
.bk .sample-btn + .pay{margin-top:0}
.peek{margin-top:14px;text-align:center}
.peek-lead{margin:0 0 10px;color:var(--deep);font-weight:600}
.peek-row{display:flex;flex-direction:column;gap:10px}
.peek-row .sample-btn{margin:0;justify-content:flex-start;gap:12px;padding:8px 14px}
.peek-row .sample-btn img{width:34px;height:auto;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.25);flex:none}
.lockmsg.flash{border-color:var(--gold);color:var(--deep);background:var(--goldbg);font-weight:700}
html.sv-open,html.sv-open body{overflow:hidden}
.sv{position:fixed;inset:0;z-index:50;background:#3a332a;display:flex;flex-direction:column}
.sv-bar{display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));flex:none}
.sv-ttl{margin:0;font:700 17px/1.25 var(--serif);color:var(--deep);min-width:0}
.sv-x{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid #cdbb8f;background:#fff;color:var(--deep);font-size:28px;line-height:1;cursor:pointer}
.sv-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 10px calc(30px + env(safe-area-inset-bottom))}
.sv-note{max-width:680px;margin:0 auto 14px;color:#efe6d2;font-size:15px;text-align:center}
.sv-page{max-width:680px;margin:0 auto 14px}
.sv-page img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.45);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.sv-page figcaption{text-align:center;color:#d9cdb3;font-size:13px;margin-top:5px}
.sv-jump{max-width:680px;margin:10px auto 24px;border:2px dashed #cdbb8f;border-radius:14px;padding:16px 14px;text-align:center;color:#efe6d2}
.sv-jump h3{margin:0 0 4px;font:700 20px var(--serif);color:#f3e3b8}
.sv-jump p{margin:0;font-size:15px}
.sv-end{max-width:680px;margin:8px auto 0;background:var(--paper);border-radius:16px;padding:20px 16px;text-align:center;border:2px solid var(--gold2)}
.sv-end h3{margin:0 0 6px;font:700 22px var(--serif);color:var(--deep)}
.sv-end p{margin:0 0 14px;color:var(--muted)}
.sv-end .sv-buy{font-size:19px;min-height:56px}