/* ==========================================================
   דף המכירה · מצגת שמספרת סיפור
   נטען אחרי styles.css ו guide.css, ומוסיף רק את מה שייחודי לו.
   עמודה אחת, נייד קודם, ונפרש לרוחב מ 900 ומעלה.
   ========================================================== */

.sec{gap:14px;min-height:auto;padding-block:62px}
.sec--intro{min-height:100svh}
.sec--tight{padding-block:52px}

/* כפתור שהוא קישור */
a.btn, a.btn:visited{display:inline-block;text-decoration:none;text-align:center;color:var(--ink)}

/* פסקאות שזורמות אחת אחרי השנייה */
.body--flow{max-width:318px;margin-top:14px;line-height:1.56}
.sum--wide{max-width:none}

/* הכתם והכפתור בפתיחה */
.sec--intro .btn{margin-top:32px}
.sec--intro .hint{margin-top:10px}

/* ----------------------------------------------------------
   מה יש בפנים
   ---------------------------------------------------------- */
.parts{
  list-style:none;
  counter-reset:p;
  width:100%;max-width:330px;
  margin-top:18px;
}
.parts li{
  counter-increment:p;
  position:relative;
  padding:13px 0 13px 0;
  padding-inline-start:48px;
  font-size:16.8px;line-height:1.46;
  border-bottom:1.4px solid rgba(253,188,17,.55);
}
.parts li:last-child{border-bottom:none}
.parts li b{font-weight:700}
.parts li::before{
  content:counter(p);
  position:absolute;inset-inline-start:0;top:12px;
  width:36px;height:36px;
  display:grid;place-items:center;
  font-family:var(--font-head);
  font-size:31px;line-height:1;
  padding-top:5px;
  z-index:0;
}
.parts li::after{
  content:"";
  position:absolute;inset-inline-start:0;top:12px;
  width:36px;height:36px;z-index:-1;
  background:var(--blob-blue);
  -webkit-mask-image:var(--blob-shape-b);mask-image:var(--blob-shape-b);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}

.parts__t{margin-top:34px}

.extras{
  list-style:none;
  width:100%;max-width:330px;
  margin-top:16px;
  display:grid;gap:12px;
}
.extras li{
  font-size:16.8px;line-height:1.46;
  padding-inline-start:26px;position:relative;
}
.extras li::before{
  content:"";
  position:absolute;inset-inline-start:0;top:.52em;
  width:13px;height:13px;border-radius:50%;
  background:var(--yellow);
}

.cardwrap{margin-top:28px}
.cardshot{width:min(60vw, 220px)}
.cardshot img{width:100%;height:auto;display:block}

/* ----------------------------------------------------------
   למי זה מדבר
   ---------------------------------------------------------- */
.who{
  list-style:none;
  width:100%;max-width:330px;
  margin-top:16px;
  display:grid;gap:14px;
}
.who li{
  font-size:16.8px;line-height:1.46;
  padding-inline-start:30px;position:relative;
}
.who li::before{
  content:"";
  position:absolute;inset-inline-start:2px;top:5px;
  width:15px;height:9px;
  border-left:2.4px solid var(--blob-turq);
  border-bottom:2.4px solid var(--blob-turq);
  transform:rotate(-45deg);
  border-radius:1px;
}

/* ----------------------------------------------------------
   המחיר
   ---------------------------------------------------------- */
.sec--buy{gap:16px;padding-block:64px}
.sec--buy .blob-intro{padding-inline:46px;padding-top:18px;padding-bottom:22px}
.sec--buy .blob-intro .title{font-size:min(60px, 15vw);line-height:.86}
.sec--buy .blob-intro .sub{font-size:18px;margin-top:6px;font-weight:600;opacity:.8}

.incl{
  list-style:none;
  width:100%;max-width:320px;
  margin-top:10px;
  display:grid;gap:11px;
}
.incl li{
  font-size:16.5px;line-height:1.4;
  padding-inline-start:26px;position:relative;
}
.incl li::before{
  content:"";
  position:absolute;inset-inline-start:0;top:.5em;
  width:12px;height:12px;border-radius:50%;
  background:var(--blob-turq);
}
.sec--buy .outro__btn{margin-top:26px}
.sec--buy .hint--lead{margin-top:14px;text-align:center}

