/* ============================================================
   צו ירושה אונליין — שפת העיצוב המשותפת לכל דפי האתר.
   "מסמך רשמי, רגוע": נייר שנהב · דיו כהה · פליז. ממורכז ואוורירי, כמו "הסכם ממון פשוט".
   הקהל מבוגר (45-70) ונמצא באבל: גופן בסיס 18px, ניגודיות גבוהה,
   כפתורים גדולים, אפס ז'רגון, בלי אנימציות קופצניות.
   פונטים לפי מוסכמות המשרד: Frank Ruhl Libre + Assistant.
   ============================================================ */
:root{
  /* נייר שנהב חם · דיו כהה · פליז רדוד - המשפחה העיצובית של "הסכם ממון פשוט", בגרסה שקטה:
     כפתורי הפעולה בדיו (לא בזהב-פויל), הזהב רק בקווים, בסימונים ובמחיר. */
  --bg:#FAF7EF; --surface:#FFFEFA; --surface-2:#F3EEDF;
  --ink:#2B2A33; --ink-2:#55525F; --muted:#77737F; --line:#E7DFC9; --line-strong:#D5C9A7;
  --navy:#2E2C38; --navy-deep:#201F29;
  --accent:#8A6C2C; --accent-deep:#6F5621; --accent-ink:#FFFFFF; --accent-soft:#F1E8D2;
  --brass:#8A6C2C; --brass-soft:#F6ECD8; --gold:#A8853B;
  --warn:#9E6B24; --warn-soft:#F6ECD8;
  --stop:#A85A48; --stop-soft:#F5E6E0;
  --shadow:0 1px 2px rgba(43,42,51,.04), 0 12px 30px -18px rgba(43,42,51,.18);
  --shadow-lg:0 2px 4px rgba(43,42,51,.05), 0 18px 44px -18px rgba(138,108,44,.22), 0 36px 80px -40px rgba(43,42,51,.22);
  --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0; direction:rtl; color:var(--ink); background:var(--bg);
  font-family:"Assistant","Arial Hebrew",Arial,sans-serif; font-size:18px; line-height:1.7; -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Frank Ruhl Libre","David",Georgia,serif; line-height:1.25; margin:0; text-wrap:balance; font-weight:700}
p{margin:0}
img{max-width:100%}
a{color:var(--accent); text-underline-offset:3px; text-decoration-thickness:1px}
button,input,select,textarea{font-family:inherit}
:focus-visible{outline:3px solid var(--brass); outline-offset:2px; border-radius:6px}
bdi,.num{font-variant-numeric:tabular-nums}

.wrap{max-width:1040px; margin:0 auto; padding:0 clamp(16px,4vw,32px)}
.narrow{max-width:760px}


/* ---------- header ---------- */
header.site{position:sticky; top:0; z-index:50; background:rgba(243,246,245,.95); backdrop-filter:blur(8px); border-bottom:1px solid var(--line)}
.nav{display:flex; align-items:center; gap:18px; padding:11px 0}
.logo{display:flex; align-items:center; gap:11px; font-weight:800; font-size:19px; color:var(--ink); text-decoration:none; line-height:1.2}
.logo .mark{width:38px; height:38px; border-radius:9px; background:var(--accent); color:#fff; display:grid; place-items:center;
  font-family:"Frank Ruhl Libre",serif; font-size:21px; font-weight:700; flex:none}
.logo small{display:block; font-size:12px; color:var(--muted); font-weight:600}
.nav .links{display:flex; gap:20px; margin-inline-start:auto; font-size:16px}
.nav .links a{color:var(--ink-2); text-decoration:none; font-weight:600}
.nav .links a:hover{color:var(--accent)}
.nav .tel{font-weight:800; color:var(--ink); text-decoration:none; white-space:nowrap; font-size:17px}
@media(max-width:860px){.nav .links{display:none}.nav .tel{margin-inline-start:auto}}
@media(max-width:480px){.logo small{display:none}}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; border:none; border-radius:10px;
  font-weight:800; text-decoration:none; font-size:18px; padding:14px 26px; min-height:52px; transition:background .15s, transform .15s, box-shadow .15s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--accent); color:var(--accent-ink); box-shadow:0 10px 24px -12px rgba(30,107,88,.6)}
.btn-primary:hover{background:var(--accent-deep)}
.btn-ghost{background:var(--surface); color:var(--ink); border:1.5px solid var(--line-strong)}
.btn-ghost:hover{border-color:var(--accent); color:var(--accent)}
.btn-wa{background:#1F8F55; color:#fff}
.btn-wa:hover{background:#18784A}
.btn-sm{font-size:16px; padding:9px 16px; min-height:42px; border-radius:9px}
.btn[disabled]{opacity:.55; cursor:not-allowed}

/* ---------- hero ---------- */
.hero{padding:clamp(34px,6vw,70px) 0 clamp(28px,5vw,54px)}
.hero-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr; gap:34px}}
.eyebrow{font-size:14px; font-weight:800; letter-spacing:.06em; color:var(--brass)}
.hero h1{font-size:clamp(36px,6vw,56px); margin-top:10px; letter-spacing:-.005em}
.bigprice{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:16px}
.bigprice .num{font-family:"Frank Ruhl Libre",serif; font-weight:700; font-size:clamp(44px,8vw,62px); color:var(--accent); line-height:1}
.bigprice .cur{font-size:22px; font-weight:800; color:var(--accent)}
.bigprice .inc{font-size:16px; color:var(--ink-2); font-weight:600; flex-basis:100%}
.hero .sub{font-size:clamp(18px,2.2vw,20px); color:var(--ink-2); margin-top:14px; max-width:54ch}
.cta-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; align-items:center}
.trust{display:flex; flex-wrap:wrap; gap:8px 10px; margin-top:22px; padding:0; list-style:none}
.trust li{font-size:15px; font-weight:700; color:var(--ink-2); background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:6px 12px}
.trust li::before{content:"✓ "; color:var(--accent); font-weight:800}

