/* ============================================================
   שאלון טיפול פרטני, אלונה בן ארי
   שמנת חמה, חציל עמוק, זהב כתבלין. RTL, מובייל קודם.
   ============================================================ */

:root{
  --cream:#F6F1E8;
  --cream-deep:#EFE7DA;
  --card:#FFFDF9;
  --plum:#3B2A41;
  --plum-soft:#5C4864;
  --lavender:#8E7395;
  --lavender-wash:#EDE4EE;
  --gold:#B79256;
  --gold-soft:#DCC49A;
  --line:#E2D6C6;
  --shadow:24px 40px 80px -48px rgba(59,42,65,.34);
  --r:18px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --wrap:640px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{overflow-x:hidden}
html{-webkit-text-size-adjust:100%}

body{
  background:var(--cream);
  color:var(--plum);
  font-family:'Assistant',system-ui,sans-serif;
  font-size:17px;
  line-height:1.65;
  direction:rtl;
  text-align:right;
  min-height:100dvh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* עדינות רקע, לא גרדיאנט צעקני */
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(60% 40% at 88% -6%, rgba(183,146,86,.10), transparent 70%),
    radial-gradient(52% 38% at 4% 102%, rgba(142,115,149,.12), transparent 72%);
}

h1,h2,h3,.serif{
  font-family:'Frank Ruhl Libre',serif;
  font-weight:700;
  line-height:1.28;
  letter-spacing:-.01em;
  margin:0;
}

.wrap{
  position:relative;
  z-index:1;
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding:0 20px;
}

/* ---------- כותרת עליונה ופרוגרס ---------- */
.topbar{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(246,241,232,.9);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.topbar__in{
  max-width:var(--wrap);
  margin-inline:auto;
  padding:14px 20px 12px;
  display:flex;
  align-items:center;
  gap:14px;
}
.brand{
  font-family:'Frank Ruhl Libre',serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:.01em;
  white-space:nowrap;
}
.progress{
  flex:1;
  height:3px;
  background:var(--line);
  border-radius:99px;
  overflow:hidden;
}
.progress__bar{
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--gold-soft),var(--gold));
  border-radius:99px;
  transition:width .55s var(--ease);
}
.back{
  border:0;
  background:none;
  color:var(--lavender);
  font:inherit;
  font-size:14px;
  padding:6px 2px;
  cursor:pointer;
  min-height:44px;
  display:none;
}
.back.show{display:block}

/* ---------- מסך שאלה ---------- */
.screen{
  padding:34px 0 56px;
  animation:rise .5s var(--ease) both;
}
@keyframes rise{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}

.eyebrow{
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--gold);
  text-transform:none;
  margin-bottom:12px;
}
.q-title{
  font-size:clamp(25px,5.6vw,32px);
  margin-bottom:10px;
}
.q-sub{
  color:var(--plum-soft);
  font-size:15px;
  margin:0 0 26px;
  white-space:pre-line;
}

.opts{display:flex;flex-direction:column;gap:11px}

.opt{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:60px;
  padding:16px 18px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--r);
  font:inherit;
  font-size:16.5px;
  color:var(--plum);
  text-align:right;
  cursor:pointer;
  transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}
.opt:hover{border-color:var(--gold-soft);transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(59,42,65,.5)}
.opt:focus-visible{outline:2px solid var(--lavender);outline-offset:3px}
.opt.on{
  border-color:var(--gold);
  background:var(--lavender-wash);
  box-shadow:0 14px 34px -24px rgba(142,115,149,.7);
}
.opt__mark{
  flex:0 0 20px;
  width:20px;height:20px;
  border:1.5px solid var(--line);
  border-radius:50%;
  position:relative;
  transition:border-color .25s var(--ease);
}
.opt.on .opt__mark{border-color:var(--gold)}
.opt.on .opt__mark::after{
  content:'';
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:var(--gold);
}
.opt--multi .opt__mark{border-radius:6px}
.opt--multi.on .opt__mark::after{border-radius:2px}
.opt__label{flex:1}

.hint{
  margin-top:16px;
  font-size:13.5px;
  color:var(--lavender);
}