/* ==========================================================
   מרוחב 900: אותו דף, פרוש לרוחב
   ========================================================== */
@media (min-width:900px){
  :root{ --screen-w:min(520px, 46vw); --pad:40px }
  body{font-size:19px}

  .sec{max-width:980px;margin-inline:auto;padding-block:84px}
  .blob-title{font-size:54px}
  .body, .lede{max-width:560px;font-size:19.5px}
  .body--flow{max-width:620px}
  .sum{font-size:22px;padding:16px 34px 17px}

  .sec--intro .logo{width:104px}
  .hero-fig{width:min(240px, 22vw)}
  .sec--intro .btn{font-size:24px;padding:14px 34px 15px}

  .parts, .extras, .who, .incl{max-width:660px}
  .parts li, .extras li, .who li{font-size:18.5px}
  .parts li{padding-inline-start:52px}
  .parts li::before, .parts li::after{width:38px;height:38px}
  .parts li::before{font-size:29px}

  .cardshot{width:min(22vw, 250px)}
  .sec--buy .blob-intro .title{font-size:70px}
  .acc--solo{max-width:660px}
  .acc summary{font-size:19.5px}
  .acc__body{font-size:18px}

  .sec--set{padding-block:84px 34px}
  .sec--set .blob-intro .title{font-size:70px}
}

/* כותרת הפתיחה בנייד, נעול מהעורך של שובל 19.10.2026: כתב יד 60 על .64, תת כותרת 15 על 1.25 */
@media (max-width:699px){
  #top .blob-intro .title{line-height:.64}
  #top .blob-intro .sub{font-size:15px}
}