/* מסמך לדוגמה בהירו — הצו הדיגיטלי */
.doc-mock{background:var(--surface); border:1px solid var(--line-strong); border-radius:6px; box-shadow:var(--shadow-lg); padding:28px 26px 24px;
  max-width:390px; margin:0 auto; position:relative; font-size:14px}
.doc-mock::before{content:""; position:absolute; inset:7px; border:1px solid var(--line); border-radius:3px; pointer-events:none}
.doc-mock .dm-top{text-align:center; font-size:12px; color:var(--muted); letter-spacing:.05em}
.doc-mock .dm-title{font-family:"Frank Ruhl Libre",serif; font-weight:700; font-size:25px; text-align:center; margin:4px 0 10px; border-bottom:3px double var(--accent); padding-bottom:10px}
.doc-mock table{width:100%; border-collapse:collapse; margin-top:12px}
.doc-mock th,.doc-mock td{text-align:right; padding:6px 4px; border-bottom:1px solid var(--line); font-size:14px}
.doc-mock th{font-size:12px; color:var(--muted); font-weight:700}
.doc-mock td.sh{font-weight:800; color:var(--accent); text-align:left; direction:ltr}
.doc-mock .bar{height:7px; border-radius:4px; background:var(--surface-2); margin:8px 0}
.doc-mock .bar.w70{width:70%}.doc-mock .bar.w50{width:50%}
.doc-mock .seal{margin-top:16px; display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--accent); font-weight:700; background:var(--accent-soft); border-radius:8px; padding:8px 12px}

/* ---------- sections ---------- */
section{padding:clamp(40px,6vw,68px) 0}
section.alt{background:var(--surface); border-block:1px solid var(--line)}
.sec-title{font-size:clamp(27px,3.8vw,35px)}
.sec-sub{font-size:19px; color:var(--ink-2); margin-top:10px; max-width:62ch}
.center{text-align:center}
.center .sec-sub{margin-inline:auto}

/* שלוש השאלות */
.three{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:6px}
@media(max-width:820px){.three{grid-template-columns:1fr}}
.qcard{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:22px 22px 20px; box-shadow:var(--shadow)}
section.alt .qcard{background:var(--bg)}
.qcard .q{font-size:15px; font-weight:800; color:var(--brass); letter-spacing:.03em}
.qcard .a{font-family:"Frank Ruhl Libre",serif; font-size:30px; font-weight:700; color:var(--accent); line-height:1.15; margin:6px 0 6px}
.qcard p{font-size:16.5px; color:var(--ink-2); line-height:1.6}

