/* site.css · נעמה זהבי, גרסה 3 (05.11.2026). שפה עיצובית חדשה, לא השלד של הערכה:
 * הירו לא סימטרי עם הדיוקן יוצא מהשוליים, משפט פתיחה גדול במקום כותרת סקציה, שני מסלולים בפריסה מתחלפת
 * עם אות גדולה ברקע, רצועת טורקיז אחת למטפלת, ציר זמן בקווים דקים, ציטוט גדול אחד שמתחלף,
 * טקסטורת נייר, כפתורים שקטים, וסקציית קשר בהירה. מקור: מחקר 05.11 (ראו SITE-STATUS). */

/* ---------- בסיס ---------- */
body { background: var(--bg); color: var(--ink); font-weight: 300; }
body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .05; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
h1, h2, h3 { font-weight: 400; line-height: 1.12; color: var(--ink); }
p { line-height: 1.75; }
img { filter: saturate(.92); }

.label { display: inline-block; font-family: var(--ff-body); font-size: var(--fs-label); font-weight: 500; letter-spacing: .12em; color: var(--copper-deep); }
.tlink { display: inline-flex; align-items: center; gap: .6rem; color: var(--ink); text-decoration: underline; text-underline-offset: .45em; text-decoration-thickness: 1px; text-decoration-color: var(--copper); font-weight: 600; }
.tlink::after { content: "←"; transition: transform .3s ease; }
.tlink:hover::after { transform: translateX(-.35rem); }
.btn { font-weight: 600; padding: 1rem 2rem; box-shadow: none; }
.btn:hover { box-shadow: none; }
.fine { font-size: var(--fs-small); color: var(--ink-soft); }

/* ---------- כותרת האתר ---------- */
.site-head { background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
.brand-text { display: grid; grid-template-columns: auto 1fr; column-gap: var(--s-tight); align-items: center; }
.brand-text::before { content: ""; grid-row: span 2; inline-size: 2.75rem; block-size: 2.75rem; background: url("/img/logo.png") center / contain no-repeat; }
.brand-name { font-family: var(--ff-head); font-weight: 400; font-size: var(--fs-h3); }
.nav a:not(.btn) { font-weight: 400; }

/* ---------- הירו: טקסט מימין, הדיוקן משמאל ויוצא מהשוליים ---------- */
.hx { padding-block: var(--s-hero) var(--s-section); overflow: hidden; }
.hx-grid { display: grid; gap: var(--s-block); align-items: center; }
.hx-text > * + * { margin-top: var(--s-text); }
.hx-text h1 { font-size: var(--fs-display); }
.hx-lead { font-size: var(--fs-body); color: var(--ink-soft); max-width: 30rem; }
.hx-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.hx-note { font-size: var(--fs-small); color: var(--ink-soft); display: flex; align-items: center; gap: .6rem; }
.hx-note b { font-family: var(--ff-head); font-size: var(--fs-h3); font-weight: 400; color: var(--copper-ink); }
.hx-media { position: relative; }
.hx-media::before { content: ""; position: absolute; inset: 10% 12% -5% -7%; background: var(--sage); opacity: .45; border-radius: 48% 52% 44% 56% / 55% 45% 55% 45%; }
.hx-media { justify-self: center; width: 100%; max-width: 24rem; }
.hx-media img { position: relative; width: 100%; aspect-ratio: 4 / 5; max-height: 68vh; object-fit: cover; border-radius: 999px 999px var(--radius-lg) var(--radius-lg);
  animation: settle 2.4s cubic-bezier(.2,.7,.2,1) both; }
@keyframes settle { from { transform: scale(1.05); opacity: .4; } to { transform: none; opacity: 1; } }
@media (min-width: 861px) {
  .hx-grid { grid-template-columns: 7fr 5fr; }
}
@media (max-width: 860px) {
  .hx { padding-top: 1.5rem; }
  .hx-media { order: -1; max-width: 15rem; }
}

/* ---------- משפט פתיחה גדול ---------- */
.intro { font-family: var(--ff-head); font-weight: 400; font-size: var(--fs-lead); line-height: 1.45; max-width: 34ch; color: var(--ink); }
.intro em { font-style: normal; color: var(--copper-ink); }
.intro-sec { padding-block: var(--s-section); background: var(--bg-3); }

/* ---------- מסלולים: פריסה מתחלפת עם אות גדולה ---------- */
.offer { display: grid; gap: var(--s-block); align-items: center; position: relative; }
.offer + .offer { margin-top: var(--s-section); }
.offer-media { width: 100%; max-width: 30rem; justify-self: center; }
.offer-media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-lg); }
.offer.arch .offer-media img { border-radius: 999px 999px var(--radius-lg) var(--radius-lg); }
.offer-text { position: relative; }
.offer-text > * + * { margin-top: var(--s-text); }
.offer-mark::before { content: attr(data-l); }
.offer-mark { position: absolute; inset-block-start: -3rem; inset-inline-end: 0; font-family: var(--ff-head); font-size: 7rem; line-height: 1; color: var(--copper); opacity: .18; pointer-events: none; }
.offer-text h2 { position: relative; }
.offer-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding-block: 1rem; border-block: 1px solid var(--line); font-size: var(--fs-small); color: var(--ink-soft); }
.offer-meta b { font-family: var(--ff-head); font-weight: 400; font-size: var(--fs-h3); color: var(--ink); }
.offer ul.quiet { list-style: none; padding: 0; margin-block: var(--s-text) 0; }
.offer ul.quiet li { padding-block: .55rem; border-bottom: 1px solid var(--line); }
@media (min-width: 861px) {
  .offer { grid-template-columns: 1fr 1fr; gap: var(--s-section); }
  .offer.flip { grid-template-columns: 1fr 1fr; }
  .offer.flip .offer-media { order: 2; }
  .offer.arch .offer-media { max-width: 24rem; }
  .offer.arch .offer-media img { aspect-ratio: 4 / 5; }
}