/* 21.10.2026 · מעל "דברי איתי": שובל בפלאפון, בלי רקע, ודהייה רכה במותן */
.outro__fig{display:block;width:min(64vw,250px);height:auto;margin:0 auto 14px;
  -webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent);mask-image:linear-gradient(to bottom,#000 74%,transparent)}
@media (min-width:900px){.outro__fig{width:280px}}
.me__door{margin-top:18px}
.me__door a{color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}

/* 27.10.2026 · שני שלבים בדף: שמירת מקום (reserve) ומכירה (sale). כל אלמנט מסומן לשלב שלו */
[data-phase="reserve"] .ph-sale{display:none!important}
[data-phase="sale"] .ph-res{display:none!important}
.sec--buy .mail{margin-inline:auto}
.sec--buy .mail .btn{margin-top:4px}
.sec--buy .mail .done{margin-top:6px}

/* 27.10.2026 · ההצצה מראה את חלק 1 כמו במדריך. הכללים הועתקו מ-site/guide.css (שקופית עמוסה ורעיון אחד עם אייקונים) */
.sl--deck{display:flex;flex-direction:column;padding:3.2cqw 4cqw 0;gap:1.6cqw;background:#fff}
.dk-top{display:flex;justify-content:space-between;font-size:2.1cqw;font-weight:600;opacity:.55}
.dk-h{font-size:3.9cqw;line-height:1.15;font-weight:700;margin:0;text-align:start}
.dk-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4cqw;flex:1;min-height:0}
.dk-card{border-radius:1.4cqw;padding:1.4cqw 1.8cqw;font-size:2.05cqw;line-height:1.3;text-align:start;background:#E7F3F6}
.dk-card:nth-child(2){background:#FFF1C7}
.dk-card:nth-child(3){background:#F6E3DA}
.dk-card:nth-child(4){background:#E9EFDC}
.dk-card b{display:block;font-size:2.5cqw;margin-bottom:.4cqw}
.dk-foot{margin:0 -4cqw;padding:1.5cqw 4cqw;background:var(--blob-turq,#57C6DD);color:#fff;font-size:2.2cqw;font-weight:700;text-align:center}
.sl--one{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw;text-align:center}
.one-blob{position:relative;z-index:1;font-family:var(--font-head);font-size:8.6cqw;line-height:.9;padding:2.4cqw 5cqw 3cqw}
.one-blob::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--blob-blue);
  -webkit-mask:var(--blob-shape-a) center/100% 100% no-repeat;mask:var(--blob-shape-a) center/100% 100% no-repeat}
.one-line{font-size:3.6cqw;font-weight:700}
.one-row{display:flex;gap:4cqw;margin-top:1.4cqw}
.one-ic{display:flex;flex-direction:column;align-items:center;gap:.8cqw;width:13cqw}
.one-ic svg{width:9.4cqw;height:9.4cqw;padding:1.5cqw;box-sizing:border-box;background:var(--yellow-l);
  border-radius:52% 48% 55% 45% / 46% 56% 44% 54%;fill:none;stroke:var(--ink);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;filter:url(#wob-ic)}
.one-ic:nth-child(1) svg{stroke-width:3.4}
.one-ic b{font-size:2.2cqw;line-height:1.2;text-align:center}
.sl--one{isolation:isolate} /* הכתם לא עולה מעל הצד העמוס בגרירה */

/* ==========================================================
   27.10.2026 · ההירו של דף המכירה כמו ההירו של המדריך בפלאפון (בקשת שובל: "תחליפי את התמונה").
   אותם ערכים שננעלו בעורך הנייד של המדריך. בכל רוחב, עד 520 פיקסלים
   ========================================================== */
.hero-mob{display:block;position:relative;isolation:isolate;margin:4px auto 0;width:100%;max-width:520px;
  --m-ar:1.570;--m-w:117.16%;--m-l:-17.16%;--m-t:0%}
.hero-mob .hero-stack{display:block;position:absolute;left:0;right:0;top:0;aspect-ratio:var(--m-ar);border-radius:14px;z-index:-1}
.hero-mob .hero-stack--1{background:var(--yellow);transform:rotate(-2.2deg) translate(-6px,6px)}
.hero-mob .hero-stack--2{background:var(--blob-blue);transform:rotate(1.6deg) translate(7px,8px)}
.mob-frame{position:relative;aspect-ratio:var(--m-ar);overflow:hidden;border-radius:14px;box-shadow:0 8px 20px rgba(13,10,10,.14);container-type:inline-size}
.mob-pic{position:absolute;width:var(--m-w);left:var(--m-l);top:var(--m-t);aspect-ratio:1340/754}
.mob-pic img{position:absolute;inset:0;width:100%;height:100%;display:block}
.mob-pic .mob-front{transform:scale(1.07);transform-origin:100% 100%;clip-path:inset(6.54% 0 0 6.54%);z-index:3;pointer-events:none}
.sec--intro .hero-mob .mob-blob{position:absolute;left:4.69%;top:19%;z-index:2;margin:0;max-width:none;width:max-content;padding:2.6cqw 4.4cqw 3.2cqw}
.sec--intro .hero-mob .mob-blob .title{font-size:9.5cqw;line-height:.82;transform:translate(.46cqw,-.46cqw)}
.sec--intro .hero-mob .mob-logo{position:absolute;left:-2.03cqw;top:-.16cqw;width:9cqw;margin:0;transform:rotate(-10deg)}
.mob-sub{font-family:var(--font-body);font-weight:700;font-size:16px;line-height:1.4;text-align:center;margin:26px 0 0}
/* מה שהתמונה מחליפה: הכתם הישן והלוגו שמעליו. ה-h1 נשאר לקוראי מסך */
.sec--intro > .logo{display:none}
.sec--intro > h1.blob-intro{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sec--intro .lede{margin-top:28px}
/* 27.10.2026 · שורות המחיר מתחת ל"47 שקלים", והקישור למדיניות הפרטיות בתיבה */
.price-calm{margin:14px auto 0;font-size:16px;opacity:.85}
.price-until{margin:8px auto 0;font-size:15px}
.agree__t a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sec--buy .mail .agree + .agree{margin-top:-2px}

/* 27.10.2026 · ההצצה במסגרת המחשב של המדריך (monitor.webp, החלון נמדד בחומרים/מחשב/window-monitor.json),
   והידית בשפת הכפתורים של שובל: כתם צהוב, וקו דק שמקיף אותו כמו במחברת (הסקיל shovalga-circled-button) */
#peek .screen{width:min(94vw, 560px);padding:0;aspect-ratio:1100/805;
  background:url("assets/img/monitor.webp?v=1") center/100% 100% no-repeat;filter:drop-shadow(0 12px 16px rgba(13,10,10,.13))}
#peek .screen::after{content:none}
#peek .screen__in{position:absolute;left:2.99%;top:5.17%;width:93.94%;aspect-ratio:16/9;border-radius:3px;overflow:hidden}
#peek .screen__stand{display:none}
#peek .ba__labels{width:min(94vw, 560px)}
.ba__handle{width:2px;background:var(--ink);opacity:1;transform:translateX(-1px)}
.ba__grip{width:46px;height:46px;border:0;background:var(--yellow);box-shadow:0 6px 12px rgba(13,10,10,.18);
  animation:baNudge 3.6s ease-in-out infinite}
.ba__ring{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);overflow:visible;pointer-events:none}
.ba__ring path{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:100;stroke-dashoffset:100;animation:cbtnRing 3.6s cubic-bezier(.45,.1,.4,1) infinite}
@keyframes cbtnRing{0%{stroke-dashoffset:100;opacity:1}45%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes baNudge{0%,72%,100%{rotate:0deg;scale:1}76%{rotate:-8deg;scale:1.06}80%{rotate:6deg;scale:1.06}84%{rotate:-3deg}88%{rotate:2deg}92%{rotate:0deg}}
.ba.is-drag .ba__grip, .ba:active .ba__grip{animation:none}
@media (prefers-reduced-motion:reduce){.ba__grip,.ba__ring path{animation:none}.ba__ring path{stroke-dashoffset:0}}

/* 27.10.2026 · סבב של שובל על דף המכירה */
/* רשימות הנקודות מיושרות לימין, והטקסט צמוד לנקודה */
.extras li, .incl li{text-align:start}
/* בלי מילה בודדת בשורה האחרונה (כמו "להגיד"). הדפדפן מאזן את השורות לבד */
p, li, .hint, .body, .sum{text-wrap:pretty}
h2, .sum, .hint{text-wrap:balance}
/* התמונה של שובל מנופפת, בסעיף "רגע, מי אני" */
.me__fig{display:block;width:min(56vw, 230px);height:auto;margin:6px auto 4px;
  -webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}
/* הכרטיסייה כהצצה: רואים את החלק העליון שלה, מוטה קצת, והתחתית נמוגה כאילו היא יוצאת מכיס */
.cardpeek{position:relative;height:min(62vw, 250px);overflow:hidden;width:100%;display:flex;justify-content:center;padding-top:14px}
.cardpeek .cardshot{width:min(58vw, 230px);transform:rotate(-4deg) translateY(16%);transition:transform .9s cubic-bezier(.3,1.3,.5,1);
  -webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 92%);mask-image:linear-gradient(to bottom,#000 45%,transparent 92%)}
.cardpeek.is-in .cardshot{transform:rotate(-4deg) translateY(0)}
.cardpeek .cardshot img{border-radius:14px;box-shadow:0 10px 24px rgba(13,10,10,.14)}
@media (prefers-reduced-motion:reduce){.cardpeek .cardshot{transition:none;transform:rotate(-4deg)}}

/* 27.10.2026 · מה יש בפנים: שמונה כרטיסים עם הצצה אמיתית מהמדריך (רעיון של גיפטי). הכל גלוי, ונגיעה מגדילה */
.parts__hint{margin-top:10px}
.pcards{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:640px;margin-top:16px}
.pcard{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:start;
  background:#fff;border:0;border-radius:16px;padding:8px 8px 12px;cursor:zoom-in;font:inherit;color:inherit;
  box-shadow:0 6px 16px rgba(13,10,10,.08);transition:transform .2s}
.pcard:hover,.pcard:focus-visible{transform:translateY(-3px) rotate(-.6deg)}
.pcard:nth-child(even):hover{transform:translateY(-3px) rotate(.6deg)}
.pcard__img{display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--cream)}
.pcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.pcard__n{position:absolute;top:2px;inset-inline-start:2px;width:34px;height:34px;display:grid;place-items:center;
  font-family:var(--font-head);font-size:26px;line-height:1;padding-top:4px;z-index:1}
.pcard__n::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--yellow);
  -webkit-mask:var(--blob-shape-b) center/100% 100% no-repeat;mask:var(--blob-shape-b) center/100% 100% no-repeat}
.pcard__t{font-size:15.5px;line-height:1.25;padding:0 4px}
.pcard__s{font-size:13.5px;line-height:1.35;padding:0 4px;opacity:.78}
.pzoom{position:fixed;inset:0;z-index:50;background:rgba(13,10,10,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.pzoom[hidden]{display:none}
.pzoom img{max-width:min(96vw, 900px);max-height:86vh;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.35);background:var(--cream)}
.pzoom__x{position:absolute;top:14px;inset-inline-end:14px;width:44px;height:44px;border-radius:50%;border:0;background:var(--yellow);
  font-size:28px;line-height:1;cursor:pointer;color:var(--ink)}
.peek__after{margin-top:22px}
.mail__note{font-size:14px;margin:-2px 0 2px}
.agree__t small{font-size:12.5px;opacity:.75}
@media (min-width:900px){.pcards{grid-template-columns:repeat(4,1fr);max-width:980px;gap:18px}}
#peek .screen, #peek .ba__labels{width:100%;max-width:560px} /* ברוחב של הסעיף ולא של המסך, כדי ש"נקייה" לא ייחתך בפלאפון */
/* 27.10.2026 · שובל: "ההירו צריך להיות רחב יותר". במחשב התמונה מתרחבת, וכל מה שבתוכה גדל איתה (cqw) */
@media (min-width:900px){
  .hero-mob{max-width:min(880px, 68vw)}
  .mob-sub{font-size:19px;margin-top:30px}
}

/* 27.10.2026 · שובל: "להכניס תנועה כלשהי ותזוזה" בהירו. פעם אחת בטעינה:
   השקופיות נפתחות מאחורי התמונה, הכתם נצבע, הכותרת עולה, והלוגו קופץ. המצב הסופי הוא ברירת המחדל */
@media (prefers-reduced-motion:no-preference){
  .hero-mob .hero-stack--1{animation:hmStack1 .7s cubic-bezier(.3,1.3,.5,1) .1s both}
  .hero-mob .hero-stack--2{animation:hmStack2 .7s cubic-bezier(.3,1.3,.5,1) .2s both}
  .hero-mob .mob-frame{animation:hmFrame .6s ease both}
  .sec--intro .hero-mob .mob-blob{animation:hmPaint .7s cubic-bezier(.3,1.3,.5,1) .7s both}
  .sec--intro .hero-mob .mob-blob .title{animation:hmRise .5s ease 1.1s both}
  .sec--intro .hero-mob .mob-logo{animation:hmPop .45s cubic-bezier(.3,1.5,.5,1) 1.4s both}
  @keyframes hmStack1{from{transform:rotate(0) translate(0,0)}to{transform:rotate(-2.2deg) translate(-6px,6px)}}
  @keyframes hmStack2{from{transform:rotate(0) translate(0,0)}to{transform:rotate(1.6deg) translate(7px,8px)}}
  @keyframes hmFrame{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
  @keyframes hmPaint{from{opacity:0;transform:scale(.25,.15) rotate(-6deg)}to{opacity:1;transform:none}}
  @keyframes hmRise{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
  @keyframes hmPop{from{opacity:0;transform:rotate(-30deg) scale(.3)}to{opacity:1;transform:rotate(-10deg)}}
}

/* ==========================================================
   27.10.2026 · סבב המחשב של שובל על דף המכירה
   ========================================================== */
/* הכפתור בתוך המצגת: מתחת לכתם, מול היד שמצביעה */
.sec--intro .hero-mob .hero-cta{position:absolute;z-index:4;left:9%;top:68%;margin:0;
  font-size:max(15px, 3.1cqw);padding:.7em 1.4em .75em;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){
  .sec--intro .hero-mob .hero-cta{animation:hmRise .5s ease 1.7s both}
}
.sec--intro > .hint{margin-top:22px}

@media (min-width:900px){
  /* הכאב: שורות רחבות יותר ופחות עמוד צר באמצע */
  #pain .body{max-width:760px}
  #pain .body br{display:none}
  /* מה יהיה לך ביד: שורה אחת עם נקודות הפרדה */
  #end .extras{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 0;max-width:1100px;width:auto}
  #end .extras li{padding:0 18px;position:relative}
  #end .extras li::before{inset-inline-start:-6px;top:50%;transform:translateY(-50%);width:11px;height:11px}
  #end .extras li:first-child::before{content:none}
  /* בונוסים: הטקסט מימין, והכרטיסייה משמאל, מציצה מתוך הסיקווגל שמתחת */
  #inside .bonus{display:flex;align-items:flex-end;justify-content:center;gap:56px;width:100%;max-width:900px;margin-top:6px}
  #inside .bonus .extras{margin:0 0 54px;max-width:420px}
  #inside .bonus .cardpeek{width:300px;height:250px;margin:0;padding-top:16px;flex:none}
  #inside{padding-bottom:0}
  /* מי אני: הכותרת באמצע, הדמות מימין והטקסט משמאל */
  #me .me__row{display:flex;align-items:center;justify-content:center;gap:56px;max-width:980px;width:100%;margin-top:10px}
  #me .me__fig{width:300px;margin:0;flex:none}
  #me .me__txt{text-align:start;max-width:520px}
  #me .me__txt .body, #me .me__txt .sum{margin-inline:0;text-align:start;max-width:none}
  #me .me__txt .sum{display:inline-block}
}
/* הכרטיסייה בלי מסגרת, רק הכרטיסייה עצמה */
.cardpeek .cardshot::after{content:none}
.cardpeek .cardshot{border:0;background:none;box-shadow:none;padding:0}
.bonus{display:flex;flex-direction:column;align-items:center;width:100%}
@media (min-width:900px){#inside .bonus{flex-direction:row}}
/* המסגרת המצוירת של הכרטיסייה יושבת על cardwrap::after ב-styles.css, וכאן היא יוצאת */
.cardpeek.cardwrap::after{content:none}
.cardpeek .cardshot{aspect-ratio:auto;overflow:visible;border-radius:0}
@media (min-width:900px){
  #end .extras{max-width:1340px;flex-wrap:nowrap}
  #end .extras li{white-space:nowrap;font-size:16px;padding:0 16px}
}
/* 27.10.2026 · הערך של שובל מעורך ההירו (המסגרת 880 על 560.5): הכפתור 24 ימינה ו-55 למעלה. במחשב בלבד */
@media (min-width:900px){
  .sec--intro .hero-mob .hero-cta{left:11.73%;top:58.19%;z-index:14}
}
/* 27.10.2026 · אזור המחיר החדש: שורה משעשעת אחת, ופחות פירוט */
.buy__fun{font-size:19px;line-height:1.45;text-align:center;margin:16px 0 0}
.buy__fun b{font-family:var(--font-head);font-weight:400;font-size:30px;display:inline-block;margin-top:4px}

/* ==========================================================
   27.10.2026 · סבב 3 של שובל
   ========================================================== */
/* הכאב: המשפט המודגש יורד לשורה משלו, גם במחשב שבו ה-br מוסתר */
#pain .own-line{display:block}
/* "אז בואי נעשה את זה אחרת" בשורה אחת */
.sum--one{max-width:none;white-space:nowrap}

/* כל כותרות הסעיפים באותו גודל, וגדולות: כתם, פתיחה עם תת כותרת, ובונוסים */
:root{--h-size:min(58px, 14.6vw)}
@media (min-width:900px){:root{--h-size:70px}}
.blob-title,
.sec--buy .blob-intro .title,
.sec--set .blob-intro .title,
.mini-blob.parts__t{font-size:var(--h-size)}
.blob-title{line-height:.88}
/* בונוסים: אוויר לפני הכותרת */
.parts__t{margin-top:64px}
@media (min-width:900px){.parts__t{margin-top:96px}}

/* מי אני: הכותרת יושבת מעל הטקסט, ואוויר אחרי פסקת הסיפור */
#me .me__txt > .blob-title{margin-bottom:22px}
#me .me__story{margin-bottom:12px}
@media (min-width:900px){#me .me__txt > .blob-title{margin-inline:0}}

/* אזור המחיר: השורה המשעשעת גדולה יותר */
.buy__fun{font-size:21px}
.buy__fun b{font-size:40px;margin-top:8px}
@media (min-width:900px){.buy__fun{font-size:23px}.buy__fun b{font-size:46px}}
/* הכפתור של שמירת המקום גדול יותר */
.sec--buy .mail .btn--hand{font-size:36px;padding:24px 48px 22px}

/* שאלות: שובל חושבת מימין, השאלות משמאל. בנייד התמונה מעל */
.faqrow{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}
.faqfig{position:relative;width:min(70vw,270px)}
.faqfig img{display:block;width:100%;height:auto;transform:scaleX(-1);
  -webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent);mask-image:linear-gradient(to bottom,#000 78%,transparent)}
.faqfig .q{position:absolute;font-family:var(--font-head);color:var(--yellow);line-height:1;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}
.faqfig .q1{font-size:120px;top:-22%;right:2%;transform:rotate(14deg)}
.faqfig .q2{font-size:76px;top:2%;right:-12%;transform:rotate(-12deg)}
.faqlist{width:100%;display:flex;flex-direction:column;align-items:center}
@media (min-width:900px){
  .faqrow{flex-direction:row;align-items:center;justify-content:center;gap:56px;max-width:980px;margin-top:10px}
  .faqfig{width:340px;flex:none}
  .faqlist{max-width:600px;align-items:stretch}
  .faqlist .acc--solo{max-width:none;width:100%}
}
/* משפט הסיום על כתם צהוב בהיר */
.outro .sum.outro__t{font-size:22px;margin-top:34px}
/* 27.10.2026 · נעול מהעורך של שובל, במחשב: סימני השאלה גדולים ומסובבים, והתמונה רחבה יותר וזזה ימינה */
@media (min-width:900px){
  /* סימני השאלה מעל הראש, בצד שאליו שובל מסתכלת. מוקמו על ידי קלאודיה, כי העורך נפתח אצל שובל כנייד */
  #faq .faqfig .q1{right:auto;left:-95px;top:-175px;transform:rotate(-18deg);font-size:270px}
  #faq .faqfig .q2{right:auto;left:40px;top:-150px;transform:rotate(10deg);font-size:170px}
  #faq .faqfig img{transform:translate(74px, 11px) scaleX(-1);width:605px;max-width:none}
  /* סימני השאלה עברו שמאלה, אל אזור השאלות, ולכן הם עולים מעל התיבות */
  #faq .faqfig .q{z-index:3}
  #inside .cardpeek .cardshot img{transform:translate(-4px, 13px)}
  /* סבב 2 בעורך של כל הדף: כותרת "שאלות" זזה שמאלה, מעל השאלות */
  #faq > h2.blob-intro{transform:translate(-209px, 31px)}
}
/* 27.10.2026 · נעול מהעורך של שובל, בנייד: התמונה זזה ימינה, וסימני השאלה עוברים לצד השני של הראש */
@media (max-width:699px){
  #faq .faqfig img{transform:translate(53px, 8px) scaleX(-1)}
  #faq .faqfig .q1{transform:translate(-212px, 88px) rotate(-23deg);font-size:171px}
  #faq .faqfig .q2{transform:translate(-225px, 19px) rotate(2deg);font-size:96px}
}
/* אזור המחיר: שובל עושה פן ליד השורה המשעשעת. בנייד התמונה מעל, במחשב מימין */
.buy__funrow{display:flex;flex-direction:column;align-items:center;margin-top:18px}
.buy__fen{display:block;width:min(62vw,240px);height:auto;
  -webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}
.buy__funrow .buy__fun{margin-top:6px}
@media (min-width:900px){
  .buy__funrow{flex-direction:row;justify-content:center;gap:40px}
  .buy__fen{width:280px}
  .buy__funrow .buy__fun{text-align:start;margin-top:0}
}

/* 2.11.2026 · קישור למדיניות הפרטיות בתחתית הדף */
.foot__priv{font-size:13px;color:inherit;opacity:.65;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:3px;margin-top:6px}
/* 2.11.2026 · שורת המדיניות ותנאי הרכישה מתחת לכפתורי הקנייה */
.sec .hint.buy-terms{font-size:13px;opacity:.7;margin-top:-6px}
.buy-terms a{color:inherit;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:3px}