/* ============================================================
   מור גולדנגורן · מדריכת הנקה מוסמכת · mor.mytrueai.co
   מערכת עיצוב: "שני עיגולים" — קרם חם, ורוד מאובק, דיו חציל
   פונט: Assistant לכל האתר (בחירת עידו 16.07, "גרסה 2 אוורירי").
   כותרות במשקל 300-600, גוף 400, הדגשות 600-700
   ============================================================ */

/* פלטה מהלוגו "Breastfeeding and MORe":
   ורוד פודרה (רקע הלוגו), אפרסק רך (העיגול), פטל עמוק (הכובע), טאופ (החצאית) */
:root{
  --ivory:#FAF0ED;          /* רקע בסיס · ורוד פודרה בהיר */
  --paper:#FFFBFA;          /* משטחים */
  --blush:#F6DCD6;          /* סקציות מודגשות · אפרסק בהיר */
  --blush-deep:#F0C5BC;     /* העיגול הגדול בלוגו */
  --rose:#C24B60;           /* primary · הכובע */
  --rose-deep:#A33750;      /* מרכז הכובע */
  --rose-soft:#EDB4AE;      /* אפרסק ורדרד */
  --sage:#A9A29B;           /* אקצנט משני · אפור טאופ מהחצאית */
  --ink:#452F38;            /* טקסט ראשי · פלאם עמוק */
  --muted:#7A6067;          /* טקסט משני */
  --line:rgba(163,55,80,.14);
  --shadow:0 18px 50px -18px rgba(69,47,56,.22);
  --r-lg:26px;
  --r-md:18px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* כל כלל display של המחבר גובר על [hidden] של הדפדפן, ולכן אלמנט עם
   class שמגדיר display פשוט לא נעלם. קרה ל-#reg-form (display:grid)
   שנשאר על המסך אחרי הרשמה. נוסף 03.08.2026. */
[hidden]{display:none !important}
html{scroll-behavior:smooth}
body{
  font-family:'Assistant',sans-serif;
  font-size:1.0938rem;line-height:1.85;
  color:var(--ink);background:var(--ivory);
  direction:rtl;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Assistant',sans-serif;line-height:1.25;font-weight:600}

/* ============================================================
   מניעת "יתומים": שורה אחרונה עם מילה או שתיים בלבד.
   balance = מאזן את אורך השורות בכותרות ובטקסטים קצרים.
   pretty  = מונע מילה בודדת בשורה האחרונה בפסקאות.
   ============================================================ */
h1,h2,h3,h4,
.hug-title,.hug-calm,.mini-quote,.lead,.sec-head p,.sub,
.cta-strip h3,.fit-col h3,.step h3,.lf-title,.lf-sub,
.faq summary,.pullquote,.quote p,.wa-quote,.date-card .t,
.hero-note,.price-card .pc-note,.eyebrow,.worries div{
  text-wrap:balance;
}
p,.ans,.incl li span,.fit-col li,.checks li span,.card p,.article p,.step p,.txt p{
  text-wrap:pretty;
}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.narrow{max-width:760px}

/* ---------- מוטיב מהלוגו: עיגול בתוך עיגול (פטמה) ---------- */
.twins{display:inline-block;width:22px;height:22px;position:relative;flex-shrink:0}
.twins::before{
  content:'';position:absolute;inset:0;border-radius:50%;background:var(--blush-deep);
}
.twins::after{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:10px;height:10px;border-radius:50%;background:var(--rose);
}
.twins.lg{width:36px;height:36px}
.twins.lg::after{width:16px;height:16px}

/* ---------- ניווט ---------- */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(250,240,237,.88);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;max-width:1080px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand b{font-family:'Assistant',sans-serif;font-weight:600;font-size:1.1875rem;letter-spacing:.01em}
.brand span{font-size:0.7812rem;color:var(--muted);display:block;line-height:1.3}
.nav-links{display:flex;align-items:center;gap:26px;list-style:none}
.nav-links a{text-decoration:none;font-size:0.9688rem;font-weight:500;color:var(--ink);opacity:.82;transition:.2s}
.nav-links a:hover,.nav-links a[aria-current]{opacity:1;color:var(--rose-deep)}
.nav-links a[aria-current]{border-bottom:2px solid var(--rose);padding-bottom:2px}
.nav-cta{
  font-family:'Assistant',sans-serif;font-weight:500;font-size:0.9375rem;text-decoration:none;
  background:var(--rose);color:#fff;padding:10px 22px;border-radius:50px;transition:.25s;
}
.nav-cta:hover{background:var(--rose-deep);transform:translateY(-1px)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:6px}
.nav-burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;transition:.25s}

/* ---------- כפתורים ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  font-family:'Assistant',sans-serif;font-weight:500;font-size:1.0312rem;
  padding:15px 34px;border-radius:50px;transition:.25s;
}
.btn-rose{background:var(--rose);color:#fff;box-shadow:0 10px 26px -10px rgba(156,70,77,.5)}
.btn-rose:hover{background:var(--rose-deep);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid var(--rose);color:var(--rose-deep)}
.btn-ghost:hover{background:var(--blush)}
.btn-wa{background:#0F7A6C;color:#fff}
.btn-wa:hover{filter:brightness(.93);transform:translateY(-2px)}
.btn-wa svg{width:19px;height:19px;fill:currentColor}

/* ---------- הירו (מעודן: היררכיה שקטה, אלמנט דומיננטי אחד) ---------- */
.hero{position:relative;padding:64px 0 80px;overflow:hidden}
.hero::before{
  content:'';position:absolute;inset:auto -18% -55% auto;top:-35%;
  width:62vw;height:62vw;max-width:720px;max-height:720px;border-radius:50%;
  background:radial-gradient(circle,rgba(237,180,174,.26) 0%,transparent 66%);
  pointer-events:none;
}
.hero::after{
  content:'';position:absolute;left:-10%;bottom:-40%;
  width:44vw;height:44vw;max-width:520px;max-height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,197,188,.18) 0%,transparent 65%);
  pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;position:relative}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:0.7812rem;font-weight:600;letter-spacing:.09em;color:var(--rose-deep);
  margin-bottom:18px;
}
.hero h1{
  font-size:clamp(2rem,4.4vw,3.125rem);font-weight:300;letter-spacing:.01em;line-height:1.28;
  margin-bottom:16px;max-width:580px;
}
.hero h1 em{font-style:normal;color:var(--rose-deep);font-weight:600;white-space:nowrap}
.hero .lead{font-size:1.1875rem;font-weight:300;line-height:1.8;color:#6E555E;max-width:470px;margin-bottom:30px}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero .btn{padding:13px 28px;font-size:0.9688rem}
.hero-note{margin-top:18px;font-size:0.8438rem;color:var(--muted)}
.hero .photo-portrait{max-width:360px;transform:none;border-width:8px;box-shadow:0 24px 56px -28px rgba(69,47,56,.35)}

/* ---------- placeholder לתמונות (עד שמגיעים חומרים) ---------- */
.ph{
  border:2px dashed rgba(194,75,96,.3);border-radius:var(--r-lg);
  background:
    repeating-linear-gradient(-45deg,rgba(244,227,220,.5) 0 14px,rgba(250,244,236,.6) 14px 28px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  color:var(--muted);text-align:center;padding:24px;
}
.ph small{font-size:0.8125rem;letter-spacing:.04em;font-weight:600;color:var(--rose-deep);opacity:.75}
.ph-portrait{aspect-ratio:4/5;max-width:420px;width:100%;margin:0 auto;transform:rotate(-1.5deg)}
.ph-wide{aspect-ratio:16/8}
.ph-card{aspect-ratio:16/10;border-radius:var(--r-md)}

/* ---------- לוגו (PNG שקוף, הדמות המלאה, לעולם לא נחתך) ---------- */
.brand-logo{height:68px;width:auto;object-fit:contain;flex-shrink:0;display:block}
/* 11.08.2026: הסימן בפוטר היה 96px מול טקסט של 13px, והוא בלע את כל האזור.
   מוקטן לגובה שמתיישר עם שתי שורות הטקסט לצידו. */
footer .brand-logo{height:56px}
@media(max-width:900px){.brand-logo{height:54px}footer .brand-logo{height:48px}}

/* ---------- טופס פניות ---------- */
.lead-form{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:34px 30px;max-width:560px;box-shadow:var(--shadow);
  display:grid;gap:16px;text-align:right;position:relative;
}
.lead-form .lf-title{font-family:'Assistant',sans-serif;font-size:1.25rem;font-weight:600;color:var(--ink)}
.lead-form .lf-sub{font-size:0.9062rem;color:var(--muted);margin-top:-8px}
.lead-form label{display:block;font-size:0.9062rem;font-weight:600;color:var(--ink);margin-bottom:6px}
.lead-form input,.lead-form textarea{
  width:100%;padding:13px 16px;border:1.5px solid rgba(163,55,80,.18);border-radius:12px;
  font-size:1rem;font-family:'Assistant',sans-serif;color:var(--ink);background:#fff;
  transition:border-color .2s;
}
.lead-form select{
  width:100%;padding:13px 16px;border:1.5px solid rgba(163,55,80,.18);border-radius:12px;
  font-size:1rem;font-family:'Assistant',sans-serif;font-weight:400;color:var(--ink);
  background:#fff;cursor:pointer;transition:border-color .2s;
  appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--rose) 50%),linear-gradient(135deg,var(--rose) 50%,transparent 50%);
  background-position:calc(0% + 18px) calc(50% + 1px),calc(0% + 24px) calc(50% + 1px);
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
}
.lead-form select:focus{outline:none;border-color:var(--rose)}
.lead-form input:focus,.lead-form textarea:focus{outline:none;border-color:var(--rose)}
.lead-form textarea{resize:vertical;line-height:1.6;min-height:96px}
.lead-form .lf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-form button[type="submit"]{
  width:100%;padding:16px;background:var(--rose);color:#fff;border:0;border-radius:50px;
  font-family:'Assistant',sans-serif;font-weight:600;font-size:1.0312rem;cursor:pointer;transition:.25s;
  box-shadow:0 10px 26px -10px rgba(156,70,77,.5);
}
.lead-form button[type="submit"]:hover{background:var(--rose-deep);transform:translateY(-2px)}
.lead-form button[type="submit"]:disabled{opacity:.6;cursor:wait;transform:none}
.lead-form .form-status{font-size:0.9062rem;text-align:center;min-height:20px;color:var(--muted)}
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:640px){.lead-form .lf-row{grid-template-columns:1fr}.lead-form{padding:28px 22px}}

