/* site.css · אסתר ברוש. שפה אחת (קרם, Rubik, השם כסימן) ושני אופיים:
 * ארגונים: נקי ומקצועי. לבן אבן, כחול כהה, קווים דקים, פינות ישרות, מספרים גדולים.
 * נשים: רך וחם. קרם חם, חימר, מרווה, צורות רכות, תמונות גדולות, עדויות כמו מכתבים.
 * האופי נקבע לפי מחלקת העמוד ב-body (page-organizations, page-women, page-circle, page-treatments).
 * עידו 15.10: "גנרי ומלאכותי, אין טאץ' אישי", "לארגונים מקצועי ויפה, לנשים רך ואוהב".
 */

/* ---------- שפה משותפת ---------- */
h1 { font-weight: 300; }
h2 { font-weight: 400; }
h3 { font-weight: 500; }
.brand-name { font-weight: 500; letter-spacing: .02em; }
.brand-tag { letter-spacing: .02em; }
.eyebrow { letter-spacing: .14em; font-weight: 500; }
.site-head { backdrop-filter: saturate(1.2) blur(8px); background: color-mix(in srgb, var(--bg) 88%, transparent); }

/* ---------- ארגונים ---------- */
.page-organizations, .page-workshop {
  /* 20.10 עידו: "אפור מדי, קודר". במקום אבן, תכלת-אפור ופחם: לבן חם, חול, תכלת שמיים, כחול המותג לרצועות ולתחתית */
  --bg: #FDFAF5; --bg-2: #F6EDE0; --bg-3: #E6F0F7;
  --radius-lg: 3px; --radius-sm: 2px; --radius-btn: 3px;
  --band: #2E5C78; --on-band: #FFFFFF;
  --dark: #2E5C78; --on-dark-soft: #DDE8EF; --accent-on-dark: #F1D9B5;
}
.page-organizations .btn, .page-workshop .btn { letter-spacing: .02em; }

/* הירו עורכי: כותרת גדולה, פורטרט בפס צר, קו דק */
.org-hero { padding-block: var(--s-hero) 0; }
.org-hero .grid { display: grid; gap: var(--s-block); align-items: end; }
@media (min-width: 861px) { .org-hero .grid { grid-template-columns: 1.35fr .65fr; } }
.org-hero h1 { font-size: var(--fs-display); line-height: 1.05; }
.org-hero .hero-lead { margin-top: var(--s-text); max-width: 34rem; }
.org-hero .hero-ctas { margin-top: var(--s-block); }
.org-hero .portrait img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; }
.org-hero .rule { margin-top: var(--s-block); border-top: 1px solid var(--line-strong); }

/* רצועת ארגונים: שמות כמו סימני מסחר, בשורה */
.clients { padding-block: 1.5rem 2rem; }
.clients p { font-size: var(--fs-label); letter-spacing: .14em; color: var(--ink-soft); margin-bottom: .75rem; }
.clients ul { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem 2.25rem; align-items: baseline; }
.clients li { white-space: nowrap; }
/* 21.10: לוגואים באפור אחיד כדי שלא יתחרו בעמוד, צבע מלא במעבר עכבר */
.clients .logos { gap: 1.25rem 2.75rem; align-items: center; }
.logos img { height: 2.75rem; width: auto; max-width: 9rem; object-fit: contain; filter: grayscale(1); opacity: .65; transition: filter .25s, opacity .25s; }
.logos li:hover img { filter: none; opacity: 1; }
@media (max-width: 860px) { .clients .logos { gap: 1rem 1.75rem; } .logos img { height: 2.25rem; max-width: 7rem; } }

/* כאבים: רשימה ממוספרת בשתי עמודות עם קווים */
.pain-grid { list-style: none; display: grid; gap: 0 var(--s-block); counter-reset: p; }
@media (min-width: 861px) { .pain-grid { grid-template-columns: 1fr 1fr; } }
.pain-grid li { counter-increment: p; display: grid; grid-template-columns: 2.5rem 1fr; gap: .75rem; padding-block: 1.1rem; border-top: 1px solid var(--line-strong); }
.pain-grid li::before { content: counter(p, decimal-leading-zero); font-family: var(--ff-head); color: var(--brand); font-weight: 300; font-size: var(--fs-lead); line-height: 1.4; }