/* ---------- רצועת המטפלת ---------- */
.band { background: var(--dark); color: var(--on-dark); --ink: var(--on-dark); --ink-soft: var(--on-dark-soft); padding-block: var(--s-section); }
.band a:not(.btn) { color: var(--accent-on-dark); }
.band .label { color: var(--accent-on-dark); }
.band-grid { display: grid; gap: var(--s-block); align-items: center; }
.band-media { width: 100%; max-width: 22rem; justify-self: center; }
.band-media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius-lg); }
.band-text > * + * { margin-top: var(--s-text); }
.band-quote { font-family: var(--ff-head); font-weight: 400; font-size: var(--fs-lead); line-height: 1.45; }
.band-facts { list-style: none; padding: 0; display: grid; gap: .25rem; color: var(--on-dark-soft); font-size: var(--fs-small); border-top: 1px solid var(--line-on-dark); padding-top: var(--s-text); }
@media (min-width: 861px) { .band-grid { grid-template-columns: 5fr 7fr; } }

/* ---------- ציר זמן: איך נראה מפגש ---------- */
.tl { display: grid; gap: var(--s-text); margin-top: var(--s-block); counter-reset: tl; }
.tl li { list-style: none; border-top: 1px solid var(--line-strong); padding-top: var(--s-text); counter-increment: tl; }
.tl li::before { content: "0" counter(tl); display: block; font-family: var(--ff-head); font-size: var(--fs-h2); font-weight: 400; color: var(--copper); margin-bottom: .5rem; }
.tl h3 { margin-bottom: .5rem; }
.tl p { color: var(--ink-soft); margin: 0; }
@media (min-width: 861px) { .tl { grid-template-columns: repeat(var(--n, 3), 1fr); gap: var(--s-block); } }
.sec-title { max-width: 40rem; }
.sec-title > * + * { margin-top: var(--s-pair); }
.sec-title p { color: var(--ink-soft); }
.wide-photo { margin-top: var(--s-block); }
.wide-photo { max-width: 52rem; margin-inline: auto; }
.wide-photo img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: var(--radius-lg); }

/* ---------- קול המטופלים: ציטוט גדול אחד שמתחלף ---------- */
.voices { position: relative; max-width: 54rem; }
.voices::before { content: "״"; position: absolute; inset-block-start: -4rem; inset-inline-start: -.5rem; font-family: var(--ff-head); font-size: 8rem; line-height: 1; color: var(--copper); opacity: .22; }
.voice { display: none; margin: 0; }
.voice.on { display: block; animation: fadeup .9s cubic-bezier(.2,.7,.2,1) both; }
.voice blockquote { margin: 0; font-family: var(--ff-head); font-weight: 400; font-size: var(--fs-lead); line-height: 1.45; }
.voice figcaption { margin-top: var(--s-text); font-size: var(--fs-label); font-weight: 500; letter-spacing: .1em; color: var(--copper-deep); }
.voice-nav { display: flex; align-items: center; gap: 1rem; margin-top: var(--s-block); }
.voice-nav button { all: unset; cursor: pointer; inline-size: 2.75rem; block-size: 2.75rem; border: 1px solid var(--line-strong); border-radius: 50%; display: grid; place-items: center; font-size: var(--fs-body); }
.voice-nav button:hover, .voice-nav button:focus-visible { border-color: var(--ink); }
.voice-count { font-size: var(--fs-small); color: var(--ink-soft); }
.no-js .voice { display: block; margin-bottom: var(--s-block); }
@keyframes fadeup { from { opacity: 0; transform: translateY(1.25rem); } to { opacity: 1; transform: none; } }