/* ---------- רצועת CTA מתחת להירו (11.08.2026) ----------
   מחליפה את הטופס המהיר מ-05.08. הטופס המלא מתחת להירו הרגיש דוחף
   (החלטת עידו), אז נשארת שורה אחת plus כפתור שגולל לטופס שבתחתית.
   בעמוד הבית אין רצועה בכלל, רק הטופס התחתון. */
.quick-bar{background:linear-gradient(180deg,var(--blush) 0%,#F7EAE4 100%);padding:22px 0}
.quick-bar .wrap{
  display:flex;align-items:center;justify-content:center;
  gap:24px;flex-wrap:wrap;text-align:center;
}
.quick-bar p{color:var(--ink);font-size:1.0312rem;line-height:1.6;margin:0}
.quick-bar .btn{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){
  .quick-bar{padding:20px 0}
  .quick-bar .wrap{gap:14px}
  .quick-bar p{font-size:0.9688rem}
}

/* ---------- טופס מהיר מתחת להירו (05.08.2026, לא בשימוש מ-11.08) ----------
   נשמר למקרה שנרצה להחזיר. הרקע: הטופס המלא יושב בתחתית העמוד,
   כ-9 מסכי גלילה למטה במובייל, ונמדד חי אפס פניות מ-2,343 צפיות
   בתנועה קרה מאינסטגרם. */
.quick-cta{background:linear-gradient(180deg,var(--blush) 0%,#F7EAE4 100%);padding:44px 0}
.quick-cta .qc-inner{
  display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:center;
  max-width:1080px;margin:0 auto;text-align:right;
}
.quick-cta .qc-txt h2{font-size:1.75rem;font-weight:600;color:var(--ink);margin-bottom:12px;line-height:1.3}
.quick-cta .qc-txt p{color:var(--muted);font-size:1.0312rem;line-height:1.7}
.lead-form.compact{padding:26px 24px;gap:13px;max-width:none;margin:0}
.lead-form.compact .lf-title{font-size:1.125rem}
.lead-form.compact label{margin-bottom:4px}
.lead-form.compact input{padding:12px 15px}
.lead-form.compact button[type="submit"]{padding:15px}
@media(max-width:900px){
  .quick-cta{padding:32px 0}
  .quick-cta .qc-inner{grid-template-columns:1fr;gap:22px}
  .quick-cta .qc-txt h2{font-size:1.5rem}
}

/* טופס בתוך הסקציה הכהה (עמוד הבית) */
.cta-final .lead-form{margin:0 auto;text-align:right}
.cta-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1080px;margin:0 auto;text-align:right;position:relative}
.cta-split .cta-txt h2{text-align:right}
.cta-split .cta-txt p{margin-right:0;text-align:right}
.cta-split .btn-row{justify-content:flex-start}
@media(max-width:900px){.cta-split{grid-template-columns:1fr;gap:36px;text-align:center}.cta-split .cta-txt h2,.cta-split .cta-txt p{text-align:center}.cta-split .btn-row{justify-content:center}}

/* ---------- תמונות אמיתיות ---------- */
.photo{
  border-radius:var(--r-lg);box-shadow:var(--shadow);
  border:6px solid var(--paper);object-fit:cover;width:100%;
}
.photo-portrait{aspect-ratio:4/5;max-width:420px;margin:0 auto;transform:rotate(-1.5deg)}
.photo-sm{aspect-ratio:1/1;max-width:340px}
@media(max-width:900px){.photo-portrait{transform:none}}

/* ---------- סקציות ---------- */
section{padding:84px 0}
.sec-blush{background:linear-gradient(180deg,var(--blush) 0%,#F7EAE4 100%)}
.sec-paper{background:var(--paper)}
.sec-head{max-width:640px;margin-bottom:48px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.kicker{
  display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:600;
  letter-spacing:.1em;color:var(--rose-deep);margin-bottom:14px;
}
.sec-head.center .kicker{justify-content:center}
.kicker::after{content:'';height:1px;width:44px;background:var(--rose-soft)}
.sec-head.center .kicker::after{display:none}
.sec-head h2{font-size:clamp(1.6875rem,3.6vw,2.375rem);font-weight:600;margin-bottom:14px}
.sec-head p{font-size:1.125rem;color:var(--muted)}

/* ---------- סקציית "רואים אותך" (מתחת להירו) ---------- */
.hug{padding:76px 0 84px}
.hug-title{
  font-size:clamp(1.5rem,3.4vw,2.125rem);font-weight:600;color:var(--ink);
  max-width:560px;margin:0 auto 38px;line-height:1.35;
}
.worries{
  margin:0 auto 36px;padding:26px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  max-width:480px;
}
.worries div{
  font-size:1.25rem;font-weight:300;color:var(--rose-deep);line-height:2.1;
}
.hug-calm{
  font-size:1.1562rem;line-height:1.9;color:#5A464E;max-width:560px;margin:0 auto 30px;
}
.hug-calm b{color:var(--rose-deep)}
.hug-note{font-size:0.9062rem;color:var(--muted);margin-top:16px}

/* ---------- הסיפור (טור טקסט + תמונה) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split .txt p{margin-bottom:16px;color:#5A464E}
.split .txt p b{color:var(--ink)}
.pullquote{
  font-family:'Assistant',sans-serif;font-weight:500;font-size:1.3125rem;line-height:1.55;
  color:var(--rose-deep);border-right:3px solid var(--rose);padding-right:20px;margin:26px 0;
}

/* ---------- כרטיסי שירות ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:36px 30px;display:flex;flex-direction:column;gap:14px;
  box-shadow:0 10px 34px -18px rgba(59,42,49,.16);transition:.3s;position:relative;overflow:hidden;
}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card::before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--rose),var(--rose-soft))}
.card h3{font-size:1.3125rem;font-weight:600}
.card p{font-size:0.9688rem;color:var(--muted);flex-grow:1}
.card .price{font-family:'Assistant',sans-serif;font-size:1.5rem;font-weight:700;color:var(--rose-deep)}
.card .price small{font-size:0.875rem;font-weight:400;color:var(--muted)}
/* גרסה בלי מחיר: מציגה את סוג המפגש והזמנה ליצור קשר */
.card .price-soft{font-size:1.0625rem;font-weight:600;color:var(--rose-deep);line-height:1.5}
.card .price-soft small{display:block;font-size:0.875rem;font-weight:300;color:var(--muted);margin-top:3px}
.card .card-link{
  font-family:'Assistant',sans-serif;font-weight:500;font-size:0.9688rem;color:var(--rose-deep);
  text-decoration:none;display:inline-flex;align-items:center;gap:8px;
}
.card .card-link::after{content:'←';transition:.2s}
.card .card-link:hover::after{transform:translateX(-4px)}
.card .tag{
  align-self:flex-start;font-size:0.7812rem;font-weight:600;letter-spacing:.05em;
  color:var(--sage);background:rgba(169,162,155,.16);border-radius:50px;padding:5px 14px;
}

/* ---------- רשימת יתרונות / מה כלול ---------- */
.checks{list-style:none;display:grid;gap:14px}
.checks li{display:flex;gap:14px;align-items:flex-start;font-size:1.0312rem;color:#5A464E}
.checks li b{color:var(--ink)}
.checks .dot{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:4px;
  background:var(--blush-deep);position:relative;
}
.checks .dot::after{
  content:'';position:absolute;inset:0;margin:auto;width:6px;height:11px;
  border-right:2.5px solid var(--rose-deep);border-bottom:2.5px solid var(--rose-deep);
  transform:translateY(-1px) rotate(45deg);
}

/* ---------- קיר וואטסאפ (המלצות אמיתיות) ---------- */
.wa-wall{columns:3;column-gap:22px;max-width:1000px;margin:0 auto}
.wa-shot{
  break-inside:avoid;margin:0 0 22px;position:relative;
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;
  box-shadow:0 16px 44px -20px rgba(69,47,56,.38);
  transform:rotate(-1.1deg);transition:transform .3s,box-shadow .3s;
}
.wa-shot:nth-child(2n){transform:rotate(1deg)}
.wa-shot:nth-child(3n){transform:rotate(-.4deg)}
.wa-shot:hover{transform:rotate(0) translateY(-5px);box-shadow:var(--shadow)}
.wa-shot img{width:100%;border-radius:14px;display:block}
.wa-badge{
  position:absolute;top:-11px;left:-11px;width:34px;height:34px;border-radius:50%;
  background:#0F7A6C;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(37,211,102,.45);z-index:2;
}
.wa-badge svg{width:18px;height:18px;fill:#fff}
.wa-quote{
  font-family:'Assistant',sans-serif;font-weight:500;font-size:clamp(1.1875rem,2.6vw,1.5rem);
  color:var(--rose-deep);text-align:center;max-width:620px;margin:40px auto 0;line-height:1.6;
}
@media(max-width:900px){.wa-wall{columns:2}}
@media(max-width:600px){.wa-wall{columns:1;max-width:420px}}

/* ---------- עדויות ---------- */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.quote{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:34px 28px;position:relative;
}
.quote::before{
  content:'"';font-family:'Assistant',sans-serif;font-size:4.625rem;line-height:1;
  color:var(--blush-deep);position:absolute;top:14px;left:22px;
}
.quote p{font-size:0.9688rem;color:#5A464E;margin-bottom:16px}
.quote .who{font-family:'Assistant',sans-serif;font-weight:500;font-size:0.9062rem;color:var(--rose-deep)}

/* ---------- CTA סוגר ---------- */
.cta-final{
  background:linear-gradient(150deg,#54353F 0%,#452F38 100%);
  color:#fff;text-align:center;padding:92px 24px;position:relative;overflow:hidden;
}
.cta-final::before{
  content:'';position:absolute;top:-40%;right:-8%;width:50vw;height:50vw;max-width:560px;max-height:560px;
  border-radius:50%;background:radial-gradient(circle,rgba(237,180,174,.25) 0%,transparent 65%);
}
.cta-final h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;margin-bottom:16px;position:relative}
.cta-final p{font-size:1.125rem;color:rgba(255,255,255,.75);max-width:560px;margin:0 auto 34px;position:relative}
.cta-final .btn-row{justify-content:center;position:relative}

/* ---------- פוטר ---------- */
footer{background:var(--ivory);border-top:1px solid var(--line);padding:40px 24px 28px;text-align:center}
footer .brand{justify-content:center;margin-bottom:20px}
footer nav{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
footer nav a{font-size:0.9062rem;color:var(--muted);text-decoration:none}
footer nav a:hover{color:var(--rose-deep)}
footer .fine{font-size:0.8125rem;color:var(--muted);line-height:1.9}
/* 11.08.2026: היה רקע לבן על פוטר בצבע ivory, ולכן נראה כמו רצועה זרה
   שנתלשה מהעמוד. אותו רקע plus קו הפרדה דק נותן שורה אחת שקטה. */
.built-by{background:var(--ivory);text-align:center;padding:14px 20px;font-size:0.8125rem;color:var(--muted);border-top:1px solid var(--line)}
.built-by a{color:var(--rose-deep);text-decoration:none;font-weight:500}
.built-by a:hover{text-decoration:underline}

/* ---------- עמודים פנימיים: הירו קטן ---------- */
.page-hero{padding:72px 0 56px;position:relative;overflow:hidden}
.page-hero::before{
  content:'';position:absolute;top:-50%;left:-12%;width:46vw;height:46vw;max-width:520px;max-height:520px;
  border-radius:50%;background:radial-gradient(circle,rgba(237,180,174,.32) 0%,transparent 65%);pointer-events:none;
}
/* זהה בדיוק לכותרת של עמוד הבית: Assistant דק, אוורירי */
.page-hero h1{
  font-size:clamp(2rem,4.4vw,3.125rem);font-weight:300;letter-spacing:.01em;line-height:1.28;
  margin-bottom:16px;position:relative;max-width:820px;
}
.page-hero h1 em{font-style:normal;color:var(--rose-deep);font-weight:600}
.page-hero .lead{font-size:1.1875rem;font-weight:300;line-height:1.8;color:#6E555E;max-width:620px;position:relative}

/* הירו פנימי עם תמונה: אותו מבנה דו-טורי כמו עמוד הבית */
.page-hero.with-photo{padding:56px 0 72px}
.page-hero.with-photo .hero-grid{position:relative}
.page-hero.with-photo h1{max-width:560px}
.page-hero.with-photo .lead{max-width:490px}
.page-hero.with-photo .photo-portrait{
  max-width:340px;transform:none;border-width:8px;
  box-shadow:0 24px 56px -28px rgba(69,47,56,.35);
}

/* ---------- שורת פרטים (משך, מחיר, פורמט) ---------- */
.facts{display:flex;flex-wrap:wrap;gap:16px;margin:34px 0}
.fact{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
  padding:18px 26px;min-width:150px;box-shadow:0 8px 22px -14px rgba(59,42,49,.16);
}
.fact b{display:block;font-family:'Assistant',sans-serif;font-size:1.25rem;font-weight:700;color:var(--rose-deep)}
.fact span{font-size:0.8438rem;color:var(--muted)}

/* ---------- כרטיסי מאמרים ---------- */
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.article{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;display:flex;flex-direction:column;transition:.3s;
}
.article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.article .body{padding:26px 26px 30px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.article h3{font-size:1.1875rem;font-weight:600}
.article p{font-size:0.9375rem;color:var(--muted);flex-grow:1}

/* ---------- מועדי סדנה ---------- */
/* פלקס ולא גריד של שתי עמודות בכוונה: מאז 29.07 יש מועד אחד, וגריד קבוע השאיר את
   הכרטיס בעמודה הראשונה, כלומר צמוד לימין ב-RTL עם חצי ריק. פלקס עם justify-content
   ממרכז כרטיס בודד, ועדיין מסדר שני כרטיסים זה לצד זה אם יחזור מועד שני. */
.dates{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;max-width:720px;margin:0 auto}
.date-card{
  flex:1 1 300px;max-width:348px;
  background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-lg);
  padding:34px 30px;text-align:center;transition:.3s;
}
.date-card:hover{border-color:var(--rose-soft);box-shadow:var(--shadow)}
.date-card .date-tag{
  display:inline-block;font-size:0.8125rem;font-weight:600;letter-spacing:.05em;
  color:var(--rose-deep);background:var(--blush);border-radius:50px;
  padding:5px 15px;margin-bottom:14px;
}
.date-card .d{font-family:'Assistant',sans-serif;font-size:1.5rem;font-weight:600;color:var(--ink);margin-bottom:6px}
.date-card .t{font-size:1rem;font-weight:300;color:var(--rose-deep);margin-bottom:22px}
.date-card .btn{width:100%;justify-content:center}
.reg-note{max-width:620px;margin:26px auto 0;text-align:center;font-size:0.9375rem;line-height:1.7;color:var(--muted)}
.reg-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:22px auto 0;text-align:center}
.reg-alt span{font-size:0.9375rem;color:var(--ink)}

/* ============================================================
   רכיבי עמוד נחיתה (משותפים לעמודי המוצר)
   ============================================================ */

/* ---------- שלבים: איך זה עובד ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:st}
.step{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:34px 30px 30px;position:relative;
}
.step::before{
  counter-increment:st;content:counter(st);
  position:absolute;top:-20px;right:28px;
  width:44px;height:44px;border-radius:50%;background:var(--rose);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:1.1875rem;font-weight:600;box-shadow:0 8px 20px -8px rgba(163,55,80,.5);
}
.step h3{font-size:1.25rem;font-weight:600;margin:10px 0 10px}
.step p{font-size:0.9688rem;font-weight:300;color:var(--muted);line-height:1.8}

/* ---------- מה מקבלים: רשימה מפורטת בכרטיס ---------- */
.incl{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:38px 36px;box-shadow:0 14px 40px -26px rgba(69,47,56,.3);
}
.incl h3{font-size:1.375rem;font-weight:600;margin-bottom:22px}
.incl ul{list-style:none;display:grid;gap:17px}
.incl li{display:flex;gap:15px;align-items:flex-start;font-size:1.0312rem;font-weight:300;color:#5A464E;line-height:1.75}
.incl li b{font-weight:600;color:var(--ink)}
.incl li .ic{
  width:27px;height:27px;border-radius:50%;background:var(--blush);flex-shrink:0;margin-top:3px;position:relative;
}
.incl li .ic::after{
  content:'';position:absolute;inset:0;margin:auto;width:6px;height:11px;
  border-right:2.5px solid var(--rose-deep);border-bottom:2.5px solid var(--rose-deep);
  transform:translateY(-1px) rotate(45deg);
}

/* ---------- כרטיס מחיר ---------- */
.price-card{
  background:linear-gradient(160deg,#54353F 0%,#452F38 100%);color:#fff;
  border-radius:var(--r-lg);padding:40px 38px;position:relative;overflow:hidden;
}
.price-card::before{
  content:'';position:absolute;top:-40%;left:-10%;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(237,180,174,.22) 0%,transparent 66%);
}
.price-card .pc-label{font-size:0.875rem;font-weight:500;letter-spacing:.1em;color:var(--rose-soft);margin-bottom:12px;position:relative}
.price-card .pc-num{font-size:3.25rem;font-weight:300;line-height:1;margin-bottom:8px;position:relative}
.price-card .pc-num b{font-weight:600}
/* גרסה בלי מחיר: כותרת תיאורית במקום המספר */
.price-card .pc-title{
  font-size:1.75rem;font-weight:400;line-height:1.35;margin-bottom:14px;position:relative;
}
.price-card .pc-note{font-size:0.9688rem;font-weight:300;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:26px;position:relative}
.price-card .btn{position:relative}

/* ---------- שאלות ותשובות ---------- */
.faq{max-width:820px;margin:0 auto;display:grid;gap:14px}
.faq details{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
  padding:0;overflow:hidden;transition:box-shadow .25s;
}
.faq details[open]{box-shadow:0 12px 34px -22px rgba(69,47,56,.32)}
.faq summary{
  cursor:pointer;list-style:none;padding:22px 26px;
  font-size:1.0938rem;font-weight:500;color:var(--ink);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:'';width:11px;height:11px;flex-shrink:0;
  border-right:2px solid var(--rose);border-bottom:2px solid var(--rose);
  transform:rotate(45deg);transition:transform .25s;margin-top:-4px;
}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.faq .ans{padding:0 26px 24px;font-size:1rem;font-weight:300;color:#5A464E;line-height:1.85}

/* ---------- ציטוט בודד מודגש ---------- */
.mini-quote{
  max-width:720px;margin:0 auto;text-align:center;
  font-size:clamp(1.1875rem,2.4vw,1.5625rem);font-weight:300;line-height:1.65;color:var(--rose-deep);
}
.mini-quote .who{
  display:block;margin-top:16px;font-size:0.9375rem;font-weight:500;color:var(--muted);letter-spacing:.05em;
}

/* ---------- רצועת CTA באמצע עמוד ---------- */
.cta-strip{
  background:var(--blush);border-radius:var(--r-lg);
  padding:40px 44px;display:flex;align-items:center;justify-content:space-between;
  gap:32px;flex-wrap:wrap;
}
.cta-strip h3{font-size:clamp(1.3125rem,2.6vw,1.6875rem);font-weight:400;color:var(--ink);line-height:1.45;max-width:600px}
.cta-strip h3 b{font-weight:600;color:var(--rose-deep)}

/* ---------- למי זה מתאים / לא מתאים ---------- */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fit-col{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 30px}
.fit-col h3{font-size:1.1875rem;font-weight:600;margin-bottom:18px;display:flex;align-items:center;gap:11px}
.fit-col h3 .m{width:24px;height:24px;border-radius:50%;flex-shrink:0;position:relative}
.fit-col.yes h3 .m{background:var(--blush)}
.fit-col.yes h3 .m::after{content:'';position:absolute;inset:0;margin:auto;width:5px;height:10px;border-right:2.5px solid var(--rose-deep);border-bottom:2.5px solid var(--rose-deep);transform:translateY(-1px) rotate(45deg)}
.fit-col.no h3 .m{background:rgba(169,162,155,.22)}
.fit-col.no h3 .m::after{content:'';position:absolute;inset:0;margin:auto;width:11px;height:2px;background:var(--sage);border-radius:2px}
.fit-col ul{list-style:none;display:grid;gap:13px}
.fit-col li{font-size:0.9688rem;font-weight:300;color:#5A464E;line-height:1.7;padding-right:16px;position:relative}
.fit-col li::before{content:'';position:absolute;right:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--rose-soft)}
.fit-col.no li::before{background:var(--sage);opacity:.5}

@media(max-width:900px){
  .steps{grid-template-columns:1fr}
  .fit{grid-template-columns:1fr}
  .cta-strip{flex-direction:column;align-items:stretch;text-align:center;padding:34px 26px}
  .cta-strip .btn-row{justify-content:center}
}

/* ---------- תוכנית הסדנה ---------- */
.curriculum{display:grid;gap:20px;max-width:920px;margin:0 auto}
.part{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px 34px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;
  box-shadow:0 10px 30px -24px rgba(69,47,56,.3);
}
.part-num{
  width:46px;height:46px;border-radius:50%;background:var(--blush);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-size:1.1875rem;font-weight:600;color:var(--rose-deep);
}
.part h3{font-size:1.3125rem;font-weight:600;color:var(--ink);margin-bottom:10px;line-height:1.35}
.part > div > p{font-size:1.0625rem;font-weight:300;color:#5A464E;line-height:1.75}
.part ul{list-style:none;display:grid;gap:11px}
.part li{
  font-size:1rem;font-weight:300;color:#5A464E;line-height:1.7;
  padding-right:18px;position:relative;
}
.part li::before{
  content:'';position:absolute;right:0;top:11px;width:6px;height:6px;
  border-radius:50%;background:var(--rose-soft);
}
/* חלק מודגש: הפינה לתאומים */
.part.special{
  background:linear-gradient(160deg,#FDEDE9 0%,#F9E0DA 100%);
  border-color:rgba(163,55,80,.22);
}
.part.special .part-num{background:var(--rose);color:#fff}
.part.special li::before{background:var(--rose)}
.part-tag{
  display:inline-block;font-size:0.8125rem;font-weight:600;letter-spacing:.05em;
  color:var(--rose-deep);background:rgba(255,255,255,.7);
  border-radius:50px;padding:5px 15px;margin-bottom:12px;
}

/* ---------- בונוס: קבוצת הוואטסאפ ---------- */
.bonus{
  background:linear-gradient(155deg,#54353F 0%,#452F38 100%);color:#fff;
  border-radius:var(--r-lg);padding:44px 46px;position:relative;overflow:hidden;
  display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;
}
.bonus::before{
  content:'';position:absolute;top:-45%;left:-8%;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,211,102,.16) 0%,transparent 66%);
}
.bonus-ic{
  width:76px;height:76px;border-radius:50%;background:#0F7A6C;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;position:relative;
  box-shadow:0 12px 28px -10px rgba(37,211,102,.55);
}
.bonus-ic svg{width:40px;height:40px;fill:#fff}
.bonus-txt{position:relative}
.bonus .tag{
  display:inline-block;font-size:0.8125rem;font-weight:600;letter-spacing:.09em;
  color:#F0C5BC;border:1px solid rgba(240,197,188,.35);border-radius:50px;
  padding:5px 16px;margin-bottom:14px;
}
.bonus h3{font-size:clamp(1.375rem,2.6vw,1.75rem);font-weight:500;margin-bottom:12px;line-height:1.4}
.bonus p{font-size:1.0625rem;font-weight:300;line-height:1.8;color:rgba(255,255,255,.8)}
.bonus p b{color:#fff;font-weight:600}

@media(max-width:700px){
  .part{grid-template-columns:1fr;gap:16px;padding:28px 24px}
  .bonus{grid-template-columns:1fr;gap:22px;padding:34px 26px;text-align:center}
  .bonus-ic{margin:0 auto}
}

/* ---------- עמודים משפטיים (פרטיות, תקנון, נגישות) ---------- */
.legal-date{font-size:0.875rem;color:var(--muted);margin-top:18px;position:relative}
.legal-wrap{max-width:840px}
.legal-sec{display:flex;gap:22px;align-items:flex-start;margin-bottom:44px}
.legal-sec:last-child{margin-bottom:0}
.legal-num{
  font-size:0.875rem;font-weight:600;color:var(--rose-deep);letter-spacing:.04em;
  flex-shrink:0;width:34px;padding-top:6px;
}
.legal-txt{flex:1}
.legal-txt h2{font-size:1.4375rem;font-weight:600;color:var(--ink);margin-bottom:14px;line-height:1.35}
.legal-txt p{font-size:1.0312rem;font-weight:300;line-height:1.85;color:#5A464E;margin-bottom:14px}
.legal-txt p:last-child{margin-bottom:0}
.legal-txt a{color:var(--rose-deep);font-weight:500}

/* קישורים משפטיים בפוטר */
footer .foot-legal{margin:0 0 20px;gap:18px}
footer .foot-legal a{font-size:0.8438rem}

/* דילוג לתוכן (נגישות: ניווט מקלדת) */
.skip-link{
  position:absolute;right:-9999px;top:12px;z-index:200;
  background:var(--rose);color:#fff;padding:12px 24px;border-radius:0 0 12px 12px;
  font-weight:500;text-decoration:none;
}
.skip-link:focus{right:24px}

/* מיקוד נראה לעין בכל האתר */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--rose);outline-offset:3px;border-radius:4px;
}

@media(max-width:600px){
  .legal-sec{gap:14px}
  .legal-num{width:26px;font-size:0.8125rem}
  .legal-txt h2{font-size:1.25rem}
}

/* ---------- אנימציית כניסה עדינה ---------- */
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.rise{animation:rise .8s cubic-bezier(.22,.8,.3,1) both}
.rise.d1{animation-delay:.12s}.rise.d2{animation-delay:.24s}.rise.d3{animation-delay:.36s}
@media(prefers-reduced-motion:reduce){.rise{animation:none}}

/* ---------- רספונסיב ---------- */
@media(max-width:900px){
  .hero-grid,.split{grid-template-columns:1fr;gap:40px}
  .cards,.quotes,.articles{grid-template-columns:1fr}
  .date-card{max-width:none}
  .nav-links{
    display:none;position:absolute;top:100%;right:0;left:0;
    background:var(--ivory);border-bottom:1px solid var(--line);
    flex-direction:column;padding:18px 24px;gap:16px;
  }
  .nav-links.open{display:flex}
  .nav-burger{display:block}
  .nav-cta{display:none}
  section{padding:64px 0}
  .hero{padding:56px 0 68px}
  .ph-portrait{transform:none}
}

/* הסכמה בטופס. שתי התיבות זהות בגודל ובצבע במכוון — תיבה אופציונלית
   מעוצבת חלש יותר נחשבת dark pattern לפי עמדת הרשות להגנת הפרטיות. */
.lf-consent {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 4px 0 16px;
}
.lf-consent label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13.5px;
  line-height: 1.55;
  font-weight: 400;
  cursor: pointer;
  opacity: .85;
}
.lf-consent input[type="checkbox"] {
  margin-top: 2px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
}
.lf-consent a { text-decoration: underline; }

/* ---------- טופס ההרשמה לסדנה + CTA דביק (28.07.2026) ---------- */
/* עד 28.07 ההרשמה היחידה בעמוד הייתה כפתור וואטסאפ. 460 מבקרות, אפס הודעות.
   הטופס הוא הפעולה הראשית עכשיו, והוואטסאפ ירד למשני. */
.reg-form{max-width:560px;margin:32px auto 0}
.reg-form select{width:100%}

/* ה-CTA הראשי בעמוד הסדנה: הצטרפות לקבוצת וואטסאפ. בולט יותר מהטופס בכוונה. */
.group-cta{
  max-width:640px; margin:32px auto 0;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  padding:26px 28px; border-radius:20px;
  /* היה var(--plum) שלא מוגדר בקובץ, ולכן הרקע נפל לשקוף והטקסט הלבן היה בלתי קריא
     על רקע הסקציה הבהיר. הפלאם העמוק במערכת הוא --ink. תוקן 30.07.2026. */
  background:var(--ink); color:#fff;
  box-shadow:0 10px 30px rgba(69,47,56,.18);
}
.group-cta .gc-txt{flex:1 1 260px}
.group-cta h3{font-size:1.375rem; font-weight:600; margin:0 0 8px; color:#fff}
.group-cta p{font-size:1rem; line-height:1.6; margin:0; color:rgba(255,255,255,.86)}
.group-cta .btn-wa{flex:0 0 auto; margin:0}
.group-or{
  max-width:640px; margin:20px auto 0;
  /* היה var(--taupe) שלא מוגדר, ולכן הטקסט ירש צבע במקום לקבל אפור משני. תוקן 03.08.2026 */
  text-align:center; font-size:.9375rem; color:var(--muted);
}

/* ── מסך אחרי ההרשמה ───────────────────────────────────────────
   מחליף את הטופס אחרי שליחה מוצלחת. הרציונל: הכפתור הדביק ב-#reg-form
   מוריד את הנרשמת ישר לטופס וגולל מעל כרטיס הקבוצה, ולכן היא נרשמת
   בלי לראות אותו. כאן היא מקבלת את הקבוצה ברגע שההרשמה נקלטה, ומור
   לא צריכה לשלוח כל קישור ביד. נוסף 03.08.2026. */
.reg-done{
  max-width:640px; margin:32px auto 0; text-align:center;
  padding:30px 28px; border-radius:20px;
  background:var(--ink); color:#fff;
  box-shadow:0 10px 30px rgba(69,47,56,.18);
}
.reg-done h3{font-size:1.375rem; font-weight:600; margin:0 0 10px; color:#fff}
.reg-done p{font-size:1rem; line-height:1.65; margin:0 0 18px; color:rgba(255,255,255,.88)}
.reg-done .btn-wa{margin:0 auto}
.reg-done .rd-note{font-size:.875rem; margin:16px 0 0; color:rgba(255,255,255,.62)}

.sticky-cta{
  display:none;
  position:fixed; inset-inline:14px; bottom:14px; z-index:60;
  padding:15px 22px; border-radius:999px;
  background:var(--rose-deep); color:#fff; text-decoration:none;
  font-family:'Assistant',sans-serif; font-size:1.0625rem; font-weight:600;
  text-align:center; box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.sticky-cta:hover{filter:brightness(1.05)}
@media(max-width:820px){
  .sticky-cta{display:block}
  body{padding-bottom:84px}
}
/* לא מציגים את הכפתור הדביק כשסקשן ההרשמה כבר על המסך.
   ⚠️ הרולה הישנה השתמשה ב-`~` בין #register ל-.sticky-cta, אבל #register יושב
   בתוך <main> והכפתור הדביק הוא ילד של <body>. הם לא אחים, ולכן היא מעולם לא
   התאימה והכפתור המשיך לכסות את כרטיס הקבוצה. הוחלף ל-:has מה-body. 03.08.2026 */
@media(max-width:820px){
  body:has(#join:target) .sticky-cta,
  body:has(#register:target) .sticky-cta,
  body:has(#signup:target) .sticky-cta{display:none}
}