/* הצהרה: כותרת גדולה ודקה על רצועה רחבה */
.statement p { font-family: var(--ff-head); font-weight: 300; font-size: var(--fs-h2); line-height: 1.35; max-width: 30ch; color: var(--ink); }
.statement p b { font-weight: 400; color: var(--brand-ink); }

/* מקרי בוחן (20.10): ארבעה כרטיסים, שורת אתגר ושורת תוצאה. בלי אקורדיון ובלי טקסט מלא */
.cases { display: grid; gap: var(--s-text); }
@media (min-width: 861px) { .cases { grid-template-columns: 1fr 1fr; gap: var(--s-block); } }
.case-card { background: var(--card); border-top: 3px solid var(--brand); padding: clamp(1.5rem, 3vw, 2.25rem); display: grid; align-content: start; gap: var(--s-tight); }
.case-n { font-family: var(--ff-head); font-weight: 300; font-size: var(--fs-h2); line-height: 1; color: var(--brand); }
.case-card h3 { font-size: var(--fs-h3); }
.case-card dl { display: grid; gap: var(--s-tight); margin: var(--s-pair) 0 0; }
.case-card dt { font-size: var(--fs-label); letter-spacing: .14em; font-weight: 500; color: var(--brand-ink); }
.case-card dd { margin: .2rem 0 0; color: var(--ink-soft); }

/* שירותים: שלוש עמודות עם קו עליון, בלי קופסאות */
.services { display: grid; gap: var(--s-block); }
@media (min-width: 861px) { .services { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); } }
.service { border-top: 2px solid var(--ink); padding-top: var(--s-text); }
.service h3 { margin-bottom: var(--s-tight); }
.service p { color: var(--ink-soft); }

/* עדויות ארגוניות: ציטוט גדול עם שם ותפקיד */
.org-quotes { display: grid; gap: var(--s-block); }
@media (min-width: 861px) { .org-quotes { grid-template-columns: 1fr 1fr; } }
.org-quote { margin: 0; }
.org-quote blockquote { margin: 0; }
.org-quote p { font-family: var(--ff-head); font-weight: 300; font-size: var(--fs-lead); line-height: 1.6; }
.org-quote p::before { content: "״"; } .org-quote p::after { content: "״"; }
.org-quote figcaption { margin-top: var(--s-text); padding-top: var(--s-tight); border-top: 1px solid var(--line-strong); font-size: var(--fs-small); display: flex; flex-direction: column; }
.org-quote figcaption b { font-weight: 500; }
.org-quote figcaption span { color: var(--ink-soft); }