/* ---------- תיבת זהירות ---------- */
.careful { border-inline-start: 2px solid var(--copper); padding: .25rem var(--s-text) .25rem 0; max-width: 46rem; }
.careful h3 { font-size: var(--fs-h3); margin-bottom: .5rem; }
.careful p { color: var(--ink-soft); margin: 0; }
.careful p + p { margin-top: .75rem; }

/* ---------- מקרים: שורות בקו דק ולא כרטיסים ---------- */
.cases { list-style: none; padding: 0; margin-top: var(--s-block); border-top: 1px solid var(--line-strong); }
.cases li { display: grid; gap: .25rem 2rem; padding-block: 1.25rem; border-bottom: 1px solid var(--line); }
.cases b { font-family: var(--ff-head); font-weight: 400; font-size: var(--fs-h3); }
.cases span { color: var(--ink-soft); }
.cases em { font-style: normal; font-size: var(--fs-label); font-weight: 500; letter-spacing: .1em; color: var(--copper-ink); }
@media (min-width: 861px) { .cases li { grid-template-columns: 1.2fr 1fr 10rem; align-items: baseline; } }

/* ---------- שאלות ---------- */
.faq { max-width: none; border-top-color: var(--line-strong); }
.faq summary { font-family: var(--ff-head); font-weight: 400; font-size: var(--fs-h3); padding-block: 1.4rem; }
.faq summary::after { color: var(--copper); font-family: var(--ff-body); font-weight: 400; }
.faq-a { max-width: 44rem; font-size: var(--fs-body); }
.split-head { display: grid; gap: var(--s-block); }
@media (min-width: 861px) { .split-head { grid-template-columns: 4fr 7fr; } }

/* ---------- רצועת פעולה דקה ---------- */
.quick-bar { background: var(--bg-2); color: var(--ink); border-block: 1px solid var(--line); }
.quick-bar p { font-weight: 400; font-family: var(--ff-head); font-size: var(--fs-h3); }
.quick-bar .btn { background: var(--accent); color: var(--on-accent); }

/* ---------- קשר: בהיר ושקט, לא גוש כהה ---------- */
.contact.dark { background: var(--bg-2); color: var(--ink); --ink: var(--ink-base); --ink-soft: var(--ink-soft-base); --brand-ink: var(--brand); }
.contact.dark a:not(.btn) { color: var(--brand-ink); }
.contact h2 { font-size: var(--fs-h2); }
.contact .lead { color: var(--ink-soft); font-size: var(--fs-body); }
.lead-form { background: var(--card); border-radius: var(--radius-lg); padding: var(--s-block) var(--s-text); border: 1px solid var(--line); }
.lead-form .field input { background: transparent; border: 0; border-bottom: 1px solid var(--line-strong); border-radius: 0; padding-inline: 0; color: var(--ink); }
.lead-form .field input:focus { outline: none; border-bottom-color: var(--brand); }
.lead-form .btn { width: 100%; }
.contact-side { margin-top: var(--s-block); display: grid; gap: .4rem; font-size: var(--fs-small); color: var(--ink-soft); }
.contact-side a { font-weight: 600; }

/* ---------- פוטר ---------- */
.site-foot { background: var(--dark); }

/* ---------- עמוד אודות ---------- */
.prose { max-width: 42rem; }
.prose p + p { margin-top: var(--s-text); }
.certs { display: grid; grid-template-columns: repeat(3, minmax(0, 10rem)); gap: var(--s-text); margin-top: var(--s-block); }
.certs figure { margin: 0; }
.certs img { border-radius: var(--radius-sm); }
.certs figcaption { font-size: var(--fs-small); color: var(--ink-soft); margin-top: var(--s-pair); }
@media (max-width: 600px) { .certs { grid-template-columns: 1fr 1fr; } }
.duo { display: grid; gap: var(--s-text); margin-top: var(--s-block); }
.duo img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-lg); }
.duo { max-width: 56rem; }
.duo img { aspect-ratio: 3 / 2; }
@media (min-width: 761px) { .duo { grid-template-columns: 1fr 1fr; } }

@media (prefers-reduced-motion: reduce) {
  .hx-media img, .voice.on { animation: none; }
}

.paths { padding-top: 0; }
.bg-sand { background: var(--bg-2); }
.offer-text .tl { grid-template-columns: 1fr; gap: var(--s-text); margin-top: var(--s-text); }

/* עידו 05.11: ציטוט או משפט שעומדים לבד בסקציה, ממורכזים */
.intro { margin-inline: auto; text-align: center; }
.voices { margin-inline: auto; text-align: center; padding-top: 3rem; }
.voices::before { inset-inline-start: 50%; transform: translateX(50%); inset-block-start: -2rem; }
.voice-nav { justify-content: center; }
.careful { margin-inline: auto; text-align: center; border-inline-start: 0; padding: var(--s-text) 0 0; border-top: 2px solid var(--copper); max-width: 40rem; }