/* שלבים */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px; counter-reset:st}
@media(max-width:820px){.steps{grid-template-columns:1fr}}
.stp{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:24px 22px 20px; position:relative; box-shadow:var(--shadow)}
.stp::before{counter-increment:st; content:counter(st); position:absolute; top:-16px; inset-inline-start:18px; width:34px; height:34px; border-radius:50%;
  background:var(--accent); color:#fff; display:grid; place-items:center; font-weight:800; font-size:17px; box-shadow:0 0 0 4px var(--bg)}
section.alt .stp{background:var(--bg)} section.alt .stp::before{box-shadow:0 0 0 4px var(--surface)}
.stp h3{font-size:21px; margin:8px 0 6px}
.stp p{font-size:16.5px; color:var(--ink-2); line-height:1.6}
.stp .time{display:inline-block; margin-top:10px; font-size:14px; font-weight:800; color:var(--brass); background:var(--brass-soft); border-radius:6px; padding:2px 10px}

/* מתאים / לא מתאים */
.fit{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px}
@media(max-width:760px){.fit{grid-template-columns:1fr}}
.fitcard{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:22px 24px; box-shadow:var(--shadow)}
.fitcard.yes{border-top:4px solid var(--accent)} .fitcard.no{border-top:4px solid var(--line-strong)}
.fitcard h3{font-size:20px; margin-bottom:10px}
.fitcard ul{list-style:none; margin:0; padding:0; display:grid; gap:9px}
.fitcard li{font-size:16.5px; color:var(--ink-2); padding-inline-start:26px; position:relative; line-height:1.55}
.fitcard.yes li::before{content:"✓"; position:absolute; inset-inline-start:0; color:var(--accent); font-weight:800}
.fitcard.no li::before{content:"←"; position:absolute; inset-inline-start:0; color:var(--brass); font-weight:800}
.fitcard .foot{font-size:15.5px; color:var(--ink-2); margin-top:14px; padding-top:12px; border-top:1px dashed var(--line)}

/* טבלת מחיר */
.tablewrap{overflow-x:auto; margin-top:24px; border:1px solid var(--line); border-radius:var(--r); background:var(--surface); box-shadow:var(--shadow)}
table.price{border-collapse:collapse; width:100%; font-size:17px}
table.price th,table.price td{text-align:right; padding:13px 16px; border-bottom:1px solid var(--line); vertical-align:top}
table.price th{font-size:14.5px; color:var(--ink-2); background:var(--surface-2); font-weight:800}
table.price td.n{white-space:nowrap; font-weight:800; font-variant-numeric:tabular-nums}
table.price tr:last-child td{border-bottom:none}
table.price tr.total td{background:var(--accent-soft); font-weight:800}
table.price small{display:block; font-size:14.5px; color:var(--muted); font-weight:400}
.note{border-inline-start:4px solid var(--accent); background:var(--accent-soft); padding:14px 18px; margin-top:18px; border-radius:0 8px 8px 0; font-size:16.5px}
.note.brass{border-color:var(--brass); background:var(--brass-soft)}
.note.warn{border-color:var(--warn); background:var(--warn-soft)}

/* ציר זמן */
.timeline{list-style:none; margin:30px 0 0; padding:0; display:grid; gap:0}
.timeline li{display:grid; grid-template-columns:92px 1fr; gap:18px; position:relative; padding-bottom:24px}
.timeline li::before{content:""; position:absolute; inset-inline-start:91px; top:8px; bottom:0; width:2px; background:var(--line-strong)}
.timeline li:last-child::before{display:none}
.timeline .when{font-weight:800; color:var(--accent); font-size:16px; text-align:left; padding-inline-end:16px; line-height:1.4; padding-top:1px}
.timeline .what{position:relative; padding-inline-start:20px}
.timeline .what::before{content:""; position:absolute; inset-inline-start:-8px; top:7px; width:14px; height:14px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px var(--bg)}
section.alt .timeline .what::before{box-shadow:0 0 0 4px var(--surface)}
.timeline b{display:block; font-size:18.5px}
.timeline span{font-size:16.5px; color:var(--ink-2)}
@media(max-width:520px){.timeline li{grid-template-columns:70px 1fr; gap:14px}.timeline li::before{inset-inline-start:69px}.timeline .when{font-size:14.5px; padding-inline-end:10px}}

/* כרטיס עורך הדין */
.lcard{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:26px 28px; margin-top:26px; max-width:820px}
.lhead{display:flex; align-items:center; gap:18px; margin-bottom:14px}
.lphoto{width:84px; height:84px; border-radius:50%; object-fit:cover; border:2px solid var(--accent); box-shadow:0 0 0 4px var(--accent-soft); flex:none}
.lname{font-family:"Frank Ruhl Libre",serif; font-weight:700; font-size:23px}
.lrole{font-size:16px; color:var(--ink-2)}
.lfacts{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.lfacts li{position:relative; padding-inline-start:26px; font-size:16.5px; color:var(--ink-2)}
.lfacts li::before{content:"✓"; position:absolute; inset-inline-start:0; color:var(--accent); font-weight:800}
.lverify{margin-top:14px; padding-top:12px; border-top:1px dashed var(--line); font-size:15.5px; color:var(--ink-2)}

/* שאלות ותשובות */
.faq{max-width:780px; margin-top:26px; display:grid; gap:10px}
.center .faq{margin-inline:auto; text-align:right}
.qa{background:var(--surface); border:1px solid var(--line); border-radius:10px; overflow:hidden}
section.alt .qa{background:var(--bg)}
.qa summary{list-style:none; cursor:pointer; padding:16px 18px; font-weight:800; font-size:18px; display:flex; gap:12px; align-items:center}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+"; margin-inline-start:auto; font-size:24px; color:var(--accent); font-weight:700; line-height:1}
.qa[open] summary::after{content:"−"}
.qa .a{padding:0 18px 17px; font-size:17px; color:var(--ink-2)}

/* מאמר / דף תוכן */
.page-head{padding:clamp(30px,5vw,54px) 0 10px}
.page-head h1{font-size:clamp(32px,5vw,46px)}
.page-head .lede{font-size:20px; color:var(--ink-2); margin-top:12px; max-width:60ch}
.prose{max-width:760px}
.prose h2{font-size:27px; margin:34px 0 10px}
.prose h3{font-size:20px; margin:22px 0 6px; font-family:"Assistant",sans-serif; font-weight:800}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{margin:0 0 14px; padding-inline-start:1.3rem}
.prose li{margin-bottom:6px}
.cta-box{background:var(--accent); color:#fff; border-radius:var(--r); padding:26px 28px; margin:34px 0; display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between}
.cta-box b{font-family:"Frank Ruhl Libre",serif; font-size:24px; display:block}
.cta-box span{font-size:16.5px; opacity:.92}
.cta-box .btn{background:#fff; color:var(--accent-deep)}

/* ---------- footer ---------- */
footer.site{background:#132024; color:#B9C6C3; padding:42px 0 110px; font-size:16px}
footer .cols{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:28px}
@media(max-width:760px){footer .cols{grid-template-columns:1fr}}
footer h4{color:#fff; font-size:17px; margin:0 0 8px; font-family:"Frank Ruhl Libre",serif}
footer ul{list-style:none; margin:0; padding:0; display:grid; gap:5px}
footer a{color:#D5E0DD}
footer .legal{margin-top:26px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); font-size:14px; color:#8FA09C; line-height:1.7}

/* ---------- פס פעולה תחתון במובייל + וואטסאפ ---------- */
.mcta{position:fixed; bottom:0; left:0; right:0; z-index:55; display:none; gap:8px; background:rgba(19,32,36,.97); padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
.mcta .btn{flex:1; min-height:48px; font-size:17px; padding:10px 12px}
.mcta .ic{flex:none; width:52px; padding:0}
@media(max-width:760px){.mcta.show{display:flex}}
.wa-fab{position:fixed; bottom:22px; inset-inline-end:22px; z-index:41; display:flex; align-items:center; gap:10px; text-decoration:none}
.wa-ico{width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:#1F8F55; box-shadow:0 10px 26px -10px rgba(18,110,60,.8)}
.wa-tip{background:var(--ink); border-radius:10px; padding:9px 14px; color:#fff; font-size:15px; line-height:1.4; box-shadow:var(--shadow-lg); opacity:0; transform:translateY(6px); transition:opacity .25s, transform .25s; pointer-events:none; white-space:nowrap}
.wa-tip small{display:block; color:#B9C6C3; font-size:13px}
.wa-fab:hover .wa-tip,.wa-tip.show{opacity:1; transform:none}
@media(max-width:760px){.wa-fab{display:none}}

/* ---------- השאלון ---------- */
.wizpage{min-height:100vh; display:flex; flex-direction:column}
.wizhead{border-bottom:1px solid var(--line); background:var(--surface)}
.wizhead .in{display:flex; align-items:center; gap:14px; padding:11px 0}
.wizhead .tel{margin-inline-start:auto; font-weight:800; color:var(--ink); text-decoration:none; font-size:17px}
.wizbox{max-width:700px; margin:26px auto 60px; background:var(--surface); border:1px solid var(--line-strong); border-radius:14px; box-shadow:var(--shadow-lg); overflow:hidden; width:calc(100% - 24px)}
.wiz-top{background:var(--ink); color:#E9F0EE; padding:14px 22px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-size:16px}
.wiz-top .t{font-weight:700}
.wiz-top .price{margin-inline-start:auto; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25); border-radius:8px; padding:3px 12px; font-size:15px}
.wiz-top .price b{font-size:17px; color:#fff}
.progress{height:5px; background:var(--surface-2)}
.progress i{display:block; height:100%; width:20%; background:var(--accent); transition:width .3s ease}
.wstep{display:none; padding:28px 26px 30px}
.wstep.on{display:block}
@media(max-width:520px){.wstep{padding:22px 16px 24px}}
.wq{font-family:"Frank Ruhl Libre",serif; font-weight:700; font-size:25px; line-height:1.3}
.wq2{font-weight:800; font-size:19px; margin-top:24px}
.wh{font-size:16.5px; color:var(--ink-2); margin-top:6px}
.opts{display:flex; flex-direction:column; gap:10px; margin-top:16px}
.opt{position:relative}
.opt input{position:absolute; opacity:0; inset:0; width:100%; height:100%; margin:0; cursor:pointer}
.opt label{display:flex; gap:12px; align-items:flex-start; border:1.5px solid var(--line-strong); border-radius:11px; padding:14px 16px; cursor:pointer; background:var(--surface); transition:border-color .15s, background .15s}
.opt label:hover{border-color:var(--accent)}
.opt input:checked + label{border-color:var(--accent); background:var(--accent-soft); box-shadow:inset 0 0 0 1px var(--accent)}
.opt input:focus-visible + label{outline:3px solid var(--brass); outline-offset:2px}
.opt .ot{display:block; font-weight:800; font-size:18px}
.opt .od{display:block; font-size:15.5px; color:var(--ink-2); line-height:1.5}
.opt .mark{flex:none; width:22px; height:22px; border-radius:50%; border:2px solid var(--line-strong); margin-top:4px; background:#fff}
.opt input[type=checkbox] + label .mark{border-radius:6px}
.opt input:checked + label .mark{border-color:var(--accent); background:var(--accent); box-shadow:inset 0 0 0 3px #fff}
.row2{display:grid; grid-template-columns:1fr 1fr; gap:10px}
@media(max-width:520px){.row2{grid-template-columns:1fr}}
.stepper{display:inline-flex; align-items:center; gap:0; margin-top:12px; border:1.5px solid var(--line-strong); border-radius:11px; overflow:hidden; background:#fff}
.stepper button{width:56px; height:54px; border:0; background:var(--surface-2); font-size:26px; font-weight:700; cursor:pointer; color:var(--ink)}
.stepper button:hover{background:var(--accent-soft)}
.stepper output{min-width:70px; text-align:center; font-size:24px; font-weight:800}
.fgrid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
.fld{display:flex; flex-direction:column; gap:5px}
.fld.full{grid-column:1/-1}
.fld label{font-size:15.5px; font-weight:800; color:var(--ink-2)}
.fld label .opt-l{font-weight:400; color:var(--muted)}
.fld input,.fld select,.fld textarea{font-size:18px; color:var(--ink); background:#fff; border:1.5px solid var(--line-strong); border-radius:10px; padding:12px 13px; width:100%; min-height:52px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(30,107,88,.16)}
.fld .err{display:none; font-size:14.5px; color:var(--stop); font-weight:700}
.fld.bad input,.fld.bad select{border-color:var(--stop); background:var(--stop-soft)}
.fld.bad .err{display:block}
.check{display:flex; gap:11px; align-items:flex-start; border:1.5px solid var(--line-strong); border-radius:11px; padding:13px 15px; cursor:pointer; margin-top:10px; background:#fff}
.check input{width:22px; height:22px; margin-top:3px; accent-color:var(--accent); flex:none}
.check .ct{font-weight:800; font-size:17px}
.check .cd{font-size:15.5px; color:var(--ink-2); line-height:1.5}
.check .cp{font-size:15.5px; font-weight:800; color:var(--accent); white-space:nowrap; margin-inline-start:auto}
.wnav{display:flex; gap:12px; margin-top:26px}
.wnav .btn-primary{flex:1}
.notice{border-radius:10px; padding:14px 16px; font-size:16.5px; line-height:1.65; margin-top:16px; display:none}
.notice.on{display:block}
.notice.warn{background:var(--warn-soft); color:#7E3E1F; border-inline-start:4px solid var(--warn)}
.notice.stop{background:var(--stop-soft); color:#74291F; border-inline-start:4px solid var(--stop)}
.notice.go{background:var(--accent-soft); color:var(--accent-deep); border-inline-start:4px solid var(--accent)}
.notice.info{background:var(--brass-soft); color:#5E4611; border-inline-start:4px solid var(--brass)}

/* טבלת החלוקה */
.shares{border:1px solid var(--line); border-radius:11px; overflow:hidden; margin-top:14px; background:#fff}
.shares .hd{background:var(--surface-2); font-size:14.5px; font-weight:800; color:var(--ink-2); padding:9px 14px}
.share-row{display:grid; grid-template-columns:1fr auto; gap:6px 12px; align-items:center; padding:11px 14px; border-top:1px solid var(--line)}
.share-row .nm{font-weight:700; font-size:17px}
.share-row .nm small{display:block; font-weight:400; color:var(--muted); font-size:14px}
.share-row .fr{font-family:"Frank Ruhl Libre",serif; font-weight:700; font-size:22px; color:var(--accent); direction:ltr}
.share-row .barw{grid-column:1/-1; height:8px; background:var(--surface-2); border-radius:4px; overflow:hidden}
.share-row .barw i{display:block; height:100%; background:var(--accent); border-radius:4px}
.shares .ex{padding:11px 14px; border-top:1px solid var(--line); font-size:15.5px; color:var(--ink-2); background:var(--bg)}

/* קבלה */
.receipt{margin-top:18px; border:1px solid var(--line); border-radius:11px; overflow:hidden; background:#fff}
.rline{display:flex; justify-content:space-between; gap:14px; padding:11px 14px; border-bottom:1px dashed var(--line); font-size:16.5px}
.rline .k small{display:block; color:var(--muted); font-size:14px}
.rline .v{font-weight:800; white-space:nowrap}
.rtotal{display:flex; justify-content:space-between; align-items:baseline; padding:14px; background:var(--accent-soft); font-weight:800; font-size:20px; font-family:"Frank Ruhl Libre",serif}
.rtotal small{display:block; font-size:14px; color:var(--ink-2); font-weight:600; font-family:"Assistant",sans-serif}
.trustbar{display:flex; flex-wrap:wrap; gap:6px 16px; justify-content:center; margin-top:14px; font-size:15px; color:var(--ink-2)}
.after-note{font-size:14.5px; color:var(--muted); text-align:center; margin-top:10px; line-height:1.6}
.ordiv{display:flex; align-items:center; gap:12px; color:var(--muted); font-size:15px; margin:22px 0 4px}
.ordiv::before,.ordiv::after{content:""; flex:1; height:1px; background:var(--line)}

/* לוכד יציאה */
.exitpop{position:fixed; inset:0; background:rgba(23,34,38,.6); display:none; align-items:center; justify-content:center; z-index:90; padding:18px}
.exitpop.show{display:flex}
.exitpop .card{background:var(--surface); border-radius:14px; max-width:430px; width:100%; padding:26px 24px; text-align:center; box-shadow:var(--shadow-lg)}
.exitpop h4{font-family:"Frank Ruhl Libre",serif; font-size:24px; margin:0 0 8px}
.exitpop p{font-size:16.5px; color:var(--ink-2); margin:0 0 14px}
.exitpop input{width:100%; border:1.5px solid var(--line-strong); border-radius:10px; padding:12px; font-size:18px; margin-bottom:10px; text-align:center}
.exitpop .no{display:inline-block; margin-top:10px; font-size:15px; color:var(--muted); cursor:pointer; background:none; border:0}

/* ---------- דפי הלקוח (תיק / חתימה / מעקב / יורש) ---------- */
.shell{max-width:760px; margin:0 auto; padding:30px 16px 90px}
.shell h1{font-size:clamp(28px,5vw,36px)}
.oid{font-size:15px; color:var(--muted); margin:4px 0 18px}
.card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:22px; box-shadow:var(--shadow); margin-bottom:16px}
.card h2{font-size:23px; margin-bottom:6px}
.card .hint{font-size:16px; color:var(--ink-2)}
.tl{list-style:none; margin:0; padding:0}
.tl li{display:flex; gap:14px; padding:0 0 20px; position:relative}
.tl li::before{content:""; position:absolute; top:28px; bottom:0; inset-inline-start:12px; width:2px; background:var(--line)}
.tl li:last-child::before{display:none}
.tl .dot{width:26px; height:26px; border-radius:50%; background:var(--line); flex:none; display:grid; place-items:center; font-size:14px; color:#fff; font-weight:800}
.tl .done .dot{background:var(--accent)} .tl .now .dot{background:var(--brass); box-shadow:0 0 0 4px var(--brass-soft)}
.tl b{display:block; font-size:18px} .tl small{color:var(--ink-2); font-size:15.5px; display:block}
.tl li:not(.done):not(.now) b{color:var(--muted); font-weight:600}
.heircard{border:1.5px solid var(--line-strong); border-radius:11px; padding:16px; margin-top:14px; background:#fff}
.heircard.me{border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent)}
.heircard .hc-top{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.heircard .role{font-weight:800; font-size:17px; background:var(--surface-2); border-radius:7px; padding:3px 11px}
.heircard .rm{margin-inline-start:auto; background:none; border:0; color:var(--stop); cursor:pointer; font-size:15px; text-decoration:underline}
.sheet-view{background:#fff; border:1px solid var(--line-strong); border-radius:6px; padding:28px 26px; font-family:"David Libre","David",Georgia,serif; font-size:16.5px; line-height:1.75; max-height:520px; overflow:auto}
.sheet-view h1{font-size:22px; text-align:center; text-decoration:underline; margin:12px 0}
.sheet-view h2{font-size:18px; text-align:center; text-decoration:underline; margin:18px 0 8px}
.sheet-view p{margin:0 0 9px}
.sheet-view table{width:100%; border-collapse:collapse; margin:8px 0 14px; font-size:14.5px}
.sheet-view th,.sheet-view td{border:1px solid #999; padding:5px 7px; text-align:right}
.sheet-view .miss{background:#FDEFC9; font-weight:700}
.sheet-view .sig{display:flex; justify-content:space-around; gap:30px; margin-top:40px; text-align:center}
.sheet-view .sig .ln{border-top:1.5px solid #333; padding-top:6px; font-size:14.5px}
.sheet-view .subt{text-align:center} .sheet-view .court{font-weight:700}
.sheet-view .note-op{font-size:13.5px; color:#555}
.tabs{display:flex; gap:6px; flex-wrap:wrap; margin:14px 0 10px}
.tabs button{border:1.5px solid var(--line-strong); background:#fff; border-radius:9px; padding:8px 14px; font-size:16px; font-weight:700; cursor:pointer; color:var(--ink-2)}
.tabs button.on{background:var(--accent); border-color:var(--accent); color:#fff}
.slotday{margin-top:14px}
.slotday b{display:block; font-size:16.5px; margin-bottom:6px}
.slotbtns{display:flex; flex-wrap:wrap; gap:8px}
.slotbtns button{border:1.5px solid var(--line-strong); background:#fff; border-radius:9px; padding:9px 15px; font-size:17px; font-weight:700; cursor:pointer}
.slotbtns button:hover,.slotbtns button.on{border-color:var(--accent); background:var(--accent-soft)}
.pill-st{display:inline-block; font-size:14px; font-weight:800; border-radius:6px; padding:2px 9px}
.pill-st.ok{background:var(--accent-soft); color:var(--accent-deep)} .pill-st.wait{background:var(--brass-soft); color:#6B4E12}
.sigpad{border:1.5px dashed var(--line-strong); border-radius:10px; background:#fff; width:100%; height:170px; touch-action:none; display:block}
.savebar{position:sticky; bottom:0; background:rgba(243,246,245,.96); backdrop-filter:blur(6px); border-top:1px solid var(--line); padding:10px 0; margin-top:18px; font-size:15px; color:var(--muted); text-align:center}
@media print{header.site,footer.site,.mcta,.wa-fab,.no-print{display:none!important}.sheet-view{max-height:none; border:none; padding:0}body{background:#fff}}

/* התאמות מובייל קטנות */
@media(max-width:560px){header.site .btn{display:none}.nav{gap:10px}}
.check{flex-wrap:wrap}
.check .cp{flex-basis:100%; margin-inline-start:33px}

/* ============================================================
   מראה משפחתי (1/10/2026, בקשת לירון): כמו heskem-mamon.co.il -
   הכול ממורכז, הרבה אוויר, כותרת עליונה מינימלית, כותרות סעיף עם
   מפריד, כרטיסים נקיים. הכללים כאן גוברים על מה שמעל.
   ============================================================ */
body{background:
  radial-gradient(900px 420px at 50% -140px, rgba(198,165,102,.10), transparent 62%),
  radial-gradient(700px 380px at -10% 40%, rgba(198,165,102,.05), transparent 55%),
  radial-gradient(700px 380px at 110% 72%, rgba(198,165,102,.05), transparent 55%),
  var(--bg)}
.wrap{max-width:1020px}
header.site{background:rgba(250,247,239,.94)}
.nav{padding:12px 0}
.logo .mark{border-radius:50%; background:var(--navy-deep); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.15), 0 0 0 1px var(--gold); font-size:19px}
.nav .cta-mini{margin-inline-start:auto; white-space:nowrap}
.nav .tel{margin-inline-start:auto}

.btn{border-radius:12px}
.btn-primary{background:var(--navy); color:#F5F2E9; box-shadow:0 10px 24px -12px rgba(32,31,41,.5)}
.btn-primary:hover{background:var(--navy-deep); transform:translateY(-1px)}
.btn-ghost{background:transparent; border:1px solid var(--line-strong)}
.btn-ghost:hover{border-color:var(--gold); color:var(--accent)}

/* הירו ממורכז */
.hero{padding:clamp(40px,7vw,84px) 0 clamp(30px,5vw,56px)}
.hero-grid{grid-template-columns:1fr; gap:40px; justify-items:center}
.hero-grid > div:first-child{text-align:center; max-width:760px}
.eyebrow{display:inline-flex; align-items:center; gap:14px; font-size:13.5px; font-weight:700; letter-spacing:.14em; color:var(--accent)}
.eyebrow::before,.eyebrow::after{content:""; width:34px; height:1px; background:var(--line-strong)}
@media(max-width:560px){.eyebrow{letter-spacing:.04em; gap:10px}.eyebrow::before,.eyebrow::after{width:18px}}
.hero h1{margin-top:20px; font-size:clamp(36px,6vw,58px)}
.bigprice{justify-content:center; margin-top:22px}
.bigprice .num,.bigprice .cur{color:var(--accent)}
.bigprice .inc{text-align:center; margin-top:4px}
.hero .sub{margin:18px auto 0; max-width:58ch}
.cta-row{justify-content:center; margin-top:26px}
.hero .alt-contact{margin-top:14px; font-size:16.5px; color:var(--ink-2)}
.trust{justify-content:center; margin-top:26px}
.trust li{border-radius:20px; padding:6px 14px; font-weight:600; font-size:14.5px}
.trust li::before{color:var(--accent)}
.doc-mock{transform:rotate(-.8deg)}
.doc-mock::before{border-color:rgba(168,133,59,.5)}
.doc-mock .dm-title{border-bottom-color:var(--gold)}
.doc-mock td.sh{color:var(--accent)}
.doc-mock .seal{color:var(--accent-deep)}

/* סרט דיו */
.ribbon{background:var(--navy-deep); color:#E9E4D5}
.ribbon .in{display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; justify-content:center; padding:13px 0; font-size:16px; text-align:center}
.ribbon b{color:#fff}
.ribbon .tag{background:var(--accent-soft); color:var(--accent-deep); font-size:13px; font-weight:800; border-radius:20px; padding:3px 13px}

/* כותרות סעיף ממורכזות עם מפריד */
section{padding:clamp(44px,6.5vw,76px) 0}
section.alt{background:#F6F1E4}
.sec-title{text-align:center; font-size:clamp(26px,3.6vw,34px)}
.sec-title::after{content:"✦"; display:block; width:180px; margin:16px auto 0; font-size:11px; line-height:1; color:var(--gold); text-align:center;
  background:linear-gradient(var(--line-strong),var(--line-strong)) right center/62px 1px no-repeat, linear-gradient(var(--line-strong),var(--line-strong)) left center/62px 1px no-repeat}
.sec-sub{text-align:center; margin:14px auto 0; font-size:18px}
.three{margin-top:0}
.qcard{text-align:center}
.qcard .a{color:var(--ink)}
section.alt .qcard,section.alt .stp,section.alt .qa{background:var(--surface)}
.steps{margin-top:40px}
.stp{transition:transform .18s ease, box-shadow .18s ease}
.stp:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg)}
.stp::before{background:var(--navy-deep); width:30px; height:30px; font-size:15px; top:-14px}
section.alt .stp::before{box-shadow:0 0 0 4px #F6F1E4}
.fit{max-width:900px; margin-inline:auto; margin-top:36px}
.fitcard.yes{border-top:3px solid var(--gold)}
.fitcard.no{border-top:3px solid var(--line-strong)}
.tablewrap{max-width:900px; margin-inline:auto; margin-top:34px}
table.price tr.total td{background:var(--accent-soft)}
.wrap > .note, .wrap > p.small-center{max-width:900px; margin-inline:auto}
.timeline{max-width:720px; margin-inline:auto; margin-top:38px}
.timeline .when{color:var(--accent)}
.timeline .what::before{background:var(--gold)}
.lcard{margin-inline:auto; max-width:780px; margin-top:34px}
.lphoto{border-color:var(--gold); box-shadow:0 0 0 3px var(--accent-soft)}
.faq{margin-inline:auto; margin-top:34px}
.qa{border-radius:12px}
.qa summary{font-weight:700}

/* דפי תוכן ומדריכים: עמודה ממורכזת, כותרת ממורכזת, טקסט מיושר לימין לקריאה */
.page-head{text-align:center; padding:clamp(36px,6vw,64px) 0 6px}
.page-head .lede{margin-inline:auto; max-width:62ch}
.page-head .crumbs{font-size:14.5px; color:var(--muted); margin-bottom:14px}
.page-head .crumbs a{color:var(--muted)}
.prose{margin-inline:auto}
.prose h2{font-size:26px; margin:38px 0 12px}
.prose table{border-collapse:collapse; width:100%; margin:6px 0 18px; font-size:16.5px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow)}
.prose th,.prose td{text-align:right; padding:11px 14px; border-bottom:1px solid var(--line); vertical-align:top}
.prose th{background:var(--surface-2); font-size:14.5px; color:var(--ink-2)}
.prose tr:last-child td{border-bottom:none}
.prose .tldr{background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--r); padding:18px 22px; margin:0 0 26px; box-shadow:var(--shadow)}
.prose .tldr b.h{display:block; font-family:"Frank Ruhl Libre",serif; font-size:19px; margin-bottom:6px}
.prose .tldr ul{margin:0; padding-inline-start:1.2rem}
.prose .tldr-cta{margin:-10px 0 26px; padding:12px 16px; background:var(--surface); border:1px dashed var(--line-strong); border-radius:var(--r); font-size:16.5px; text-align:center}
.prose .tldr-cta a{font-weight:700}
.prose .updated{font-size:14.5px; color:var(--muted); margin-top:26px}
.cta-box{background:var(--navy-deep); border-radius:var(--r)}
.cta-box .btn{background:var(--surface); color:var(--navy-deep)}
.cta-center{text-align:center}
.cta-center .cta-row{margin-top:22px}
.guides{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; margin-top:34px}
.guides a{display:block; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:18px 20px; text-decoration:none; color:var(--ink); box-shadow:var(--shadow); transition:transform .18s ease, box-shadow .18s ease, border-color .18s}
.guides a:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg); border-color:var(--gold)}
.guides b{display:block; font-family:"Frank Ruhl Libre",serif; font-size:19px; line-height:1.3}
.guides span{display:block; font-size:15.5px; color:var(--ink-2); margin-top:5px; line-height:1.5}

footer.site{background:var(--navy-deep); color:#C9C4B6}
footer .cols{grid-template-columns:1.2fr 1fr 1fr 1.2fr}
@media(max-width:900px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){footer .cols{grid-template-columns:1fr}}
footer a{color:#E9E4D5}
footer .legal{color:#9A968A}
.mcta{background:rgba(32,31,41,.97)}
.wizhead{background:var(--surface)}
.wiz-top{background:var(--navy-deep); color:#F2EEE2}
.progress i{background:var(--gold)}
.opt input:checked + label .mark,.check input{accent-color:var(--navy)}
.opt input:checked + label .mark{border-color:var(--navy); background:var(--navy)}
.tl .done .dot{background:var(--navy)}
.shell{padding-top:36px}
/* כותרת עליונה: ריפוד צדדי גם במובייל, והכפתור נשאר גלוי (כמו בהסכם ממון) */
.nav{padding:12px clamp(16px,4vw,32px)}
@media(max-width:560px){header.site .btn.cta-mini{display:inline-flex; font-size:14.5px; padding:8px 12px; min-height:38px}
  .logo{font-size:17px; gap:9px}.logo .mark{width:34px; height:34px; font-size:17px}}
.wizhead .in{padding-inline:clamp(16px,4vw,32px)}
.ribbon .in{padding:13px clamp(16px,4vw,32px)}
.mcta .btn-primary{background:#F5F2E9; color:var(--navy-deep); box-shadow:none}
.mcta .btn-ghost{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.3); color:#fff}
/* המוצר השני, בולט בהירו: מי שנחת בדף הלא נכון רואה מיד שיש גם מסלול בשבילו */
.alt-product{display:inline-block; text-align:center; text-wrap:balance; margin-top:18px; padding:11px 20px;
  border:1px solid var(--line-strong); border-radius:12px; background:var(--surface); color:var(--ink); text-decoration:none; font-size:17px; line-height:1.4;
  box-shadow:var(--shadow); transition:border-color .15s, transform .15s}
.alt-product b{color:var(--accent-deep)}
.alt-product span{color:var(--accent); font-weight:800}
.alt-product:hover{border-color:var(--gold); transform:translateY(-1px)}
.hero .alt-contact{margin-top:12px}
/* עורך הדין נוכח כבר בהירו (אמון: מי עומד מאחורי האתר) */
.hero-lawyer{display:inline-flex; align-items:center; gap:10px; margin-top:16px; font-size:15.5px; color:var(--ink-2); line-height:1.5; text-align:right; max-width:52ch}
.hero-lawyer img{width:40px; height:40px; border-radius:50%; object-fit:cover; border:1.5px solid var(--gold); box-shadow:0 0 0 3px var(--accent-soft); flex:none}
.hero-lawyer b{color:var(--ink)}
/* "מה כלול" לפני התשלום, ו"מה קורה אחר כך" אחריו */
.incl{list-style:none; margin:14px 0 0; padding:0; display:grid; gap:7px}
.incl li{position:relative; padding-inline-start:26px; font-size:16.5px; color:var(--ink-2)}
.incl li::before{content:"✓"; position:absolute; inset-inline-start:0; color:var(--accent); font-weight:800}
.next-steps{margin:10px 0 0; padding-inline-start:1.3rem; display:grid; gap:6px; font-size:16.5px; color:var(--ink-2)}

/* ---------- "חזרו אליי": טופס ליד בכל דף תוכן, קישור בכותרת, כפתור בפס התחתון (2/10/2026) ---------- */
.callback{padding:10px 0 48px; scroll-margin-top:20px}
.cb-card{background:var(--surface); border:1.5px solid var(--line-strong); border-radius:var(--r); padding:28px 30px; display:grid; grid-template-columns:1fr 1.1fr; gap:30px; align-items:center; box-shadow:0 14px 34px -26px rgba(0,0,0,.45)}
.cb-card h2{font-size:clamp(24px,3.2vw,30px); margin:0 0 8px}
.cb-card p{font-size:17.5px; color:var(--ink-2); margin:0; line-height:1.65}
.cb-card .cb-alt{margin-top:10px; font-size:16.5px}
.cb-card .cb-alt a{font-weight:800}
.cb-form{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.cb-form .fld.full,.cb-form .btn,.cb-form .notice{grid-column:1/-1}
.cb-form .notice{margin-top:0}
@media(max-width:820px){.cb-card{grid-template-columns:1fr; gap:16px; padding:22px 18px}}
@media(max-width:520px){.cb-form{grid-template-columns:1fr}}
.nav .cb-link{margin-inline-start:auto; font-weight:800; font-size:16.5px; color:var(--ink); text-decoration:underline; text-underline-offset:4px; white-space:nowrap}
.nav .cb-link + .cta-mini{margin-inline-start:16px}
@media(max-width:640px){.nav .cb-link{display:none}.nav .cb-link + .cta-mini{margin-inline-start:auto}}
.mcta .cb{flex:none; background:#fff; color:#132024; border:0; padding:10px 14px; font-size:16.5px}
/* שאלון: "לדבר קודם" מעל התשלום */
.leadcard{background:var(--accent-soft); border-radius:12px; padding:18px 18px 20px; margin-top:20px}
.leadcard .wq2{margin-top:0}
.leadcard .fgrid{grid-template-columns:1fr 1fr 1fr; margin-top:10px}
@media(max-width:640px){.leadcard .fgrid{grid-template-columns:1fr}}