/* 20.10: התחתית הכחולה באותו כחול כמו הכפתור, אז הכפתור נבלע. בתחתית הכחולה כפתור חול בהיר */
body:not(.page-index):not(.page-women):not(.page-circle):not(.page-treatments) .dark { --accent: #F1D9B5; --on-accent: #22303A; }

/* ---------- נשים: מעגל, טיפולים, הכניסה לנשים ---------- */
.page-women, .page-circle, .page-treatments {
  /* פסטל: שמנת, ורוד אבקתי, לבנדר ושזיף עמוק לטקסט ולכפתורים (עידו 18.10: "היא אוהבת ורוד, סגול, לא רק חום") */
  --bg: #FCF7F4; --bg-2: #F7E9EA; --bg-3: #EEE8F4;
  --ink: #2E2430; --ink-soft: #5A4B58;
  --brand: #9A6488; --brand-ink: #74496A; --accent: #74496A; --a11y: #74496A;
  --band: #EFDDE6; --on-band: #4A2F44;
  --line: rgba(46, 36, 48, .12); --line-strong: rgba(46, 36, 48, .28);
  --radius-lg: 1.75rem; --radius-sm: 1rem;
  --dark: #3D2C3A; --on-dark-soft: #E6D6E2; --accent-on-dark: #E9C9DC;
}
.page-women .quick-bar .btn, .page-circle .quick-bar .btn, .page-treatments .quick-bar .btn { background: var(--accent); color: var(--on-accent); }

/* הירו רך: תמונה גדולה בצורת חלוק נחל, כותרת בשורות קצרות */
.soft-hero { padding-block: var(--s-hero); }
.soft-hero .grid { display: grid; gap: var(--s-block); align-items: center; }
@media (min-width: 861px) { .soft-hero .grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 860px) { .soft-hero .pebble { order: -1; } }
.soft-hero h1 { font-size: var(--fs-display); line-height: 1.15; }
.soft-hero h1 span { display: block; }
.soft-hero .hero-lead { margin-top: var(--s-text); max-width: 30rem; }
.soft-hero .hero-ctas { margin-top: var(--s-block); }
.soft-hero .hero-note { margin-top: var(--s-text); }
.pebble img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 25%; border-radius: 46% 54% 44% 56% / 38% 40% 60% 62%; }
@media (max-width: 860px) { .pebble img { aspect-ratio: 1; max-height: 62vh; } }

/* פסקה אישית: טקסט ממורכז ומרווח, כמו מכתב */
.letter { max-width: 38rem; margin-inline: auto; text-align: center; }
.letter p { font-size: var(--fs-lead); line-height: 1.85; margin-inline: auto; }
.letter .question { font-family: var(--ff-head); font-weight: 300; font-size: var(--fs-h2); line-height: 1.4; color: var(--brand-ink); }

/* תחושות: שלושה עיגולים רכים, בלי קופסאות */
.feel { display: grid; gap: var(--s-block); }
@media (min-width: 861px) { .feel { grid-template-columns: repeat(3, 1fr); } }
.feel div { text-align: center; }
.feel h3 { display: inline-block; padding: .4rem 1.1rem; border-radius: 999px; background: var(--card); color: var(--brand-ink); font-weight: 400; margin-bottom: var(--s-tight); }
.feel p { margin-inline: auto; max-width: 22rem; }

/* מרחבים: תמונה גדולה ורכה עם טקסט, לסירוגין */
.space { display: grid; gap: var(--s-block); align-items: center; padding-block: var(--s-block); }
@media (min-width: 861px) { .space { grid-template-columns: 1fr 1fr; } .space:nth-child(even) .space-media { order: 2; } }
.space-media img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; object-position: 50% 25%; border-radius: var(--radius-lg); }
.space .eyebrow { color: var(--brand-ink); }
.space h3 { font-size: var(--fs-h2); font-weight: 300; margin-bottom: var(--s-text); }
.space .btn { margin-top: var(--s-text); }

/* עדויות כמו מכתבים: נייר, שוליים רחבים, חתימה */
.letters { display: grid; gap: var(--s-block); }
@media (min-width: 861px) { .letters { grid-template-columns: 1.25fr .75fr; align-items: start; } }
.note { margin: 0; background: var(--card); border-radius: .25rem; padding: clamp(1.5rem, 4vw, 2.75rem); box-shadow: 0 1.5rem 3rem -2rem var(--shadow); }
.note:nth-child(2) { transform: rotate(-.6deg); }
.note:nth-child(1) { transform: rotate(.4deg); }
.note blockquote { margin: 0; }
.note p { line-height: 1.9; }
.note figcaption { margin-top: var(--s-text); font-family: var(--ff-head); font-weight: 400; font-size: var(--fs-lead); color: var(--brand-ink); }
.note figcaption::before { content: "· "; }

