:root { --books-ink:#092f61; --books-blue:#0b4a91; --books-pale:#eaf4f8; --books-paper:#fbfaf5; --books-gold:#d6a647; }
.digital-books-page { background:var(--books-paper); color:var(--books-ink); }
.books-store,.book-detail { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:72px 0 100px; }
.books-eyebrow { margin:0 0 12px; color:var(--books-blue); font-size:.82rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.books-intro { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:80px; align-items:end; padding:48px 0 72px; border-bottom:1px solid #cfdae2; }
.books-intro h1 { max-width:720px; margin:0; font-size:clamp(3rem,6vw,5.8rem); line-height:.96; letter-spacing:-.06em; }
.books-intro>div>p:last-child { max-width:640px; margin:28px 0 0; color:#53657a; font-size:1.14rem; line-height:1.8; }
.books-trust-list { margin:0; padding:0; list-style:none; border-top:1px solid #cfdae2; }
.books-trust-list li { display:grid; grid-template-columns:42px 120px 1fr; gap:16px; align-items:center; padding:18px 0; border-bottom:1px solid #cfdae2; }
.books-trust-list span { color:var(--books-gold); font:700 .78rem/1 Georgia,serif; }
.books-trust-list strong { font-size:.98rem; }
.books-trust-list small { color:#627286; font-size:.88rem; }
.books-catalog { padding:64px 0 0; }
.books-catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:24px; }
.books-catalog-heading h2 { margin:0; font-size:clamp(2rem,4vw,3.4rem); letter-spacing:-.04em; }
.books-catalog-heading>p { max-width:500px; margin:0 0 5px; color:#607186; line-height:1.7; }
.books-category-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding-bottom:32px; border-bottom:1px solid #cfdae2; }
.books-category-tabs button { display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto auto; column-gap:15px; padding:20px 22px; color:var(--books-ink); text-align:right; background:rgba(255,255,255,.58); border:1px solid #cfdae2; border-radius:14px; cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.books-category-tabs button:hover { transform:translateY(-2px); border-color:#8eb3ce; }
.books-category-tabs button[aria-selected="true"] { color:#fff; background:var(--books-ink); border-color:var(--books-ink); box-shadow:0 12px 24px rgba(9,47,97,.14); }
.books-category-tabs span { grid-row:1/3; align-self:center; color:var(--books-gold); font:700 .76rem/1 Georgia,serif; }
.books-category-tabs strong { font-size:1.05rem; }
.books-category-tabs small { margin-top:3px; color:#6a7a8d; font-size:.76rem; }
.books-category-tabs button[aria-selected="true"] small { color:#c9d8e7; }
.books-shelf { padding:72px 0; }
.books-section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.books-section-heading h2 { margin:0; font-size:clamp(2rem,4vw,3.6rem); letter-spacing:-.04em; }
.books-category-description { max-width:620px; margin:10px 0 0; color:#607186; line-height:1.65; }
.books-launch-badge { padding:9px 14px; border:1px solid #cfdae2; border-radius:99px; color:#607186; font-size:.8rem; font-weight:800; }
.book-cover-wall { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px 28px; align-items:start; padding:8px 8px 44px; }
.catalog-book { min-width:0; margin-top:var(--lift,0); transform:rotate(var(--tilt,0)); transform-origin:center bottom; transition:transform .22s ease; }
.catalog-book:hover { position:relative; z-index:2; transform:translateY(-7px) rotate(0); }
.catalog-book[hidden] { display:none; }
.catalog-book-cover { --cover-accent:#168b8d; position:relative; display:flex; height:330px; min-height:0; padding:25px 29px 24px 23px; flex-direction:column; overflow:hidden; color:#143a5b; text-decoration:none; background:linear-gradient(155deg,#fff 0%,#fbfcfd 65%,#f3f7f8 100%); border:1px solid #d7e0e5; border-radius:17px 6px 6px 17px; box-shadow:10px 15px 25px rgba(8,36,71,.16); }
.catalog-book-cover::before { content:""; position:absolute; top:19px; right:27px; width:31px; height:23px; background:url("assets/logo-mark.png") center/contain no-repeat; }
.catalog-book-cover::after { content:""; position:absolute; inset:0 0 0 auto; width:9px; background:#123f63; box-shadow:-2px 0 0 color-mix(in srgb,var(--cover-accent) 45%,transparent); }
.catalog-book-cover>* { position:relative; z-index:1; }
.catalog-book-cover>span { min-height:28px; padding-inline-start:38px; color:#60758a; font-size:.6rem; font-weight:850; letter-spacing:.01em; white-space:nowrap; }
.catalog-book-cover>strong { margin-top:45px; color:#123f63; font-size:clamp(1.85rem,2.7vw,3rem); line-height:.96; letter-spacing:-.045em; }
.catalog-book-cover>strong::after { content:""; display:block; width:46px; height:2px; margin-top:14px; background:var(--cover-accent); }
.catalog-book-cover>b { margin-top:11px; color:#60758a; font-size:.82rem; line-height:1.45; }
.catalog-book-cover>i { margin-top:auto; padding:18px 6px 14px; direction:ltr; color:color-mix(in srgb,var(--cover-accent) 74%,#123f63); border:0; font:italic 1.02rem/1.35 Georgia,serif; text-align:center; }
.catalog-book-cover>small { margin-top:13px; padding-top:12px; color:#536b80; border-top:1px solid #d8e1e6; font-size:.66rem; font-weight:800; }
.catalog-book.is-available .catalog-book-cover>small { font-size:.74rem; }
.catalog-book.is-available .catalog-book-cover>small::before,.series-book-cover small::before { content:"מחבר הספר"; display:block; margin-bottom:3px; color:var(--cover-accent); font-size:.72em; font-weight:850; }
.catalog-book.is-available .catalog-book-cover>strong { margin-top:28px; }
.catalog-book.is-available .catalog-book-cover>b { margin-top:7px; }
.catalog-book.is-available .catalog-book-cover .cover-sequence-steps { height:54px; margin-top:12px; }
.catalog-book.is-available .catalog-book-cover .cover-sequence-steps+i { margin-top:2px; padding:4px 4px 2px; font-size:.9rem; }
.catalog-book.is-available .catalog-book-cover>small { margin-top:6px; padding-top:7px; }
.cover-sequence-steps { display:flex; height:86px; align-items:flex-end; gap:4px; margin-top:auto; direction:ltr; }
.cover-sequence-steps span { display:block; flex:1; background:#b9dcdd; }
.cover-sequence-steps span:nth-child(1) { height:34%; }
.cover-sequence-steps span:nth-child(2) { height:49%; background:#94cacc; }
.cover-sequence-steps span:nth-child(3) { height:64%; background:#70b5b8; }
.cover-sequence-steps span:nth-child(4) { height:80%; background:#24878a; }
.cover-sequence-steps span:nth-child(5) { height:100%; background:#294d68; }
.catalog-book-cover .cover-sequence-steps+i { margin-top:5px; padding-top:8px; }
.catalog-book>div:last-child:not(.catalog-book-cover) { display:flex; justify-content:space-between; gap:10px; padding:14px 8px 0; transform:rotate(calc(var(--tilt,0) * -1)); }
.catalog-book>div:last-child>strong { font-size:.88rem; }.catalog-book>div:last-child>span { color:#708093; font-size:.72rem; }
.catalog-book.is-available>div:last-child>span { color:var(--books-blue); font-weight:850; }
.catalog-book-action { color:var(--books-blue); font-size:.72rem; font-weight:850; text-decoration:none; }
.catalog-book.is-owned .catalog-book-action { padding:7px 12px; color:#fff; background:var(--books-blue); border-radius:99px; box-shadow:0 8px 18px rgba(11,74,145,.14); }
.catalog-book.is-owned .catalog-book-cover { box-shadow:10px 15px 25px rgba(8,36,71,.16),0 0 0 3px rgba(22,139,141,.13); }
.tone-navy { --cover-accent:#168b8d; }.tone-cyan { --cover-accent:#1594a5; }.tone-sand { --cover-accent:#bf8e2c; }
.tone-ink { --cover-accent:#38536e; }.tone-violet { --cover-accent:#7164aa; }.tone-coral { --cover-accent:#be6968; }.tone-mint { --cover-accent:#4fa895; }
.tone-slate { --cover-accent:#647d93; }.tone-blue { --cover-accent:#3a7fbb; }.tone-rose { --cover-accent:#a55e8a; }.tone-midnight { --cover-accent:#123f73; }.tone-electric { --cover-accent:#1380ac; }.tone-light { --cover-accent:#68a9c1; }.tone-green { --cover-accent:#398875; }
.book-product-card { display:grid; grid-template-columns:230px minmax(0,1fr) 250px; gap:42px; align-items:center; padding:34px; background:#fff; border:1px solid #cfdae2; border-radius:22px; box-shadow:0 20px 50px rgba(14,50,88,.07); }
.series-book-cover { --cover-accent:#168b8d; position:relative; display:flex; min-height:315px; padding:27px 35px 27px 27px; flex-direction:column; overflow:hidden; color:#123f63; text-decoration:none; background:linear-gradient(155deg,#fff 0%,#fbfcfd 65%,#f3f7f8 100%); border:1px solid #d7e0e5; border-radius:18px 7px 7px 18px; box-shadow:12px 16px 28px rgba(8,45,91,.18); }
.series-book-cover::before { content:""; position:absolute; top:22px; right:34px; width:38px; height:28px; background:url("assets/logo-mark.png") center/contain no-repeat; }
.series-book-cover::after { content:""; position:absolute; inset:0 0 0 auto; width:11px; background:#123f63; box-shadow:-3px 0 0 color-mix(in srgb,var(--cover-accent) 45%,transparent); }
.series-book-cover>span,.series-book-cover>strong,.series-book-cover>b,.series-book-cover>i,.series-book-cover>small,.series-book-cover>.cover-sequence-steps { position:relative; z-index:1; }
.series-book-cover>span { padding-inline-start:48px; color:#60758a; font-size:.7rem; font-weight:850; letter-spacing:.03em; white-space:nowrap; }
.series-book-cover strong { margin-top:52px; color:#123f63; font-size:3.25rem; line-height:1; letter-spacing:-.05em; }
.series-book-cover strong::after { content:""; display:block; width:58px; height:3px; margin-top:18px; background:var(--cover-accent); }
.series-book-cover b { margin-top:12px; color:#60758a; font-size:1rem; }
.series-book-cover i { margin-top:auto; padding:18px 0; direction:ltr; color:#168b8d; border:0; font:italic 1.08rem Georgia,serif; text-align:center; }
.series-book-cover small { margin-top:16px; padding-top:14px; color:#536b80; border-top:1px solid #d8e1e6; font-size:.86rem; font-weight:850; }
.series-book-cover.large { height:590px; min-height:0; cursor:default; }
.series-book-cover.large strong { margin-top:64px; font-size:4.35rem; }
.series-book-cover .cover-sequence-steps { height:128px; }
.series-book-cover.large .cover-sequence-steps { height:142px; gap:7px; }
.series-book-cover .cover-sequence-steps+i { margin-top:8px; padding-top:10px; }
.book-product-copy h3 { margin:0 0 14px; font-size:2rem; }
.book-product-copy>p { color:#607186; line-height:1.75; }
.book-product-copy .book-audience { color:var(--books-blue); font-size:.84rem; font-weight:800; }
.book-product-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:10px 24px; margin:22px 0 0; padding:0; list-style:none; }
.book-product-copy li::before { content:"✓"; margin-left:8px; color:var(--books-blue); font-weight:900; }
.book-product-purchase { align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding-inline-start:34px; border-inline-start:1px solid #d9e1e7; }
.book-product-purchase>span { color:#66778b; font-size:.8rem; font-weight:800; }
.book-product-purchase>div { display:flex; align-items:baseline; gap:12px; margin:8px 0; direction:ltr; }
.book-product-purchase s { color:#8593a2; font-size:1rem; }.book-product-purchase strong { font-size:3rem; }
.book-product-purchase small { color:#65758a; }.book-product-purchase .button { margin-top:24px; }.book-product-purchase p { color:#778697; font-size:.75rem; text-align:center; }
.books-empty-state { display:flex; align-items:center; gap:24px; min-height:220px; padding:38px; background:#fff; border:1px dashed #a9bdcc; border-radius:18px; }
.books-empty-state[hidden] { display:none; }
.books-empty-state>span { display:grid; width:64px; height:64px; flex:0 0 auto; place-items:center; color:#fff; background:var(--books-blue); border-radius:50%; font:italic 2rem Georgia,serif; }
.books-empty-state h3 { margin:0 0 8px; font-size:1.5rem; }.books-empty-state p { margin:0; color:#607186; line-height:1.7; }
.books-membership { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:70px; align-items:center; margin:12px 0 72px; padding:48px 54px; color:#fff; background:linear-gradient(135deg,#072b58,#0b4a91); border-radius:24px; box-shadow:0 24px 55px rgba(9,47,97,.16); }
.books-membership .books-eyebrow { color:#9ec9dc; }.books-membership h2 { margin:0; color:#fff; font-size:clamp(2.4rem,4vw,4.2rem); line-height:1; letter-spacing:-.045em; }.books-membership .membership-copy>p:not(.books-eyebrow) { max-width:680px; margin:20px 0; color:#d7e4ee; line-height:1.75; }
.books-membership ul { display:flex; flex-wrap:wrap; gap:10px 22px; margin:0; padding:0; list-style:none; color:#e6f0f6; font-size:.82rem; }.books-membership li::before { content:"✓"; margin-left:7px; color:#8ed6e1; font-weight:900; }
.membership-price { padding-inline-start:38px; border-inline-start:1px solid rgba(255,255,255,.25); }.membership-price>span { display:block; color:#bcd2e1; font-size:.76rem; font-weight:800; }.membership-price>strong { display:block; margin:4px 0 0; direction:ltr; font-size:4.6rem; line-height:1; }.membership-price>strong small { font-size:1.4rem; }.membership-price>b { display:block; margin:4px 0 20px; color:#d8e6ef; }.membership-price .button { display:block; color:var(--books-ink); background:#fff; text-align:center; }.membership-price>p { margin:12px 0 0; color:#bad0df; font-size:.7rem; line-height:1.55; text-align:center; }
.books-security-note { display:flex; align-items:center; gap:24px; padding:34px 0; border-top:1px solid #cfdae2; border-bottom:1px solid #cfdae2; }
.books-security-note>span { display:grid; width:56px; height:56px; place-items:center; border-radius:50%; background:var(--books-pale); font-size:2rem; }
.books-security-note h2 { margin:0 0 6px; font-size:1.18rem; }.books-security-note p { margin:0; color:#607186; }
.book-back-link { display:inline-block; margin-bottom:28px; color:#607186; font-weight:750; text-decoration:none; }
.book-detail-hero { display:grid; grid-template-columns:280px minmax(0,1fr) 300px; gap:42px; align-items:start; }
.book-detail-copy { padding-top:28px; }.book-detail-copy h1 { margin:0; font-size:clamp(3rem,5vw,5rem); line-height:1; letter-spacing:-.055em; }
.book-detail-lead { max-width:580px; margin:24px 0; color:#53657a; font-size:1.1rem; line-height:1.8; }
.book-detail-tags { display:flex; flex-wrap:wrap; gap:8px; }.book-detail-tags span { padding:8px 12px; border-radius:99px; background:var(--books-pale); font-size:.78rem; font-weight:800; }
.book-detail-benefits { margin-top:34px; padding-top:22px; border-top:1px solid #cfdae2; }.book-detail-benefits p { color:#5b6d82; line-height:1.65; }
.book-checkout-card { position:sticky; top:28px; padding:28px; background:#fff; border:1px solid #cfdae2; border-radius:18px; box-shadow:0 20px 45px rgba(14,50,88,.08); }
.checkout-kicker { margin:0; color:var(--books-blue); font-size:.82rem; font-weight:850; }.book-checkout-price { display:flex; align-items:baseline; gap:12px; margin:8px 0; direction:ltr; }.book-checkout-price s { color:#8795a5; }.book-checkout-price strong { font-size:3.2rem; }
.book-checkout-access { color:#607186; font-size:.82rem; line-height:1.5; }
.coupon-form { margin:24px 0; padding:20px 0; border-top:1px solid #d9e1e7; border-bottom:1px solid #d9e1e7; }.coupon-form label { display:block; margin-bottom:8px; font-size:.84rem; font-weight:800; }.coupon-form>div { display:flex; direction:rtl; }.coupon-form input { min-width:0; flex:1; padding:11px; border:1px solid #bdcbd6; border-radius:0 8px 8px 0; font:inherit; text-transform:uppercase; }.coupon-form button { padding:0 15px; color:#fff; background:var(--books-blue); border:0; border-radius:8px 0 0 8px; font:700 .84rem/1 inherit; cursor:pointer; }.coupon-form p { min-height:1.3em; margin:8px 0 0; font-size:.75rem; }.coupon-form p[data-state="success"] { color:#177245; }.coupon-form p[data-state="error"] { color:#a03636; }
.book-buy-button { width:100%; text-align:center; }.book-purchase-assurances { margin:20px 0 0; padding:0; list-style:none; color:#66778b; font-size:.78rem; }.book-purchase-assurances li { margin:8px 0; }.book-purchase-assurances li::before { content:"✓"; margin-left:7px; color:var(--books-blue); font-weight:900; }
.book-reader-open-link { display:block; margin-top:12px; color:var(--books-blue); text-align:center; text-decoration:none; font-size:.82rem; font-weight:900; }.book-reader-open-link:hover { text-decoration:underline; }
.book-content-map { display:grid; grid-template-columns:340px 1fr; gap:90px; margin-top:100px; padding-top:60px; border-top:1px solid #cfdae2; }.book-content-map h2 { margin:0; font-size:2.7rem; line-height:1.08; }.book-content-map ol { margin:0; padding:0; list-style:none; }.book-content-map li { display:grid; grid-template-columns:56px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid #cfdae2; }.book-content-map li>span { color:var(--books-gold); font:700 .8rem Georgia,serif; }.book-content-map h3 { margin:0 0 5px; }.book-content-map li p { margin:0; color:#607186; }
@media (max-width:980px) { .books-intro,.book-detail-hero,.book-content-map { grid-template-columns:1fr; gap:36px; }.books-catalog-heading { align-items:start; flex-direction:column; gap:16px; }.book-cover-wall { grid-template-columns:repeat(3,minmax(0,1fr)); }.books-membership { grid-template-columns:1fr; gap:30px; }.membership-price { padding:28px 0 0; border-inline-start:0; border-top:1px solid rgba(255,255,255,.25); }.book-product-card { grid-template-columns:180px 1fr; }.book-product-purchase { grid-column:1/-1; padding:24px 0 0; border-inline-start:0; border-top:1px solid #d9e1e7; }.series-book-cover.large { width:min(340px,100%); }.book-checkout-card { position:static; }.books-trust-list { max-width:650px; } }
@media (max-width:640px) { .books-store,.book-detail { width:min(100% - 24px,1180px); padding-top:36px; }.books-intro h1 { font-size:3.1rem; }.books-trust-list li { grid-template-columns:36px 1fr; }.books-trust-list small { grid-column:2; }.books-category-tabs { grid-template-columns:1fr; }.books-category-tabs button { min-height:72px; }.books-section-heading { align-items:start; flex-direction:column; }.book-cover-wall { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 14px; padding-inline:0; }.catalog-book-cover { height:270px; padding:20px 17px; }.catalog-book-cover>strong { margin-top:34px; font-size:1.7rem; }.catalog-book.is-available .catalog-book-cover>strong { margin-top:18px; }.catalog-book.is-available .catalog-book-cover .cover-sequence-steps { height:40px; }.catalog-book>div:last-child:not(.catalog-book-cover) { display:block; }.catalog-book>div:last-child>span { display:block; margin-top:3px; }.books-membership { padding:34px 26px; }.book-product-card { grid-template-columns:1fr; padding:20px; }.series-book-cover { width:min(240px,100%); margin:auto; }.book-product-copy ul { grid-template-columns:1fr; }.book-product-purchase { grid-column:auto; }.book-detail-hero { gap:28px; }.book-content-map { margin-top:60px; }.digital-books-page .nav { display:none; } }