textarea.field,input.field{
  width:100%;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:15px 17px;
  font:inherit;
  font-size:16.5px;
  color:var(--plum);
  transition:border-color .25s var(--ease);
}
textarea.field{min-height:130px;resize:vertical;line-height:1.6}
.field:focus{outline:none;border-color:var(--gold)}
.field::placeholder{color:#B7A99B}

label.lbl{
  display:block;
  font-size:14px;
  font-weight:600;
  color:var(--plum-soft);
  margin:0 0 7px;
}
.fieldset{margin-bottom:18px}

.btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:58px;
  padding:16px 22px;
  border:0;
  border-radius:99px;
  background:var(--plum);
  color:#FBF7F0;
  font:inherit;
  font-size:17px;
  font-weight:600;
  cursor:pointer;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);
  box-shadow:0 18px 36px -22px rgba(59,42,65,.85);
}
.btn{text-decoration:none}
.btn:hover{transform:translateY(-2px);background:#33243A}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.btn--ghost{
  background:transparent;
  color:var(--lavender);
  box-shadow:none;
  min-height:48px;
  font-size:15px;
  font-weight:400;
}
.btn--ghost:hover{background:transparent;color:var(--plum)}
.btn--wa{
  background:#25623F;
  box-shadow:0 20px 38px -20px rgba(37,98,63,.72);
  letter-spacing:.01em;
}
.btn--wa:hover{background:#1F5335;box-shadow:0 24px 44px -20px rgba(37,98,63,.8)}

.err{color:#9B3A46;font-size:14px;margin-top:10px;min-height:20px}

/* ---------- דף התוצאה ---------- */
.result{padding:0 0 80px;animation:rise .6s var(--ease) both}

.r-hero{
  padding:38px 0 30px;
  border-bottom:1px solid var(--line);
  margin-bottom:34px;
}
.r-title{font-size:clamp(27px,6.2vw,36px);margin-bottom:18px}
.body-txt p{margin:0 0 15px;font-size:17px;line-height:1.72}
.body-txt p:last-child{margin-bottom:0}

section.blk{
  padding:32px 0;
  border-bottom:1px solid var(--line);
}
section.blk:last-of-type{border-bottom:0}
.blk__title{
  font-size:clamp(21px,4.8vw,27px);
  margin-bottom:16px;
}
.blk__kicker{
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--gold);
  margin-bottom:11px;
}

/* המפה */
.map{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px 20px;
  box-shadow:var(--shadow);
}
.map__title{
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--gold);
  margin-bottom:16px;
}
.layer{
  display:flex;
  align-items:center;
  gap:14px;
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  margin-bottom:9px;
  background:#FFFEFC;
  transition:all .5s var(--ease);
}
.layer:last-child{margin-bottom:0}
.layer__name{font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:17px;flex:1}
.layer__hint{font-size:13px;color:var(--lavender)}
.layer__tag{
  font-size:11.5px;
  font-weight:700;
  padding:5px 11px;
  border-radius:99px;
  white-space:nowrap;
}
.layer--primary{
  border-color:var(--gold);
  background:linear-gradient(180deg,#FFFDF7,#FBF3E4);
  box-shadow:0 16px 34px -26px rgba(183,146,86,.9);
}
.layer--primary .layer__tag{background:var(--gold);color:#fff}
.layer--secondary{border-color:var(--lavender);background:var(--lavender-wash)}
.layer--secondary .layer__tag{background:var(--lavender);color:#fff}
.layer--base{border-style:dashed;border-color:var(--gold-soft);background:#FDFAF4}
.layer--base .layer__tag{background:transparent;color:var(--gold);border:1px solid var(--gold-soft)}

.tried{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:22px 20px;
  margin-bottom:13px;
}
.tried__h{
  font-family:'Frank Ruhl Libre',serif;
  font-size:18px;
  font-weight:700;
  margin-bottom:12px;
  color:var(--plum);
}
.tried__h::before{
  content:'';
  display:block;
  width:34px;
  height:2px;
  background:var(--gold);
  margin-bottom:12px;
}

.story{
  background:var(--lavender-wash);
  border-radius:var(--r);
  padding:24px 22px;
}
.story p{font-size:16.5px}

.tst{display:flex;flex-direction:column;gap:14px}
.tst img{
  width:100%;
  height:auto;
  display:block;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
}

/* ============ ההצעה האישית ============
   הדף כולו קרם ורגוע. כאן הוא נקטע.
   רצועה כהה ברוחב מלא נותנת את הבידול, וכרטיס בהיר בתוכה נותן את הקריאות.
   החציל מסגרת, לא רקע לטקסט. */
.cta-band{
  position:relative;
  margin-block:56px;
  /* במובייל העמודה תופסת את כל הרוחב, ולכן די בריפוד שלה. בלי vw, בלי לולאת משוב. */
  margin-inline:-20px;
  padding:52px 20px;
  background:
    radial-gradient(90% 60% at 50% 12%, rgba(183,146,86,.20) 0%, rgba(183,146,86,0) 62%),
    linear-gradient(180deg,#3E2D45 0%,#33243A 100%);
}
/* גרעיניות עדינה, שהרצועה לא תיראה כמו מלבן שטוח */
.cta-band::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* קווי זהב דקים בקצוות, כמו פתיחה וסגירה של פרק */
.cta-band::before{
  content:"";
  position:absolute;
  inset-inline:0;
  inset-block:0;
  pointer-events:none;
  border-block:1px solid transparent;
  border-image:linear-gradient(90deg,rgba(183,146,86,0),var(--gold),rgba(183,146,86,0)) 1;
}
.cta-band > .cta-box{
  position:relative;
  z-index:2;
  margin-top:0;
}
@media (min-width:700px){
  /* מכאן העמודה ממורכזת, ולכן צריך לצאת ממנה עד קצוות המסך */
  .cta-band{
    margin-inline:calc(50% - 50vw);
    padding:64px calc(50vw - 50%);
  }
}

.cta-box{
  position:relative;
  background:
    radial-gradient(120% 70% at 50% 0%, #FFFFFF 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#FFFDF9 0%,#F9F2E7 100%);
  color:var(--plum);
  border:1px solid rgba(255,255,255,.55);
  border-radius:26px;
  padding:40px 26px 34px;
  overflow:hidden;
  box-shadow:0 44px 80px -40px rgba(0,0,0,.55), 0 2px 0 rgba(255,255,255,.9) inset;
}
/* סימן זהב קטן בראש הכרטיס, במקום כותרת עודפת */
.cta-box::before{
  content:"";
  position:absolute;
  inset-block-start:22px;
  inset-inline:0;
  margin-inline:auto;
  width:34px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--gold-soft),var(--gold),var(--gold-soft));
}
.cta-box .blk__title{margin-top:16px}
.cta-box .blk__title{
  color:var(--plum);
  text-align:center;
  margin-bottom:22px;
  line-height:1.35;
}
.cta-box .body-txt p{
  color:var(--plum-soft);
  text-align:start;
  font-size:17.5px;
  line-height:1.78;
  margin-bottom:17px;
}
.cta-box .wish-quote{
  color:var(--plum);
  font-size:19.5px;
  line-height:1.66;
  border-inline-start-width:3px;
  margin:6px 0;
}
.cta-box .btn{margin-top:26px;font-size:16.5px}

/* שלוש השורות של מה שנבדוק יחד, מקובצות בלי בולטים */
.cta-box .cta-list{
  border-inline-start:2px solid var(--gold-soft);
  padding-inline-start:16px;
  color:var(--plum);
  font-weight:600;
  line-height:2;
}
/* ההחזרה של מה שהיא עצמה ביקשה לקבל */
.cta-box .cta-goal{
  background:var(--lavender-wash);
  border-radius:14px;
  padding:16px 18px;
  margin-top:22px;
}
.cta-goal__label{
  display:block;
  font-size:14px;
  font-weight:600;
  color:var(--plum-soft);
  margin-bottom:7px;
}
.cta-goal__val{
  display:block;
  font-size:18px;
  font-weight:700;
  color:var(--plum);
  line-height:1.6;
}
.cta-box .cta-strong{
  font-weight:700;
  color:var(--plum);
}
.cta-note{
  text-align:center;
  font-size:14px;
  color:var(--plum-soft);
  margin-top:14px;
  line-height:1.6;
}

/* התנועה היחידה בבלוק, ומכוונת בדיוק לפעולה שאני רוצה שתעשה */
.cta-box .btn--wa{position:relative;isolation:isolate}
.cta-box .btn--wa::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:-1;
  box-shadow:0 0 0 0 rgba(37,98,63,.42);
  animation:waPulse 4.5s var(--ease) infinite;
  pointer-events:none;
}
@keyframes waPulse{
  0%   {box-shadow:0 0 0 0 rgba(37,98,63,.42)}
  55%  {box-shadow:0 0 0 16px rgba(37,98,63,0)}
  100% {box-shadow:0 0 0 0 rgba(37,98,63,0)}
}
@media (prefers-reduced-motion:reduce){
  .cta-box .btn--wa::after{animation:none}
}

.about{
  font-size:16px;
  color:var(--plum-soft);
}

.legal{
  margin-top:40px;
  font-size:12.5px;
  color:var(--lavender);
  text-align:center;
  line-height:1.7;
}
.legal a{color:var(--lavender)}

.spin{
  width:26px;height:26px;
  border:2px solid var(--gold-soft);
  border-top-color:transparent;
  border-radius:50%;
  animation:sp .8s linear infinite;
  margin:60px auto;
}
@keyframes sp{to{transform:rotate(360deg)}}

@media (min-width:700px){
  body{font-size:17.5px}
  .screen{padding:56px 0 70px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* ============ עדכונים: מדד התקדמות, מפה עם אחוזים, המלצות, לאישה, תמונה ============ */

.pct{
  font-size:12.5px;
  font-weight:700;
  color:var(--gold);
  min-width:38px;
  text-align:center;
  font-variant-numeric:tabular-nums;
}

/* --- שכבות המפה --- */
.layer{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"head tag" "meter meter";
  gap:10px 12px;
  align-items:center;
}
.layer__head{grid-area:head;display:flex;flex-direction:column;gap:2px;min-width:0}
.layer__name{font-size:17px}
.layer__hint{font-size:12.5px;color:var(--lavender)}
.layer__tag{grid-area:tag;justify-self:start}
.layer__right{
  grid-area:meter;
  display:flex;
  align-items:center;
  gap:10px;
}
.meter{
  flex:1;
  height:6px;
  background:var(--cream-deep);
  border-radius:99px;
  overflow:hidden;
}
.meter__fill{
  height:100%;
  width:0;
  border-radius:99px;
  background:var(--lavender);
  transition:width 1s var(--ease);
}
.layer--primary .meter__fill{background:linear-gradient(90deg,var(--gold-soft),var(--gold))}
.layer--primary .meter{background:#F2E6D0}
.layer__pct{
  font-size:14px;
  font-weight:700;
  min-width:42px;
  text-align:left;
  font-variant-numeric:tabular-nums;
  color:var(--plum-soft);
}
.layer--primary .layer__pct{color:var(--gold)}
.map__note{
  margin:16px 2px 0;
  font-size:12.5px;
  line-height:1.6;
  color:var(--lavender);
}

/* --- המלצות --- */
.tst{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.tst__card{
  margin:0;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:10px;
  box-shadow:0 18px 40px -34px rgba(59,42,65,.6);
  overflow:hidden;
}
.tst__card img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
  border:0;
}
@media (min-width:620px){
  .tst{grid-template-columns:1fr 1fr;align-items:start}
  .tst__card:first-child{grid-column:1 / -1}
}

/* --- כתבו עלי בלאישה --- */
.press{text-align:center}
.press__logo{
  width:150px;
  height:auto;
  display:block;
  margin:0 auto 12px;
}
.press__title{
  font-size:clamp(20px,4.6vw,25px);
  margin-bottom:22px;
}
.press__clips{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.press__clips img{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
  border:1px solid var(--line);
  box-shadow:0 18px 40px -34px rgba(59,42,65,.6);
}
@media (min-width:620px){
  .press__clips{grid-template-columns:1fr 1fr;align-items:start}
}

/* --- מי אני --- */
.about-wrap{display:flex;flex-direction:column;gap:20px}
.about-photo{
  width:100%;
  max-width:230px;
  aspect-ratio:3 / 4;
  object-fit:cover;
  object-position:50% 18%;
  border-radius:20px;
  border:1px solid var(--gold-soft);
  padding:6px;
  background:var(--card);
  flex:0 0 auto;
  align-self:flex-start;
}
@media (min-width:560px){
  .about-photo{width:184px}
}
@media (min-width:560px){
  .about-wrap{flex-direction:row;align-items:flex-start;gap:26px}
}

/* ============ הזדמנות, הסכמה, המלצות נוספות ============ */

.cta-kicker{
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--gold);
  margin-bottom:12px;
}

.consent{
  display:flex;
  align-items:flex-start;
  gap:11px;
  font-size:13px;
  line-height:1.55;
  color:var(--plum-soft);
  margin:0 0 18px;
  padding:14px 15px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  cursor:pointer;
  min-height:52px;
  transition:border-color .25s var(--ease),background .25s var(--ease);
}
.consent:hover{border-color:var(--gold-soft)}
.consent__box{
  position:absolute;
  opacity:0;
  width:1px;height:1px;
  pointer-events:none;
}
.consent__mark{
  flex:0 0 20px;
  width:20px;height:20px;
  margin-top:1px;
  border:1.5px solid var(--line);
  border-radius:6px;
  position:relative;
  background:#fff;
  transition:border-color .2s var(--ease),background .2s var(--ease);
}
.consent__box:checked + .consent__mark{
  border-color:var(--gold);
  background:var(--gold);
}
.consent__box:checked + .consent__mark::after{
  content:'';
  position:absolute;
  inset-inline-start:6px;
  inset-block-start:2px;
  width:5px;height:10px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.consent__box:focus-visible + .consent__mark{
  outline:2px solid var(--lavender);
  outline-offset:3px;
}
.consent__text{flex:1}
.consent--err{
  border-color:#9B3A46;
  background:#FDF4F4;
}

.tst--more{margin-top:4px}
@media (min-width:620px){
  .tst--more{grid-template-columns:1fr 1fr}
  .tst--more .tst__card:first-child{grid-column:auto}
}

.layer__low{
  font-size:13px;
  color:var(--lavender);
  font-style:normal;
}


.resume-note{
  display:inline-block;
  font-size:13px;
  color:var(--gold);
  background:#FBF3E4;
  border:1px solid var(--gold-soft);
  border-radius:99px;
  padding:7px 15px;
  margin:0 0 20px;
}

.blk__kicker--under{
  margin:-6px 0 18px;
  color:var(--plum-soft);
  font-weight:600;
  letter-spacing:.04em;
  font-size:13.5px;
}

.tester-flag{
  position:fixed;
  inset-block-end:14px;
  inset-inline-start:14px;
  z-index:60;
  background:var(--plum);
  color:#F6EFE4;
  font-size:11.5px;
  font-weight:600;
  padding:7px 13px;
  border-radius:99px;
  box-shadow:0 12px 28px -18px rgba(59,42,65,.9);
  pointer-events:none;
  opacity:.88;
}

/* ---------- הגשר מהחלק האישי אל ההוכחה ---------- */
section.blk.bridge{
  position:relative;
  border:0;
  background:linear-gradient(180deg,#F1E8F1,#EDE4EE);
  border-radius:22px;
  padding:32px 26px 30px;
  margin:14px 0 4px;
  box-shadow:0 22px 48px -40px rgba(59,42,65,.7);
}
.bridge::before{
  content:'';
  position:absolute;
  inset-block-start:0;
  inset-inline-start:26px;
  inset-inline-end:26px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.bridge .body-txt p{
  color:var(--plum);
  font-size:17.5px;
  line-height:1.7;
}
.bridge .body-txt p:last-child{
  font-family:'Frank Ruhl Libre',serif;
  font-weight:700;
  font-size:clamp(20px,4.4vw,24px);
  line-height:1.35;
  color:var(--plum);
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid rgba(183,146,86,.32);
}
@media (min-width:700px){
  section.blk.bridge{padding:40px 38px 36px}
  .bridge::before{inset-inline-start:38px;inset-inline-end:38px}
}

/* ---------- בלוקי הידע בדף התוצאה ---------- */
.know__block{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px 22px;
  margin-bottom:14px;
}
.know__block:last-child{margin-bottom:0}
.know__h{
  font-size:clamp(19px,4.3vw,23px);
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
  color:var(--plum);
}
.know__block:last-child .know__h{color:var(--gold)}
.know__block:last-child{
  background:linear-gradient(180deg,#FFFDF7,#FBF3E4);
  border-color:var(--gold-soft);
}
@media (min-width:700px){
  .know__block{padding:30px 28px}
}

/* ---------- מסך הפתיחה ---------- */
.intro{
  padding-top:26px;
  text-align:center;
}
.intro__logo{
  width:78px;
  height:auto;
  display:block;
  margin:0 auto 24px;
  opacity:.95;
}
.intro__title{
  font-size:clamp(26px,6.2vw,36px);
  line-height:1.3;
  margin-bottom:22px;
  max-width:19ch;
  margin-inline:auto;
}
.intro__body{
  max-width:36ch;
  margin-inline:auto;
}
.intro__body p{
  font-size:18px;
  line-height:1.7;
  color:var(--plum);
}
.intro__body p{
  font-size:18px;
  color:var(--plum);
}
.intro__meta{
  display:inline-block;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--gold);
  background:#FBF3E4;
  border:1px solid var(--gold-soft);
  border-radius:99px;
  padding:8px 16px;
  margin:26px 0 20px;
}
.intro .btn{max-width:420px;margin-inline:auto}
.intro .legal{margin-top:22px}

@media (min-width:700px){
  .intro{padding-top:48px}
  .intro__logo{width:92px;margin-bottom:28px}
}

/* המילים שלה מהשאלה החופשית */
.wish-quote{
  display:block;
  font-family:'Frank Ruhl Libre',serif;
  font-size:18px;
  line-height:1.6;
  color:var(--plum);
  border-inline-start:2px solid var(--gold);
  padding-inline-start:14px;
  margin:4px 0;
}

.cta-note--send{
  color:var(--plum-soft);
  font-weight:500;
  margin-top:16px;
}
.cta-note--send + .cta-note{margin-top:6px}

/* הכפתורים החוזרים על רקע הקרם בצבע החציל של המותג.
   הירוק נשמר לכפתור הראשי בתוך ההצעה, כדי שיישאר האלמנט הבולט ביותר בדף. */
.btn--repeat{
  margin:8px 0 4px;
  max-width:520px;
  margin-inline:auto;
  background:var(--plum);
  box-shadow:0 18px 36px -22px rgba(59,42,65,.85);
}
.btn--repeat:hover{
  background:#33243A;
  box-shadow:0 22px 42px -22px rgba(59,42,65,.9);
}

.wish-quote--dark{
  color:#FBF6EE;
  border-inline-start-color:var(--gold-soft);
}

/* ---------- שמירת המפה ---------- */
.save{text-align:center}
.save .body-txt p{text-align:center}
.btn--save{
  background:var(--plum);
  margin-top:22px;
  box-shadow:0 18px 36px -22px rgba(59,42,65,.85);
}
.btn--save:hover{background:#33243A}

.save__link{margin-top:26px}
.save__label{
  display:block;
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--lavender);
  margin-bottom:9px;
}
.save__field{
  display:flex;
  gap:8px;
  align-items:stretch;
  max-width:460px;
  margin-inline:auto;
}
.save__input{
  flex:1;
  min-width:0;
  font:inherit;
  font-size:14px;
  direction:ltr;
  text-align:left;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card);
  color:var(--plum-soft);
}
.save__input:focus{outline:2px solid var(--gold);outline-offset:1px}
.save__copy{
  flex:none;
  font:inherit;
  font-size:14px;
  font-weight:600;
  padding:12px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--cream-deep);
  color:var(--plum);
  cursor:pointer;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.save__copy:hover{background:var(--gold-soft)}
.save__copy.is-done{background:#25623F;border-color:#25623F;color:#fff}
.save__note{
  margin-top:11px;
  font-size:13px;
  color:var(--lavender);
}
.print-only{display:none}

/* ---------- הגרסה המודפסת, זו שנשמרת כקובץ ---------- */
@media print{
  .topbar,.back,.progress,.pct,
  .btn,.btn--wa,.btn--repeat,.btn--save,
  .cta-note,.save__link,.tester-badge{display:none !important}

  html,body{background:#fff !important}
  body{font-size:12pt}

  .wrap{max-width:none;padding:0}
  .result{padding:0}

  /* הרצועה הכהה מודפסת בהיר, אחרת הטקסט נעלם במדפסות שלא מדפיסות רקעים */
  .cta-band{
    background:none !important;
    margin-inline:0 !important;
    padding:0 !important;
  }
  .cta-band::before,.cta-band::after{display:none !important}
  .cta-box{
    background:none !important;
    border:1px solid #ccc !important;
    box-shadow:none !important;
    padding:18px !important;
  }
  .cta-box::before{display:none !important}

  .print-only{display:block;margin-top:14px;font-size:10pt;color:#555;direction:ltr;text-align:center}

  section.blk,.know__block,.tried,.cta-box{break-inside:avoid;page-break-inside:avoid}
  .tst,.press__clips,.tst__card img{break-inside:avoid}
  img{max-width:100% !important}
  a{text-decoration:none;color:inherit}
}