/* פרטי המעגל: כרטיס רך אחד במקום רצועה */
.details-card { background: var(--card); border-radius: var(--radius-lg); padding: clamp(1.5rem, 4vw, 2.5rem); display: grid; gap: 1.25rem; box-shadow: 0 1.5rem 3rem -2rem var(--shadow); }
@media (min-width: 861px) { .details-card { grid-template-columns: repeat(4, 1fr) auto; align-items: center; } }
.page-circle .quick-bar { background: var(--bg-2); padding-block: var(--s-block); }
.page-circle .quick-bar .wrap { display: block; text-align: start; }
.page-circle .quick-bar .details-card .btn { background: var(--accent); color: var(--on-accent); }
.details-card div { display: flex; flex-direction: column; gap: .2rem; }
.details-card b { font-size: var(--fs-label); letter-spacing: .12em; color: var(--brand-ink); font-weight: 500; }
.details-card span { font-family: var(--ff-head); font-size: var(--fs-lead); }

/* תגיות כלים: עיגולים רכים */
.tags { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.tags li, .tags > span { border: 1px solid var(--line-strong); border-radius: var(--radius-btn); padding: .3rem .9rem; font-size: var(--fs-small); background: var(--card); }

/* ---------- עמוד הבית (גרסה 2, 18.10) ----------
 * קרם ובז' כמו שאסתר ביקשה, חום כהה לטקסט ולכפתורים, תחתית חומה. רק תמונות אמיתיות שלה.
 * הירו מפוצל עם הפנים, דלתות ככרטיסים (תמונה מעל טקסט), המעגל כהזמנה. */
.page-index {
  /* פסטל: שמנת, ורוד אבקתי, לבנדר. שזיף עמוק לטקסט ולכפתורים, כחול עדין לצד הארגוני */
  --bg: #FCF8F5; --bg-2: #F7E9EA; --bg-3: #EEE8F4;
  --ink: #2E2430; --ink-soft: #5A4B58;
  --brand: #9A6488; --brand-ink: #74496A; --accent: #74496A; --a11y: #74496A;
  --org-ink: #2E5C78;
  --line: rgba(46, 36, 48, .12); --line-strong: rgba(46, 36, 48, .28);
  --dark: #3D2C3A; --on-dark-soft: #E6D6E2; --accent-on-dark: #E9C9DC;
  --radius-lg: .5rem; --radius-sm: .25rem;
}

.home-hero { padding-block: var(--s-hero); }
.home-hero-grid { display: grid; gap: var(--s-block); align-items: center; }
@media (min-width: 861px) { .home-hero-grid { grid-template-columns: 1.15fr .85fr; gap: calc(var(--s-block) * 1.6); } }
.home-hero h1 { font-size: var(--fs-display); font-weight: 300; line-height: 1.05; color: var(--ink); }
.home-tag { font-family: var(--ff-head); font-weight: 300; font-size: var(--fs-h2); line-height: 1.25; color: var(--brand-ink); margin-top: var(--s-pair); max-width: 20ch; }
.home-hero .hero-lead { margin-top: var(--s-text); max-width: 32rem; color: var(--ink-soft); }
.home-paths { margin-top: var(--s-block); display: grid; max-width: 30rem; }
.home-paths a { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 1rem; padding-block: 1rem; border-top: 1px solid var(--line-strong); color: var(--ink); text-decoration: none; font-family: var(--ff-head); font-size: var(--fs-lead); transition: color .2s, padding .2s; }
.home-paths a:last-child { border-bottom: 1px solid var(--line-strong); }
.home-paths a span { font-family: var(--ff-body); font-size: var(--fs-label); letter-spacing: .14em; font-weight: 500; color: var(--brand-ink); }
.home-paths a::after { content: "←"; color: var(--brand-ink); }
.home-paths a:hover, .home-paths a:focus-visible { color: var(--brand-ink); padding-inline-start: .4rem; }
.home-hero-media { position: relative; margin: 0; max-width: 28rem; justify-self: center; width: 100%; }
.home-hero-media::before { content: ""; position: absolute; inset: 1.1rem -1.1rem -1.1rem 1.1rem; background: var(--bg-3); border-radius: var(--radius-lg); }
.home-hero-media img { position: relative; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; border-radius: var(--radius-lg); }
@media (max-width: 860px) {
  .home-hero { padding-block: var(--s-block) var(--s-section); }
  .home-hero-media { order: -1; max-width: 20rem; }
  .home-hero-media img { aspect-ratio: 1; object-position: 50% 15%; }
}

.home-doors { display: grid; gap: var(--s-block); }
@media (min-width: 861px) { .home-doors { grid-template-columns: 1fr 1fr; } }
.home-door { display: grid; grid-template-rows: auto 1fr; background: var(--bg); border-radius: var(--radius-lg); overflow: hidden; color: var(--ink); text-decoration: none; box-shadow: 0 1px 0 var(--line); transition: transform .3s ease, box-shadow .3s ease; }
.home-door:hover, .home-door:focus-visible { transform: translateY(-3px); box-shadow: 0 14px 32px -18px var(--shadow); }
.home-door-media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 28%; }
.home-door:not(.home-door-org) .home-door-media img { object-position: 50% 8%; }
.home-door-body { padding: clamp(1.5rem, 3vw, 2.25rem); display: grid; align-content: start; gap: var(--s-tight); }
.home-door-body .eyebrow { color: var(--brand-ink); }
.home-door-org .home-door-body .eyebrow, .home-door-org .home-door-go { color: var(--org-ink); }
.home-door-org .home-door-media { background: #E4ECF1; }
.home-door-body h2 { font-weight: 300; font-size: var(--fs-h2); line-height: 1.2; }
.home-door-body p { color: var(--ink-soft); max-width: 34rem; }
.home-door-go { justify-self: start; margin-top: var(--s-pair); font-weight: 500; color: var(--brand-ink); border-bottom: 1px solid currentColor; padding-bottom: .15rem; }
.home-door-go::after { content: " ←"; }

.home-bridge { text-align: center; }
.home-bridge-lead { color: var(--ink-soft); font-size: var(--fs-lead); max-width: 40rem; margin-inline: auto; }
.home-bridge blockquote { margin: var(--s-block) auto; padding-top: var(--s-block); max-width: 22em; position: relative; }
.home-bridge blockquote::before { content: ""; position: absolute; top: 0; inset-inline: 0; margin-inline: auto; width: 3rem; border-top: 1px solid var(--brand); }
.home-bridge blockquote p { font-family: var(--ff-head); font-weight: 300; font-size: var(--fs-h2); line-height: 1.35; color: var(--brand-ink); }

.home-invite { display: grid; gap: var(--s-block); align-items: center; }
@media (min-width: 861px) { .home-invite { grid-template-columns: .8fr 1.2fr; gap: calc(var(--s-block) * 1.6); } }
.home-invite-media img { width: 100%; aspect-ratio: 5 / 6; object-fit: cover; border-radius: var(--radius-lg); }
.home-invite-body { display: grid; gap: var(--s-text); justify-items: start; }
.home-invite-body .eyebrow { color: var(--brand-ink); margin-bottom: calc(var(--s-text) * -1 + var(--s-pair)); }
.home-invite-body h2 { font-weight: 300; font-size: var(--fs-h2); line-height: 1.2; }
.home-invite-body > p { color: var(--ink-soft); max-width: 34rem; }
.home-invite-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s-block); width: 100%; max-width: 34rem; margin: 0; }
.home-invite-facts div { padding-block: .8rem; border-top: 1px solid var(--line-strong); }
.home-invite-facts dt { font-size: var(--fs-label); letter-spacing: .14em; color: var(--ink-soft); }
.home-invite-facts dd { margin: .2rem 0 0; font-family: var(--ff-head); font-size: var(--fs-lead); }

