/* Arka Familie: paleta caldă (lemn, hârtie veche, cărămiziu), ca să se deosebească de verdele editurii */
.fam-body{--f-ink:#3b2a1e;--f-soft:#6f5a48;--f-paper:#fbf6ec;--f-card:#fffdf8;--f-line:#e8dcc6;--f-accent:#a8502f;--f-gold:#b8893e;--f-deep:#2e2118;background:var(--f-paper)}
.fam-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.fam-hero{background:radial-gradient(800px 380px at 85% 10%,rgba(184,137,62,.22),transparent 60%),linear-gradient(160deg,#fbf3e4,#f3e6cf);border-bottom:1px solid var(--f-line);overflow:hidden}
.fam-hero-g{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:56px 20px 64px}
.fam-eye{font:600 13px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--f-accent);margin:0 0 16px}
.fam-hero h1{font-size:clamp(36px,5.2vw,62px);line-height:1.04;color:var(--f-deep);margin:0 0 18px}
.fam-hero h1 em{font-style:italic;color:var(--f-accent);font-weight:400}
.fam-lead{font:18px/1.65 system-ui,sans-serif;color:var(--f-soft);max-width:560px;margin:0 0 26px}
.fam-cta{display:flex;flex-wrap:wrap;gap:12px}
.fam-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--f-accent);color:#fff;border:0;border-radius:999px;padding:14px 24px;font:600 16px/1 system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px -10px rgba(168,80,47,.7);transition:transform .15s,background .15s}
.fam-btn:hover{background:#8f4126;transform:translateY(-1px)}
.fam-btn.line{background:transparent;color:var(--f-deep);border:1.5px solid var(--f-ink);box-shadow:none}
.fam-btn.line:hover{background:rgba(59,42,30,.06)}
.fam-btn.sm{padding:9px 15px;font-size:14px}
.fam-btn[disabled]{opacity:.6;cursor:wait}
.fam-note{font:14px system-ui,sans-serif;color:var(--f-soft);margin:14px 0 0}
.fam-book{position:relative;height:420px}
.fam-cover{position:absolute;left:0;top:20px;width:250px;height:350px;border-radius:6px 14px 14px 6px;background:linear-gradient(135deg,#7a3a22,#4a2416);color:#f6e7cf;padding:34px 26px;display:flex;flex-direction:column;box-shadow:inset 8px 0 0 rgba(0,0,0,.18),0 30px 50px -22px rgba(46,33,24,.7);transform:rotate(-5deg)}
.fam-cover small{font:600 10px system-ui,sans-serif;letter-spacing:.2em;color:#e2c48f}
.fam-cover strong{font-size:34px;line-height:1.1;margin:22px 0 12px;color:#fff6e6}
.fam-cover i{font-size:14px;color:#e8d3b0}
.fam-cover span{margin-top:auto;font:12px system-ui,sans-serif;color:#e2c48f;border-top:1px solid rgba(226,196,143,.4);padding-top:10px}
.fam-page{position:absolute;right:0;top:0;width:290px;min-height:340px;background:var(--f-card);border:1px solid var(--f-line);border-radius:4px;padding:28px 26px;box-shadow:0 24px 50px -24px rgba(46,33,24,.5);transform:rotate(3deg)}
.fam-page .q{font-style:italic;color:var(--f-accent);font-size:19px;margin:0 0 12px}
.fam-page p{font-size:15px;line-height:1.6;color:var(--f-ink);margin:0 0 10px}
.fam-page .sig{font:13px system-ui,sans-serif;color:var(--f-soft)}
.wave{display:flex;align-items:center;gap:3px;margin-top:16px;padding:10px 12px;border-radius:999px;background:#f5ecdc}
.wave i{display:block;width:3px;border-radius:2px;background:var(--f-accent);height:8px}
.wave i:nth-child(2n){height:18px}.wave i:nth-child(3n){height:12px}.wave i:nth-child(5n){height:22px}
.wave span{margin-left:auto;font:12px system-ui,sans-serif;color:var(--f-soft)}
.fam-feats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:56px;padding-bottom:20px}
.fam-feat{background:var(--f-card);border:1px solid var(--f-line);border-radius:18px;padding:26px}
.fam-feat h3{color:var(--f-deep);font-size:23px;margin:12px 0 8px}
.fam-feat p{font:15.5px/1.65 system-ui,sans-serif;color:var(--f-soft);margin:0}
.fam-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#f4e5cf;color:var(--f-accent);font-size:24px}
.fam-ic svg.ico{width:26px;height:26px}
.fam-how{padding-top:44px;padding-bottom:20px}
.fam-how h2,.fam-price h2,.fam-faq h2{font-size:clamp(28px,3.6vw,40px);color:var(--f-deep);margin:0 0 22px;text-align:center}
.fam-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.fam-steps li{display:flex;gap:14px;align-items:flex-start}
.fam-steps b{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--f-deep);color:#f6e7cf;font:600 17px system-ui,sans-serif}
.fam-steps h4{margin:4px 0 4px;font-size:18px;color:var(--f-deep)}
.fam-steps p{margin:0;font:14.5px/1.55 system-ui,sans-serif;color:var(--f-soft)}
.fam-quote{background:var(--f-deep);color:#f3e2c4;margin:52px 0 0;padding:46px 0;text-align:center}
.fam-quote p{font-size:clamp(21px,2.6vw,29px);font-style:italic;max-width:780px;margin:0 auto;line-height:1.45}
.fam-price{padding-top:56px;padding-bottom:20px;max-width:760px}
.fam-cur{display:flex;justify-content:center;gap:6px;margin:-6px 0 18px}
.fam-cur button{border:1px solid var(--f-line);background:var(--f-card);color:var(--f-soft);border-radius:999px;padding:6px 14px;font:600 14px system-ui,sans-serif;cursor:pointer}
.fam-cur button.on{background:var(--f-ink);color:#fff;border-color:var(--f-ink)}
.fam-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fam-plan{position:relative;cursor:pointer}
.fam-plan input{position:absolute;opacity:0}
.fam-plan span{display:flex;flex-direction:column;gap:4px;height:100%;box-sizing:border-box;background:var(--f-card);border:2px solid var(--f-line);border-radius:18px;padding:22px;transition:border-color .15s,box-shadow .15s}
.fam-plan input:checked+span{border-color:var(--f-accent);box-shadow:0 12px 28px -18px rgba(168,80,47,.8)}
.fam-plan input:focus-visible+span{outline:3px solid var(--f-gold);outline-offset:2px}
.fam-plan b{font:600 15px system-ui,sans-serif;color:var(--f-soft);text-transform:uppercase;letter-spacing:.08em}
.fam-plan strong{font-size:36px;color:var(--f-deep)}
.fam-plan small{font:14px system-ui,sans-serif;color:var(--f-soft)}
.fam-plan em{position:absolute;top:-11px;right:16px;background:var(--f-gold);color:#fff;font:600 12px system-ui,sans-serif;font-style:normal;padding:5px 10px;border-radius:999px}
.fam-incl{list-style:none;padding:0;margin:22px 0;display:grid;gap:9px}
.fam-incl li{font:15.5px/1.5 system-ui,sans-serif;color:var(--f-ink);padding-left:28px;position:relative}
.fam-incl li::before{content:"";position:absolute;left:4px;top:5px;width:12px;height:7px;border-left:2px solid var(--f-accent);border-bottom:2px solid var(--f-accent);transform:rotate(-45deg)}
.fam-form{background:var(--f-card);border:1px solid var(--f-line);border-radius:18px;padding:24px;display:grid;gap:14px}
.fam-form label{display:grid;gap:6px;font:600 14px system-ui,sans-serif;color:var(--f-ink)}
.fam-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.fam-form textarea,.fam-form select{font:16px system-ui,sans-serif;padding:12px 14px;border:1px solid #d9c9ad;border-radius:10px;background:#fff;color:var(--f-ink);width:100%;box-sizing:border-box}
.fam-form textarea{min-height:200px;line-height:1.6;resize:vertical;font-family:Georgia,serif;font-size:17px}
.fam-check{display:flex!important;grid-template-columns:none;gap:10px!important;align-items:flex-start;font-weight:400!important;font-size:14px!important;color:var(--f-soft)!important}
.fam-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--f-accent);flex:0 0 auto}
.fam-msg{margin:0;font:15px system-ui,sans-serif;color:var(--f-accent);min-height:1em}
.fam-small{margin:0;font:13px system-ui,sans-serif;color:var(--f-soft)}
.fam-small a,.fam-check a{color:var(--f-accent)}
.fam-faq{max-width:760px;padding-top:50px;padding-bottom:70px}
.fam-faq details{background:var(--f-card);border:1px solid var(--f-line);border-radius:14px;margin:0 0 10px;padding:4px 20px}
.fam-faq summary{cursor:pointer;padding:14px 0;font-size:18px;color:var(--f-deep)}
.fam-faq details p{font:15.5px/1.65 system-ui,sans-serif;color:var(--f-soft);margin:0 0 16px}
/* pagina de răspuns */
.fam-ans{max-width:720px;padding-top:40px;padding-bottom:70px}
.fam-ans .fam-eye{text-align:center}
.fam-ans h1{font-size:clamp(28px,4.4vw,42px);color:var(--f-deep);text-align:center;font-style:italic;margin:0 0 10px;line-height:1.25}
.fam-ans .fam-sub{text-align:center;font:16px/1.6 system-ui,sans-serif;color:var(--f-soft);margin:0 0 26px}
.fam-rec{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border-radius:14px;background:#f6ecdc}
.fam-rec .fam-btn{background:#c0392b}
.fam-rec audio{flex:1 1 240px;max-width:100%}
.fam-ph{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fam-ph img{max-width:160px;max-height:160px;border-radius:8px;border:1px solid var(--f-line)}
.fam-done{text-align:center;padding:40px 20px;background:var(--f-card);border:1px solid var(--f-line);border-radius:18px}
.fam-done h2{color:var(--f-deep);margin:10px 0}
/* panoul din Zilele mele */
.fam-panel{background:linear-gradient(160deg,#fbf3e4,#f1e2c8);border:1px solid #e3d1b2;border-radius:22px;padding:24px;margin:0 0 24px;color:#3b2a1e}
.fam-panel h2{color:#2e2118;margin:0 0 6px;font-size:clamp(22px,3vw,30px)}
.fam-panel>p{font:15.5px/1.6 system-ui,sans-serif;color:#6f5a48;margin:0 0 14px}
.fam-panel .fam-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fam-st{display:grid;gap:10px;margin:14px 0}
.fam-st-i{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;background:#fffdf8;border:1px solid #e8dcc6;border-radius:12px;padding:12px 14px}
.fam-st-i b{font-size:17px}
.fam-st-i small{font:13px system-ui,sans-serif;color:#6f5a48}
.fam-st-i .acts{display:flex;gap:8px;flex-wrap:wrap}
.fam-link{background:none;border:0;padding:0;color:#a8502f;font:600 14px system-ui,sans-serif;cursor:pointer;text-decoration:underline}
.fam-inline{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin:10px 0}
.fam-inline input{font:15px system-ui,sans-serif;padding:10px 12px;border:1px solid #d9c9ad;border-radius:10px;min-width:0}
.fam-answers{display:grid;gap:12px;margin-top:16px}
.fam-a{background:#fffdf8;border:1px solid #e8dcc6;border-radius:14px;padding:16px}
.fam-a .q{font-style:italic;color:#a8502f;margin:0 0 6px}
.fam-a p{margin:0 0 8px;white-space:pre-line;line-height:1.6}
.fam-a small{font:13px system-ui,sans-serif;color:#6f5a48}
.fam-a img{max-width:220px;border-radius:8px;display:block;margin:8px 0}
.fam-a audio{width:100%;max-width:420px;margin:6px 0}
/* Cartea familiei (de tipărit) */
.fam-print-bar{position:sticky;top:0;z-index:5;background:#2e2118;color:#f3e2c4;padding:10px 0}
.fam-print-bar .fam-wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fam-print-bar a{color:#f3e2c4}.fam-print-bar span{font:14px system-ui,sans-serif}
.fam-bk{max-width:760px;margin:30px auto 60px;background:#fffdf8;box-shadow:0 20px 50px -30px rgba(0,0,0,.4)}
.bk-pg{padding:70px 70px;min-height:900px;box-sizing:border-box;page-break-after:always;break-after:page;position:relative}
.bk-cover{background:linear-gradient(150deg,#7a3a22,#3f1f13);color:#f6e7cf;display:flex;flex-direction:column;justify-content:center;text-align:center}
.bk-cover small{font:600 12px system-ui,sans-serif;letter-spacing:.3em;color:#e2c48f}
.bk-cover h1{font-size:58px;line-height:1.08;color:#fff6e6;margin:30px 0 16px}
.bk-cover p{font-style:italic;font-size:19px;color:#ead7b6}
.bk-cover .yr{margin-top:60px;font:14px system-ui,sans-serif;color:#e2c48f}
.bk-intro h2,.bk-ch h2{font-size:38px;color:#2e2118;margin:0 0 8px}
.bk-ch .rel{font:600 13px system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#a8502f}
.bk-ch{display:flex;flex-direction:column;justify-content:center;text-align:center}
.bk-q{font-style:italic;color:#a8502f;font-size:24px;line-height:1.35;margin:0 0 18px}
.bk-a{font-size:18px;line-height:1.75;color:#3b2a1e;white-space:pre-line}
.bk-a::first-letter{font-size:3.1em;float:left;line-height:.9;padding:4px 8px 0 0;color:#a8502f}
.bk-img{max-width:100%;max-height:420px;display:block;margin:20px auto;border:8px solid #fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.bk-voice{font:14px system-ui,sans-serif;color:#6f5a48;border-top:1px solid #e8dcc6;padding-top:10px;margin-top:22px}
.bk-voice audio{display:block;margin-top:6px;width:100%}
.bk-foot{position:absolute;bottom:30px;left:0;right:0;text-align:center;font:12px system-ui,sans-serif;color:#b09a80}
.bk-toc li{font-size:19px;margin:8px 0;color:#3b2a1e}
@media (max-width:900px){.fam-hero-g{grid-template-columns:1fr}.fam-book{height:380px;max-width:440px;margin:0 auto;width:100%}.fam-feats{grid-template-columns:1fr}.fam-steps{grid-template-columns:1fr 1fr}.fam-inline{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fam-hero-g{padding:36px 16px 44px}.fam-wrap{padding:0 16px}.fam-plans{grid-template-columns:1fr}.fam-steps{grid-template-columns:1fr}.fam-cover{width:200px;height:290px;padding:26px 20px}.fam-cover strong{font-size:27px}.fam-page{width:230px;padding:22px 18px}.fam-book{height:340px}.bk-pg{padding:40px 26px;min-height:auto}.bk-cover h1{font-size:40px}.fam-inline{grid-template-columns:1fr}}
@media print{.no-print,header.top,footer.foot,.a-toast{display:none!important}.fam-body{background:#fff}.fam-bk{margin:0;max-width:none;box-shadow:none}.bk-pg{min-height:100vh;padding:20mm 18mm}.bk-voice audio{display:none}@page{margin:0}}
/* Biblioteca online */
.cit-lib{padding-top:40px;padding-bottom:70px}
.cit-lib h1{font-size:clamp(30px,4.4vw,48px);color:var(--f-deep);margin:0 0 8px}
.cit-lib>p{font:16px/1.6 system-ui,sans-serif;color:var(--f-soft);margin:0 0 18px}
.cit-tabs{display:flex;gap:6px;margin:0 0 20px}
.cit-tabs button{border:1px solid var(--f-line);background:var(--f-card);color:var(--f-soft);border-radius:999px;padding:7px 16px;font:600 14px system-ui,sans-serif;cursor:pointer}
.cit-tabs button.on{background:var(--f-ink);color:#fff;border-color:var(--f-ink)}
.cit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px}
.cit-b{background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--f-ink)}
.cit-b img{width:100%;aspect-ratio:var(--r);object-fit:cover;border-radius:3px 8px 8px 3px;box-shadow:0 14px 26px -16px rgba(46,33,24,.7);display:block;background:#eee;transition:transform .15s}
.cit-b:hover img{transform:translateY(-3px)}
.cit-b b{display:block;margin-top:10px;font-size:16px;line-height:1.3}
.cit-b small{font:13px system-ui,sans-serif;color:var(--f-soft)}
.cit-b i{display:block;height:4px;border-radius:2px;background:var(--f-line);margin-top:6px;overflow:hidden}.cit-b i u{display:block;height:100%;background:var(--f-accent)}
.cit-rd{background:#3a3430;min-height:100vh}
.cit-bar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#241f1b;color:#eee;padding:10px 16px;font:14px system-ui,sans-serif}
.cit-bar b{flex:1 1 200px;font:600 15px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cit-bar button,.cit-bar input{background:#3a3430;color:#fff;border:1px solid #5a514a;border-radius:8px;padding:7px 11px;font:14px system-ui,sans-serif;cursor:pointer}
.cit-bar input{width:64px;cursor:text}
.cit-pages{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 10px 80px}
.cit-pg{width:min(var(--w,820px),100%);aspect-ratio:var(--r);background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.35);position:relative}
.cit-pg img{width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.cit-pg span{position:absolute;right:-2px;bottom:-20px;font:11px system-ui,sans-serif;color:#aaa}
.cit-lock{max-width:640px;margin:60px auto;text-align:center;background:var(--f-card);border:1px solid var(--f-line);border-radius:18px;padding:34px}
.cit-lock h1{color:var(--f-deep)}
@media print{.cit-rd,.cit-pages{display:none!important}}

.fam-body [hidden]{display:none!important}
iframe[title="Powered by Netlify"]{display:none!important}