/* ============================================================
   Me, Myself & I — דף המכירה של טלי
   צבעים: מהמותג של טלי (הדף הקיים) + מהמדריך עצמו.
   לצבוע מחדש רק דרך בלוק הטוקנים.
   ============================================================ */
:root{
  --ink:#2D2B2C;          /* פחם — מהמדריך */
  --ink-deep:#1E1C1D;
  --paper:#FFFFFF;
  --blush:#FBF0F5;        /* גוון בהיר של הוורוד */
  --teal:#A8CBCD;         /* טורקיז — מהמדריך */
  --teal-soft:#EAF3F3;
  --accent:#C3468B;       /* ורוד — צבע הכפתור בדף הקיים */
  --accent-deep:#87255B;  /* שזיף — מהדף הקיים */
  --accent-soft:#F6DDEA;
  --text:#2D2B2C;
  --text-soft:#5E5A5C;
  --text-invert:#FBF7F9;
  --text-invert-soft:#CFC7CB;
  --line:#EADCE3;
  --todo:#B00060;

  --font:"Assistant","Heebo",system-ui,sans-serif;
  --hand:"Bellefair","Assistant",serif;  /* עדין, נשי וקריא. לא כתב מחובר */

  --fs-base:18px; --fs-sm:15px; --fs-lg:22px; --fs-xl:28px; --fs-2xl:36px;
  --r:16px; --r-sm:10px; --pill:999px;
  --max:720px;
}
@media (min-width:768px){ :root{ --fs-base:19px; --fs-lg:24px; --fs-xl:34px; --fs-2xl:46px; } }

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
/* ⚠ overflow על שניהם — אחרת המובייל "זז הצידה" */
html{direction:rtl;overflow-x:hidden;max-width:100%}
body{direction:rtl;text-align:right;overflow-x:hidden;max-width:100%;
  font-family:var(--font);font-size:var(--fs-base);line-height:1.7;color:var(--text);
  background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}
[hidden]{display:none!important}
h1,h2,h3{font-weight:800;line-height:1.22;margin:0 0 16px;color:var(--ink);text-wrap:balance}
h2{font-size:var(--fs-2xl)} h3{font-size:var(--fs-xl)}
p{margin:0 0 16px} a{color:inherit}
b,strong{font-weight:800}

.container{max-width:var(--max);margin:0 auto;padding:0 22px}
.section{padding:52px 0}
@media (min-width:768px){.section{padding:72px 0}}
.bg-blush{background:var(--blush)}
.bg-teal{background:var(--teal-soft)}
.bg-ink{background:var(--ink);color:var(--text-invert)}
.bg-ink h2,.bg-ink h3{color:var(--text-invert)}
.bg-ink p,.bg-ink li{color:var(--text-invert-soft)}
.bg-ink b{color:var(--text-invert)}
.center{text-align:center}
.letter p{max-width:62ch}