/* ---------- כללי ---------- */
.prose p + p { margin-top: var(--s-text); }
.card-media img { object-position: 50% 15%; }
.about-media img { aspect-ratio: 4 / 5; object-position: 50% 25%; }
.tags-start { justify-content: flex-start; margin-top: var(--s-text); }
.letters-one { grid-template-columns: 1fr; max-width: 46rem; margin-inline: auto; }
.letter .eyebrow { color: var(--brand-ink); }

/* נשים: מה שממשיכות לשאת (פוסט 2 של אסתר, 18.10) */
.carry { margin-top: var(--s-block); text-align: center; }
.carry h3 { font-family: var(--ff-head); font-weight: 300; font-size: var(--fs-h3); color: var(--brand-ink); margin-bottom: var(--s-tight); }
.carry ul { list-style: none; padding: 0; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; max-width: 46rem; }
.carry li { padding: .45rem 1.1rem; background: var(--card); border: 1px solid var(--line); border-radius: 999px; }

/* ---------- מעגל 11.11, עמוד נחיתה (21.10) ---------- */
.hero-note { margin-top: var(--s-tight); font-size: var(--fs-small); color: var(--ink-soft); letter-spacing: .04em; }
/* תמונת אווירה ברוחב מלא, ומתחתיה מה קורה בערב */
.circle-room { padding-block: var(--s-section); }
.circle-room-media { margin: 0; }
.circle-room-media img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; object-position: 50% 60%; }
@media (max-width: 860px) { .circle-room-media img { aspect-ratio: 4 / 3; } }
.circle-room-head { max-width: 40rem; margin-block: var(--s-block); }
.circle-room-head h2 { font-size: var(--fs-h2); margin-bottom: var(--s-tight); }
.circle-room-head p { color: var(--ink-soft); }

/* ---------- 21.10 עידו: "תמונות עם פינות עגולות בכל האתר" ----------
 * רדיוס אחד לכל התמונות, בכל העמודים (גם בצד הארגוני, וגם במקום צורת חלוק הנחל בצד הנשים). הלוגואים לא. */
:root { --radius-img: 1.25rem; }
main img:not(.logos img) { border-radius: var(--radius-img); }
.pebble img { border-radius: var(--radius-img); }
.home-door, .card { border-radius: var(--radius-img); }
.home-door-media img, .card-media img { border-radius: 0; }
.home-hero-media::before { border-radius: var(--radius-img); }

/* ---------- סדנת נשימה לארגונים (21.10) ---------- */
.ws-why { display: grid; gap: var(--s-block); align-items: center; }
@media (min-width: 861px) { .ws-why { grid-template-columns: 1.4fr .9fr; } }
.ws-why-text p { color: var(--ink-soft); max-width: 40rem; }
.ws-why-text p + p { margin-top: var(--s-text); }
.ws-stat { margin: 0; background: var(--card); border-radius: var(--radius-img); padding: clamp(1.5rem, 3vw, 2.25rem); border-top: 3px solid var(--brand); }
.ws-stat b { display: block; font-family: var(--ff-head); font-weight: 300; font-size: var(--fs-display); line-height: 1; color: var(--brand-ink); }
.ws-stat figcaption { margin-top: var(--s-tight); font-size: var(--fs-small); color: var(--ink-soft); }
.ws-logos { padding-block: var(--s-block); }
.org-hero .portrait img[src*="workshop"] { aspect-ratio: 4 / 5; object-position: 62% 30%; }
.service h3 a { color: inherit; text-decoration: none; }
.service-link { font-weight: 500; color: var(--brand-ink); border-bottom: 1px solid currentColor; text-decoration: none; }
.service-link::after { content: " ←"; }

/* הודעות תודה מוואטסאפ (21.10): בועות קצרות מתחת לעדויות הארוכות */
.wa-notes { margin-top: var(--s-block); }
.wa-title { text-align: center; font-size: var(--fs-label); letter-spacing: .14em; font-weight: 500; color: var(--brand-ink); margin-bottom: var(--s-text); }
.wa-grid { columns: 3 16rem; column-gap: var(--s-text); }
.wa { break-inside: avoid; margin: 0 0 var(--s-text); background: var(--card); border-radius: 1.1rem 1.1rem .3rem 1.1rem; padding: 1.1rem 1.35rem; box-shadow: 0 .75rem 2rem -1.5rem var(--shadow); }
.wa p { line-height: 1.75; }