/* הדגשה — מכחול טורקיז, כמו הכותרות במדריך */
.brush{background:linear-gradient(transparent 38%,rgba(168,203,205,.85) 38%,rgba(168,203,205,.85) 92%,transparent 92%);
  padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bg-ink .brush{background:linear-gradient(transparent 38%,rgba(195,70,139,.55) 38%,rgba(195,70,139,.55) 92%,transparent 92%);color:#fff}
/* בלוק פחם — כמו הלוגו על הכריכה */
.block{background:var(--ink);color:#fff;padding:0 .25em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.lone{font-size:var(--fs-lg);font-weight:800;color:var(--ink);margin:28px 0}
.bg-ink .lone{color:#fff}

/* ⚠ reveal בטוח — תוכן גלוי כברירת מחדל */
.reveal{transition:opacity .5s ease,transform .5s ease}
.js .reveal{opacity:0;transform:translateY(16px)}
.js .reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}

/* ---------- פס עליון ---------- */
.topbar{background:var(--ink);color:var(--text-invert);text-align:center;font-size:var(--fs-sm);font-weight:600;padding:9px 16px;border-bottom:5px solid var(--teal)}

/* ---------- hero ---------- */
.hero{padding:34px 0 44px;text-align:center}
.hero .logo{width:170px;margin:0 auto 18px;border-radius:8px}
.proof-pill{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:7px 16px 7px 8px;
  font-size:var(--fs-sm);font-weight:600;color:var(--text-soft);box-shadow:0 6px 20px rgba(45,43,44,.07);margin-bottom:22px}
.proof-pill .tag{background:var(--accent);color:#fff;border-radius:var(--pill);padding:2px 12px;font-weight:800}
.hero h1{font-size:clamp(28px,6.6vw,48px);line-height:1.25;margin:0 0 18px}
.hero .sub{font-size:var(--fs-lg);color:var(--text-soft);max-width:34ch;margin:0 auto 26px}

/* וידאו — מקום שמור */
.video{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--ink);
  box-shadow:0 15px 30px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2);margin:0 auto 26px;display:grid;place-items:center;color:#fff}
.video .play{width:74px;height:74px;border-radius:50%;background:var(--accent);display:grid;place-items:center;
  box-shadow:0 0 0 0 rgba(195,70,139,.6);animation:pulse 2s infinite}
/* משולש play: border-left פיזי בכוונה — אייקון, לא פריסה */
.video .play::after{content:"";border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(195,70,139,.55)}70%{box-shadow:0 0 0 22px rgba(195,70,139,0)}100%{box-shadow:0 0 0 0 rgba(195,70,139,0)}}
@media (prefers-reduced-motion:reduce){.video .play{animation:none}}

/* ---------- כפתור ---------- */
.cta-wrap{display:grid;gap:8px;justify-items:center;margin:26px auto 0;max-width:560px}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  font-family:inherit;font-size:clamp(20px,5.2vw,26px);font-weight:800;text-decoration:none;border:0;cursor:pointer;
  background:var(--accent);color:#fff;border-radius:14px;padding:18px 22px;min-height:62px;
  box-shadow:0 10px 26px rgba(195,70,139,.38),inset 0 -3px 0 rgba(0,0,0,.14);transition:transform .15s,background .15s}
.btn:hover{background:var(--accent-deep)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn-ghost{background:transparent;color:var(--text-soft);box-shadow:none;font-size:var(--fs-base);font-weight:600;min-height:48px;text-decoration:underline}
.btn-ghost:hover{background:transparent;color:var(--ink)}
.micro{font-size:var(--fs-sm);color:var(--text-soft);text-align:center}
.bg-ink .micro{color:var(--text-invert-soft)}

/* ---------- הודעות ---------- */
.dms{display:grid;gap:18px;margin-top:26px}
.dm{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:0 8px 24px rgba(45,43,44,.06)}
.dm img{border-radius:10px}
.dm figcaption{font-size:var(--fs-sm);color:var(--text-soft);padding:10px 4px 2px;font-weight:600}
.bg-ink .dm{background:#262425;border-color:#3a3738}
.bg-ink .dm figcaption{color:var(--text-invert-soft)}

/* ---------- מכתב ---------- */
.from{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.from img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--teal)}
.from .who{font-weight:800;line-height:1.3}
.from .where{font-size:var(--fs-sm);color:var(--text-soft)}
.pull{font-size:var(--fs-xl);font-weight:800;line-height:1.35;color:var(--ink);border-right:6px solid var(--accent);padding-right:16px;margin:32px 0}
.photo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.photo-row img{border-radius:12px;aspect-ratio:1/1;object-fit:cover;width:100%}
.photo-row figcaption{font-family:var(--hand);font-size:19px;font-weight:400;color:var(--ink);text-align:center;margin-top:4px;line-height:1.1}

/* מקום שמור — גלוי בכוונה */
.todo{border:2px dashed var(--todo);border-radius:12px;background:#FFF4F9;color:var(--todo);font-size:var(--fs-sm);font-weight:700;padding:14px 16px;margin:18px 0;text-align:center}
.todo-chip{display:inline-block;border:1.5px dashed var(--todo);color:var(--todo);background:#FFF4F9;border-radius:6px;font-size:13px;font-weight:700;padding:1px 8px;vertical-align:middle;line-height:1.6}

/* ---------- 780 ---------- */
.phone{max-width:340px;margin:26px auto;border-radius:34px;padding:12px;background:#111;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.phone img{border-radius:24px}
.inline-shot{border-radius:14px;margin:18px auto;box-shadow:0 10px 30px rgba(0,0,0,.25);width:100%;max-width:min(100%,520px)}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}
.stat{background:#262425;border:1px solid #3a3738;border-radius:12px;padding:14px 8px;text-align:center}
.stat .n{font-size:clamp(28px,7vw,40px);font-weight:800;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.stat .l{font-size:14px;color:var(--text-invert-soft)}

/* ---------- רשימת זיהוי ---------- */
.checks{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}
.checks li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 16px;position:relative;padding-right:52px}
.checks li::before{content:"✓";position:absolute;right:14px;top:13px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;
  font-weight:800;display:grid;place-items:center;font-size:15px;line-height:1}

/* ---------- VS ---------- */
.vs{display:grid;gap:14px;margin:26px 0}
@media (min-width:640px){.vs{grid-template-columns:1fr 1fr}}
.vs .panel{border-radius:var(--r);padding:20px}
.vs .loser{background:#F3F1F2;color:var(--text-soft)}
.vs .loser h3{color:var(--text-soft);font-size:var(--fs-lg)}
.vs .winner{background:var(--ink);color:#fff}
.vs .winner h3{color:#fff;font-size:var(--fs-lg)}
.vs .q{font-size:var(--fs-lg);font-weight:800;margin:6px 0}
.vs .loser .q{text-decoration:line-through;text-decoration-color:rgba(94,90,92,.5)}

/* ---------- דף ה-A4 ---------- */
.a4-wrap{perspective:1200px;margin:30px auto;max-width:460px}
.a4{background:#fff;aspect-ratio:210/297;border-radius:4px;padding:6% 7%;box-shadow:0 30px 60px rgba(45,43,44,.22),0 6px 14px rgba(45,43,44,.12);
  transform:rotate(-2deg);position:relative;display:flex;flex-direction:column;gap:2.2%}
.a4 .head{background:var(--ink);color:#fff;margin:-6.5% -7.6% 2%;padding:4% 7%;border-bottom:4px solid var(--teal);border-radius:4px 4px 0 0;display:flex;justify-content:space-between;align-items:center}
.a4 .head b{font-size:clamp(16px,4vw,20px)}
.a4 .sample{font-size:12px;font-weight:700;background:var(--teal);color:var(--ink);border-radius:var(--pill);padding:1px 10px}
.a4 .zone{border-bottom:1px dashed #D9D2D6;padding-bottom:2%}
.a4 .zone .lbl{font-size:clamp(12px,3vw,14px);font-weight:800;color:var(--accent-deep)}
.a4 .zone .fill{font-family:var(--hand);font-size:clamp(19px,5.2vw,24px);font-weight:400;line-height:1.3;color:#2f2d52}

/* ---------- שלבים ---------- */
.steps{counter-reset:s;display:grid;gap:14px;margin:26px 0}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 16px;position:relative;counter-increment:s}
.step::before{content:counter(s);position:absolute;top:-14px;right:18px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;
  font-weight:800;display:grid;place-items:center;font-size:17px;box-shadow:0 4px 10px rgba(195,70,139,.35)}
.step h3{font-size:var(--fs-lg);margin:6px 0 10px}
.step ul{margin:0;padding:0 20px 0 0}
.step li{margin-bottom:8px}
.step li::marker{color:var(--accent)}

/* ---------- ציטוט-כותרת (התנגדות) ---------- */
.objection{font-size:clamp(26px,6vw,40px)}
.objection::before{content:"״"}
.objection::after{content:"\2060״"} /* word joiner — שהמירכאה לא תרד לבד לשורה */

/* ---------- עדות ---------- */
.testimonial{position:relative;max-width:560px;margin:24px auto}
.testimonial img{border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.hand-note{font-family:var(--hand);font-size:24px;font-weight:400;color:var(--teal);text-align:center;margin-top:14px;line-height:1.1}

/* ---------- טבלת מחירים ---------- */
.price-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:var(--fs-base);background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 8px 24px rgba(45,43,44,.06)}
.price-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.price-table td:last-child{text-align:left;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.price-table tr.hl td{background:var(--accent-soft);color:var(--accent-deep)}
.price-table tr.us td{background:var(--ink);color:#fff;font-size:var(--fs-lg)}
.price-table tr:last-child td{border-bottom:0}
.src{font-size:13px;color:var(--text-soft);line-height:1.5}

/* ---------- אין קאץ' ---------- */
.nocatch{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.nocatch li{padding-right:34px;position:relative}
.nocatch li::before{content:"✓";position:absolute;right:0;top:0;color:var(--accent);font-weight:800;font-size:22px;line-height:1.4}

.seal{border:3px solid var(--ink);border-radius:var(--r);padding:24px 20px;text-align:center;background:#fff;position:relative;margin-top:30px}
.seal .badge{position:absolute;top:-18px;right:50%;transform:translateX(50%);background:var(--accent);color:#fff;font-weight:800;border-radius:var(--pill);padding:4px 18px;white-space:nowrap}

/* ---------- בונוס ---------- */
.bonus{display:grid;gap:18px;align-items:center;background:#fff;border-radius:var(--r);padding:22px;border:1px solid var(--line)}
@media (min-width:640px){.bonus{grid-template-columns:1fr 1.2fr}}
.bonus .tag{display:inline-block;background:var(--teal);color:var(--ink);font-weight:800;border-radius:var(--pill);padding:2px 12px;font-size:var(--fs-sm);margin-bottom:8px}
.mini-page{background:#fff;border-radius:6px;aspect-ratio:210/297;box-shadow:0 14px 30px rgba(45,43,44,.18);padding:10% 9%;font-size:12px;line-height:1.5;transform:rotate(2deg);max-width:210px;margin:0 auto}
.mini-page .t{background:var(--ink);color:#fff;border-bottom:3px solid var(--teal);margin:-11% -10% 8%;padding:8% 9%;font-weight:800;font-size:13px}
.mini-page .l{height:7px;background:#EDE8EB;border-radius:4px;margin:7px 0}

/* ---------- ציר תאריכים ---------- */
.dates{list-style:none;padding:0;margin:24px 0;display:grid;gap:0;border-right:3px solid var(--teal);padding-right:22px}
.dates li{position:relative;padding:0 0 22px}
.dates li::before{content:"";position:absolute;right:-31px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--ink)}
.dates .d{font-weight:800;color:#fff;font-size:var(--fs-lg);font-variant-numeric:tabular-nums}

/* ---------- אזור הזמנה ---------- */
.bundle{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:end;max-width:520px;margin:10px auto 26px}
.tablet{background:#111;border-radius:22px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(-3deg)}
.tablet img{border-radius:12px}
.bundle .mini-page{max-width:none;transform:rotate(4deg)}
.order-steps{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px;counter-reset:o}
.order-steps li{counter-increment:o;padding-right:44px;position:relative;color:var(--text-invert-soft)}
.order-steps li::before{content:counter(o);position:absolute;right:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--teal);color:var(--ink);font-weight:800;display:grid;place-items:center}
.trust{display:grid;gap:6px;margin-top:16px;font-size:var(--fs-sm);color:var(--text-invert-soft);text-align:center}
.sig{font-family:var(--hand);font-size:42px;font-weight:400;color:var(--teal);line-height:1;margin-top:10px}

/* ---------- PS / FAQ ---------- */
.ps h2{font-size:var(--fs-xl);margin-top:34px}
.ps h2:first-child{margin-top:0}
.faq{display:grid;gap:14px;margin-top:22px}
.faq .qa{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.faq .q{font-weight:800;color:var(--ink);margin-bottom:6px}
.faq .qa p:last-child{margin:0}

footer{background:var(--ink-deep);color:var(--text-invert-soft);text-align:center;padding:34px 22px 110px;font-size:var(--fs-sm)}
footer img{width:140px;margin:0 auto 14px;border-radius:6px}
footer a{color:var(--text-invert-soft)}

/* ---------- פס דביק ---------- */
.sticky{position:fixed;inset:auto 0 0 0;z-index:50;background:rgba(30,28,29,.97);border-top:3px solid var(--teal);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;justify-content:center;
  transform:translateY(110%);transition:transform .3s ease}
.sticky.show{transform:none}
.sticky .btn{width:auto;flex:1 1 auto;max-width:420px;font-size:19px;min-height:52px;padding:12px 16px}
.sticky .meta{color:var(--text-invert-soft);font-size:13px;line-height:1.3;text-align:center;flex:0 0 auto}
.sticky .meta b{color:#fff;font-size:16px}

/* ---------- פופאפים ---------- */
.modal{position:fixed;inset:0;z-index:100;background:rgba(20,18,19,.72);display:grid;place-items:center;padding:16px;overflow-y:auto}
.modal .box{background:#fff;border-radius:18px;max-width:520px;width:100%;padding:26px 22px 20px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.modal .x{position:absolute;top:10px;left:12px;width:44px;height:44px;border:0;background:transparent;font-size:28px;color:var(--text-soft);cursor:pointer;border-radius:50%}
.modal .x:focus-visible{outline:3px solid var(--accent)}
.modal .kicker{font-size:var(--fs-sm);font-weight:800;color:var(--accent);margin-bottom:4px}
.modal h3{font-size:var(--fs-xl);margin-bottom:10px}
.modal .price{display:flex;gap:12px;align-items:baseline;justify-content:center;margin:14px 0 4px}
.modal .price s{color:var(--text-soft);font-size:var(--fs-lg)}
.modal .price b{font-size:clamp(34px,9vw,44px);color:var(--accent-deep)}
.modal .only{font-size:var(--fs-sm);text-align:center;color:var(--text-soft);margin-bottom:16px}
.modal .progress{display:flex;gap:6px;justify-content:center;margin-bottom:16px}
.modal .progress i{width:28px;height:5px;border-radius:3px;background:#E7E1E4}
.modal .progress i.on{background:var(--accent)}
.modal .quote{background:var(--blush);border-right:4px solid var(--accent);padding:10px 14px;border-radius:8px;font-size:var(--fs-sm);margin:10px 0}
.modal .summary{background:var(--teal-soft);border-radius:12px;padding:14px 16px;margin:10px 0 16px}
.modal .summary div{display:flex;justify-content:space-between;gap:10px;padding:4px 0}
.modal .summary .tot{border-top:1px solid #cfe0e0;margin-top:6px;padding-top:10px;font-weight:800;font-size:var(--fs-lg)}
.modal .field{display:grid;gap:6px;margin-bottom:12px}
.modal .field label{font-size:var(--fs-sm);font-weight:700}
.modal .field input{font-family:inherit;font-size:18px;padding:13px 14px;min-height:50px;border:1px solid #D6CFD3;border-radius:10px;direction:rtl}
.modal .err{color:var(--todo);font-size:var(--fs-sm);min-height:1.2em}
.visually-hidden,.hp-field{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
body.lock{overflow:hidden}

/* ============================================================
   תוספות — נכתבו יחד עם index.html
   ============================================================ */
figure{margin:0}
.dms{max-width:560px;margin-inline:auto}
.eyebrow{font-size:var(--fs-sm);font-weight:800;color:var(--accent-deep);margin:0 0 4px}

/* וידאו — פוסטר מעומעם מתחת לכפתור */
.video .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.45}
.video .play{position:relative;z-index:1}
.video .video-todo{position:absolute;bottom:10px;inset-inline:10px;z-index:1;text-align:center;white-space:normal}

/* בועות "מה שואלים אותך" */
.asks{display:grid;gap:8px;justify-items:start;margin:18px 0 24px}
.asks span{background:#F1ECEE;border-radius:18px 18px 4px 18px;padding:9px 16px;font-weight:700;color:var(--ink);max-width:100%}
.asks-dark span{background:#3A3738;color:#fff}

/* מקטע ה-780 */
.big-num{font-size:clamp(34px,10vw,58px);font-weight:800;color:#fff;text-align:center;line-height:1.1;margin:30px 0}
.big-num .n{color:var(--accent);font-variant-numeric:tabular-nums}
.bg-ink .inline-shot{max-width:100%}

/* פולרואידים ותמונה בודדת */
.polaroids{margin:6px auto 26px;width:100%;max-width:min(100%,520px)}
.photo-solo{max-width:360px;margin:26px auto}
.photo-solo img{border-radius:14px;box-shadow:0 18px 40px rgba(45,43,44,.18)}

/* "ועוד" — לא שלב, בלי מונה */
.extra{background:var(--ink);color:#fff;border-radius:var(--r);padding:20px}
.extra h3{color:#fff;font-size:var(--fs-lg);margin-bottom:6px}
.extra p{margin:0;color:var(--text-invert-soft)}

/* טבלה — גלילה בתוך עצמה אם צריך */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.price-table small{display:block;font-size:14px;font-weight:600;white-space:normal;opacity:.8;margin-top:2px}
.price-table td:first-child{width:100%}

.faq .qa-shot{border-radius:10px;margin-bottom:10px}
.seal .todo{margin-bottom:0}
.hero .todo-chip{margin:0 auto 16px}
.bg-ink .todo,.bg-ink .todo-chip{background:#3a1a2b;color:#FFB3D6;border-color:#FF7DB8}
.bg-ink .src{color:var(--text-invert-soft)}

/* כפתור שיתוף — משני */
.btn-share{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:none;font-size:var(--fs-lg);max-width:420px;margin:18px auto 0}
.btn-share:hover{background:var(--ink);color:#fff}

/* פס דביק — רק במובייל */
@media (min-width:900px){.sticky{display:none}}

/* פופאפים */
.modal .pane-img{margin:4px auto 10px;width:100%;max-width:min(100%,250px)}
.modal h3{font-size:clamp(22px,6vw,28px)}
.modal .price{margin-top:8px}
.modal .btn + .btn{margin-top:6px}
.modal .pane h3:focus{outline:none}
.modal .summary .tot span:last-child{color:var(--accent-deep)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);color:var(--text-soft);margin:4px 0 8px;line-height:1.5;cursor:pointer}
.consent input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:var(--accent)}

.btn{text-wrap:balance}

/* סרטון לאורך (9:16) — פסאדה: ה-iframe של יוטיוב נטען רק בלחיצה */
.video.vertical{aspect-ratio:9/16;max-width:min(100%,300px)}
.video.vertical .poster{opacity:.55;object-position:center}
.video button.play{border:0;padding:0;cursor:pointer}
.video.ready .poster{opacity:1}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* X בכתב יד על 997 */
.xout{position:relative;display:inline-block;text-decoration:none;color:var(--text-soft);padding:0 .08em}
.xout::before,.xout::after{content:"";position:absolute;top:50%;left:-8%;right:-8%;height:.12em;margin-top:-.06em;background:var(--accent);border-radius:6px}
.xout::before{transform:rotate(24deg)}
.xout::after{transform:rotate(-24deg)}

/* המילים של טלי על המחיר */
.why-note{background:#fff;border-right:6px solid var(--accent);border-radius:var(--r);padding:20px 20px 6px;margin:22px 0 30px;box-shadow:0 8px 24px rgba(45,43,44,.06)}
.why-note .lone{margin:10px 0 14px;font-size:var(--fs-lg)}

/* שם המותג בטקסט, במקום הלוגו בכתב מחובר שבארץ לא קוראים */
.wordmark{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:var(--ink);color:#fff;border-radius:12px;padding:10px 22px 9px;margin:0 auto 18px;border-bottom:3px solid var(--teal)}
.wordmark .wm-name{font-family:var(--hand);font-size:28px;line-height:1.15;letter-spacing:.02em;direction:ltr;unicode-bidi:isolate}
.wordmark .wm-sub{font-size:13px;font-weight:600;color:var(--text-invert-soft)}
.wordmark-sm{padding:6px 16px 5px;margin-bottom:14px}
.wordmark-sm .wm-name{font-size:21px}
footer a{color:#fff;text-decoration:underline}
.trust a{color:var(--text-invert);text-decoration:underline}

.crickets{color:var(--text-soft);font-weight:700;letter-spacing:.04em}

/* טיימר המחיר — נשמר לכל מבקרת ב-localStorage, לא מתאפס ברענון */
.timer{display:flex;justify-content:center;gap:10px;margin:22px auto 8px;direction:ltr}
.timer div{background:#262425;border:1px solid #3a3738;border-radius:12px;min-width:84px;padding:10px 8px 8px;text-align:center}
.timer b{display:block;font-size:clamp(32px,9vw,44px);font-weight:800;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.timer span{font-size:13px;color:var(--text-invert-soft)}
.timer-end{color:#FFB3D6;font-weight:700}

.btn-back{display:block;margin:10px auto 0;background:none;border:0;font-family:inherit;font-size:var(--fs-sm);font-weight:700;color:var(--text-soft);cursor:pointer;min-height:44px;padding:6px 14px}
.btn-back:hover{color:var(--ink)}
.modal .legal{font-size:13px;color:var(--text-soft);text-align:center;margin:10px 0 0;line-height:1.5}
.modal .legal a{color:var(--accent-deep)}

/* דף תודה */
.thanks-steps li{color:var(--text)}
.refer{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;max-width:520px;margin:20px auto 0;text-align:right;box-shadow:0 8px 24px rgba(45,43,44,.06)}
.refer-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}
.refer-row p{margin:0}
.refer-ico{font-size:24px;line-height:1.4;flex:0 0 auto}
.refer .btn{margin-top:14px}
.refer-code{margin-top:16px;text-align:center;background:var(--teal-soft);border-radius:12px;padding:12px}
.refer-code p{margin:0 0 4px;font-size:var(--fs-sm)}
.refer-code b{font-size:26px;letter-spacing:.08em;direction:ltr;unicode-bidi:isolate}

/* תקנון ופרטיות */
.legal-page .container{max-width:760px}
.legal-page h1{font-size:var(--fs-2xl);margin-top:10px}
.legal-page h2{font-size:var(--fs-lg);margin:30px 0 10px}
.legal-page ul{padding-right:20px;margin:0 0 16px}
.legal-page li{margin-bottom:8px}
.legal-page a{color:var(--accent-deep)}
.legal-page footer a{color:#fff}
.back-link{display:inline-block;font-weight:700;text-decoration:none;min-height:44px;padding:10px 0}
.updated{font-size:var(--fs-sm);color:var(--text-soft)}

/* פופאפ היציאה: שלב 1 מתוך 2 */
.exit-bar{height:8px;border-radius:99px;background:#EDE8EB;overflow:hidden;margin:4px 0 8px}
.exit-bar i{display:block;height:100%;width:50%;background:var(--accent);border-radius:99px}
.exit-step{font-size:var(--fs-sm);font-weight:800;color:var(--accent-deep);margin:0 0 6px}
.modal .field input[type=email]{direction:ltr;text-align:right}

/* באוויר: מקומות שמורים מוסתרים. ?review מציג אותם לסקירה פנימית */
.todo,.todo-chip{display:none!important}
.review .todo,.review .todo-chip{display:block!important}
.review .todo-chip{display:inline-block!important}