/* מסלולי הסדנה (astrbr5) */
.tracks { display: grid; gap: var(--s-text); }
@media (min-width: 861px) { .tracks { grid-template-columns: repeat(3, 1fr); gap: var(--s-block); } }
.track { background: var(--card); border-radius: var(--radius-img); border-top: 3px solid var(--brand); padding: clamp(1.5rem, 3vw, 2.25rem); display: grid; align-content: start; gap: var(--s-tight); }
.track h3 { font-size: var(--fs-h3); line-height: 1.35; }
.track p, .track li { color: var(--ink-soft); }
.track ul, .track ol { padding-inline-start: 1.1rem; display: grid; gap: .35rem; }
.track-note { font-size: var(--fs-small); border-top: 1px solid var(--line); padding-top: var(--s-tight); }
.statement-sub { margin-top: var(--s-text); font-family: var(--ff-body) !important; font-size: var(--fs-lead) !important; color: var(--ink-soft) !important; max-width: 40rem !important; }
.more-projects { margin-top: var(--s-block); }
.more-projects > p { font-size: var(--fs-label); letter-spacing: .14em; font-weight: 500; color: var(--brand-ink); margin-bottom: var(--s-tight); }
.circle-invite p { line-height: 2; }
.tracks-two { max-width: 60rem; }
@media (min-width: 861px) { .tracks-two { grid-template-columns: 1fr 1fr; } }
.ws-lead { font-family: var(--ff-head); font-size: var(--fs-lead); color: var(--brand-ink) !important; margin-top: var(--s-text); }

/* הלוטוס של אסתר (21.10), סימן לצד הנשים */
.lotus-mark { display: block; width: 4.25rem; height: auto; margin-bottom: var(--s-tight); }
@media (max-width: 860px) { .lotus-mark { width: 3.5rem; } }

/* 21.10 תיקון: בסדנה אין רצועת לוגואים מתחת להירו, ולכן התמונה נצמדה לפס הכחול. ריווח תחתון והתמונה לא נמתחת לגובה הגריד */
.page-workshop .org-hero { padding-block: var(--s-hero); }
.page-workshop .org-hero .grid { align-items: center; }
.page-workshop .org-hero .portrait { align-self: center; }

/* 21.10 עידו: בצד הנשים (נשים, טיפולים, מעגל) התמונה בהירו חוזרת לצורת החלוק כמו שהיה. מלבן מעוגל רק בבית ובארגונים */
.page-women .pebble img, .page-treatments .pebble img, .page-circle .pebble img { border-radius: 46% 54% 44% 56% / 38% 40% 60% 62%; }

/* 21.10 תיקון: קו עליון בכרטיס עם פינות מעוגלות מתעקם. במקום קו: מסגרת דקה, ופס צבע קצר בתוך הכרטיס */
.ws-stat, .track, .case-card { border-top: 0; border: 1px solid var(--line); position: relative; }
.ws-stat::before, .track::before, .case-card::before { content: ""; display: block; width: 2.5rem; height: 3px; border-radius: 3px; background: var(--brand); margin-bottom: var(--s-tight); }
.tracks-two { max-width: none; }

/* 21.10: המסגרת המוזחת מאחורי תמונה עוקבת אחרי הרדיוס החדש של התמונות */
.frame-offset::before { border-radius: var(--radius-img); }

/* תמונת טיפול בתוך "מה קורה במפגש" (21.10) */
.session-media { margin: 0 0 var(--s-block); }
.session-media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

/* ---------- 22.10, ההערות של אסתר ---------- */
/* הלוטוס ליד השם בראש האתר */
.brand-text { display: grid; grid-template-columns: auto 1fr; column-gap: .6rem; align-items: center; }
.brand-text::before { content: ""; grid-row: 1 / span 2; width: 2.6rem; height: 2.2rem; background: url(/img/lotus.svg) center / contain no-repeat; }
@media (max-width: 860px) { .brand-text::before { width: 2.1rem; height: 1.8rem; } }

/* לוגואים בצבע (אסתר: "הלוגויים לא צריכים להיות צבעוניים?") */
.logos img { filter: none; opacity: 1; }

/* קופסת הסדנה בעמוד הארגונים, מתחת ל"מה אני עושה?" */
.ws-box { display: grid; margin-top: var(--s-block); background: var(--card, #fff); border: 1px solid var(--line); border-inline-start: 4px solid var(--brand); border-radius: var(--radius-lg); overflow: hidden; color: var(--ink); text-decoration: none; transition: transform .3s ease, box-shadow .3s ease; }
.ws-box:hover, .ws-box:focus-visible { transform: translateY(-3px); box-shadow: 0 14px 32px -18px var(--shadow, rgba(0,0,0,.25)); }
@media (min-width: 861px) { .ws-box { grid-template-columns: .9fr 1.1fr; } }
.ws-box-media img { width: 100%; height: 100%; min-height: 15rem; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0 !important; }
.ws-box-body { display: grid; align-content: center; gap: var(--s-text); padding: clamp(1.5rem, 4vw, 2.75rem); justify-items: start; }
.ws-box-body .eyebrow { margin: 0; color: var(--brand-ink); }
.ws-box-body h3 { font-size: var(--fs-h2); font-weight: 400; line-height: 1.25; }
.ws-box-go { font-weight: 500; color: var(--brand-ink); border-bottom: 1px solid currentColor; padding-bottom: .15rem; }
.ws-box-go::after { content: " ←"; }
@media (min-width: 861px) { .page-organizations .services { grid-template-columns: repeat(3, 1fr); } }

/* מעגל בהזמנה: בולט (אסתר: "החלק הזה צריך להיות בולט") */
.private-box { display: grid; gap: 0; background: var(--card, #fff); border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 1.5rem 3rem -2rem var(--shadow); border: 1px solid var(--line); }
@media (min-width: 861px) { .private-box { grid-template-columns: .85fr 1.15fr; } }
.private-media img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 30%; border-radius: 0 !important; clip-path: none !important; }
.private-body { display: grid; align-content: center; gap: var(--s-text); padding: clamp(1.75rem, 5vw, 3.25rem); justify-items: start; }
.private-body .eyebrow { margin: 0; color: var(--brand-ink); }
.private-body h2 { font-weight: 300; font-size: var(--fs-h1, var(--fs-h2)); line-height: 1.15; }
.private-occ { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 0; }
.private-occ li { padding: .35rem 1rem; border-radius: 999px; background: var(--bg-2); color: var(--brand-ink); font-size: var(--fs-small); }

/* הסדנה בעמוד הבית */
.home-invite-ws .home-invite-media img { aspect-ratio: 4 / 3; }
@media (min-width: 861px) { .home-invite-ws { grid-template-columns: 1.2fr .8fr; } .home-invite-ws .home-invite-media { order: 2; } }

/* הכלים בטיפולים */
.session-tools { margin-block: var(--s-text); }

/* 26.10 עידו: התמונה במעגל מימין לטקסט, לא לרוחב. רק CSS, בלי לשנות את סימון העורך */
@media (min-width: 861px) {
  .circle-room .wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--s-block); align-items: start; }
  .circle-room-media { grid-column: 1; grid-row: 1 / span 2; }
  .circle-room-media img { aspect-ratio: 4 / 3.4; object-position: 52% 50%; }
  .circle-room-head { grid-column: 2; margin-block: 0 var(--s-text); }
  .circle-room .circle-invite { grid-column: 2; max-width: none; margin-inline: 0; text-align: start; }
  .circle-room .circle-invite p { margin-inline: 0; }
}
@media (max-width: 860px) { .circle-room-media img { object-position: 52% 50%; } }

/* 04.11 כפתור וואטסאפ בבר העליון: במסך צר רק "לשיחה" */
@media (max-width:600px){.nav-cta .cta-wa{display:none}}