/* בריאות בקליק: main.css
   כל ערך ויזואלי מוגדר פעם אחת ב-:root. מתחת ל-:root משתמשים רק ב-var(--token).
   תיעוד והחלטות: DESIGN-SYSTEM.md. שומר: tools/css-lint.js */
:root {
  /* colour: brand */
  --teal: #02838D;
  --teal-deep: #026B75;
  --teal-ink: #01393E;
  --aqua: #8FE0E4;
  --aqua-soft: #DDF3F4;
  --teal-tint: #EEF8F8;
  --cream: #F7EFE0;
  --ink: #292D32;
  /* colour: surfaces */
  --canvas: #FAF8F3;
  --white: #FFFFFF;
  --line: #E8E4DB;
  --line-inv: rgba(255, 255, 255, .18);
  --muted: rgba(41, 45, 50, .68);
  --muted-inv: rgba(255, 255, 255, .78);
  --ink-a06: rgba(41, 45, 50, .06);
  --ink-a12: rgba(41, 45, 50, .12);
  --ink-a40: rgba(41, 45, 50, .4);
  --ink-scrim: rgba(1, 57, 62, .55);
  --white-a10: rgba(255, 255, 255, .1);
  --white-glass: rgba(255, 255, 255, .86);
  --star: #E0992F;
  --focus-ring: rgba(2, 131, 141, .22);
  --danger: #B3261E;
  --danger-soft: #FBEAE9;
  --ok-soft: #E3F4EC;
  --ok-ink: #0E5B3A;
  /* type */
  --font-head: 'Rubik', 'Open Sans', Arial, sans-serif;
  --font-body: 'Open Sans', Arial, sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-head: 600;
  --fs-hero: clamp(2.35rem, 5.4vw, 4.5rem);
  --fs-h1: clamp(2rem, 4vw, 3.2rem);
  --fs-h2: clamp(1.8rem, 3.4vw, 2.9rem);
  --fs-entry-h2: clamp(1.45rem, 2.2vw, 1.9rem);
  --fs-entry-h3: clamp(1.2rem, 1.6vw, 1.4rem);
  --fs-entry: 1.0625rem;
  --fs-h3: clamp(1.15rem, 1.5vw, 1.35rem);
  --fs-lead: clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-quote: 1.05rem;
  --fs-logo: 1.3rem;
  --fs-body: 1rem;
  --fs-small: .9rem;
  --fs-tiny: .8rem;
  --lh-tight: 1.12;
  --lh-snug: 1.4;
  --lh-body: 1.65;
  --lh-entry: 1.8;
  /* shape, space, motion */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 32px;
  --r-pill: 999px;
  --gutter: clamp(16px, 4vw, 40px);
  --max: 1240px;
  --measure: 800px;
  --section: clamp(64px, 9vw, 128px);
  --grid-gap: clamp(16px, 2vw, 24px);
  --head-gap: clamp(28px, 4vw, 48px);
  --hdr-h: 76px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --shadow-sm: 0 1px 2px var(--ink-a06), 0 6px 20px var(--ink-a06);
  --shadow-md: 0 2px 4px var(--ink-a06), 0 18px 48px var(--ink-a12);
}

/* base */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: var(--font-body); font-size: var(--fs-body); font-weight: var(--fw-regular); line-height: var(--lh-body); overflow-x: clip; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
h1, h2, h3, h4 { font-family: var(--font-head); font-weight: var(--fw-head); line-height: var(--lh-tight); margin: 0; letter-spacing: -.01em; }
p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; border-radius: var(--r-sm); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wrap { width: 100%; max-width: calc(var(--max) + var(--gutter) * 2); margin-inline: auto; padding-inline: var(--gutter); }
.section { padding-block: var(--section); }
.section--white { background: var(--white); }
.section--tight { padding-block: calc(var(--section) / 2); }
.hl { background: linear-gradient(transparent 58%, var(--aqua) 58%, var(--aqua) 94%, transparent 94%); padding-inline: .12em; }

/* section head: heading + intro stacked */
.head { display: flex; flex-direction: column; gap: 14px; max-width: 760px; margin-bottom: var(--head-gap); }
.head h2 { font-size: var(--fs-h2); }
.head p { font-size: var(--fs-lead); color: var(--muted); }
.head--center { margin-inline: auto; text-align: center; align-items: center; }
.head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--grid-gap); flex-wrap: wrap; margin-bottom: var(--head-gap); }
.head-row .head { margin-bottom: 0; }

/* button: pill + arrow bubble */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 52px; padding-block: 6px; padding-inline: 26px 6px; border-radius: var(--r-pill); background: var(--teal); color: var(--white); font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-body); white-space: nowrap; transition: background .3s var(--ease), transform .3s var(--ease); }
.btn:hover { background: var(--teal-deep); }
.btn .bub { order: 2; flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-pill); background: var(--aqua); color: var(--teal-ink); transition: transform .3s var(--ease); }
.btn:hover .bub { transform: translateX(-4px); }
.btn .bub svg { width: 18px; height: 18px; }
.btn--plain { padding-inline: 26px; }
.btn--ghost { background: transparent; color: var(--teal-deep); box-shadow: inset 0 0 0 1.5px var(--teal); }
.btn--ghost:hover { background: var(--teal-tint); }
.btn--light { background: var(--white); color: var(--teal-ink); }
.btn--light:hover { background: var(--aqua-soft); }
.btn--sm { min-height: 44px; gap: 10px; padding-block: 5px; padding-inline: 20px 5px; font-size: var(--fs-small); }
.btn--sm.btn--plain { padding-inline: 20px; }
.btn--sm .bub { width: 34px; height: 34px; }
.btn--sm .bub svg { width: 16px; height: 16px; }
.link-more { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-head); font-weight: var(--fw-medium); color: var(--teal-deep); border-bottom: 1.5px solid currentColor; padding-bottom: 2px; }
.link-more svg { width: 16px; height: 16px; }

/* header: floating card, always visible */
.hdr { position: sticky; top: 12px; z-index: 50; margin-top: 12px; }
.hdr-in { position: relative; display: flex; align-items: center; gap: 28px; height: var(--hdr-h); padding-inline: 24px 14px; background: var(--white-glass); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--shadow-sm); }
.logo { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-logo); white-space: nowrap; }
.logo img { width: 34px; height: 34px; }
.nav { display: flex; gap: 4px; margin-inline-end: auto; }
.nav a, .nav button { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; border-radius: var(--r-pill); font-weight: var(--fw-medium); font-size: var(--fs-small); transition: background .25s var(--ease); }
.nav a:hover, .nav button:hover { background: var(--ink-a06); }
.nav svg { width: 14px; height: 14px; }
.hdr-cta { display: flex; align-items: center; gap: 10px; }
.burger { display: none; width: 44px; height: 44px; border-radius: var(--r-pill); place-items: center; background: var(--ink-a06); }
.burger svg { width: 22px; height: 22px; }
.has-mega { position: relative; }
.mega { position: absolute; inset-inline-start: 0; top: calc(100% + 18px); width: min(860px, 86vw); display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; padding: 28px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--shadow-md); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .25s var(--ease), transform .25s var(--ease), visibility .25s; }
.mega::before { content: ''; position: absolute; inset: -20px 0 auto; height: 20px; }
.has-mega:hover .mega, .has-mega:focus-within .mega { opacity: 1; visibility: visible; transform: none; }
.mega h4 { font-size: var(--fs-small); color: var(--teal-deep); margin-bottom: 10px; }
.mega a { display: block; padding: 5px 0; font-size: var(--fs-small); font-weight: var(--fw-regular); border-radius: 0; color: var(--muted); }
.mega a:hover { background: none; color: var(--ink); }

/* hero */
.hero { position: relative; padding-block: clamp(48px, 7vw, 96px) clamp(40px, 5vw, 72px); text-align: center; }
.hero-in { position: relative; z-index: 2; max-width: 860px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; gap: 22px; }
.hero h1 { font-size: var(--fs-hero); }
.hero-sub { font-size: var(--fs-lead); color: var(--muted); max-width: 620px; }
.seg { display: inline-flex; padding: 5px; border-radius: var(--r-pill); background: var(--white); border: 1px solid var(--line); }
.seg button { padding: 9px 20px; border-radius: var(--r-pill); font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-small); color: var(--muted); transition: background .3s var(--ease), color .3s var(--ease); }
.seg button[aria-selected="true"] { background: var(--teal-ink); color: var(--white); }
:is(.searchbar, form.search) { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 680px; padding-block: 7px; padding-inline: 22px 7px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-pill); box-shadow: var(--shadow-md); transition: box-shadow .3s var(--ease), border-color .3s var(--ease); }
:is(.searchbar, form.search):focus-within { border-color: var(--teal); box-shadow: 0 0 0 4px var(--focus-ring), var(--shadow-md); }
:is(.searchbar, form.search) > svg { width: 22px; height: 22px; color: var(--muted); flex: none; }
:is(.searchbar, form.search) input { flex: 1; min-width: 0; height: 50px; border: 0; outline: 0; background: transparent; font-size: var(--fs-body); }
:is(.searchbar, form.search) input::placeholder { color: var(--ink-a40); }
.chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.chip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--r-pill); border: 1px solid var(--line); background: var(--white); font-size: var(--fs-small); font-weight: var(--fw-medium); transition: border-color .25s var(--ease), background .25s var(--ease), color .25s var(--ease); }
.chip:hover { border-color: var(--teal); color: var(--teal-deep); }
.chip[aria-pressed="true"], .chip[aria-selected="true"] { background: var(--teal-ink); border-color: var(--teal-ink); color: var(--white); }
.hero-pane { display: flex; flex-direction: column; align-items: center; gap: 22px; width: 100%; }
.hero-pane[hidden] { display: none; }
.hero-faces { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.hero-faces img { position: absolute; width: clamp(110px, 11vw, 168px); aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-md); box-shadow: var(--shadow-md); border: 4px solid var(--white); }
.hero-faces img:nth-child(1) { inset-inline-start: 1%; top: 12%; transform: rotate(3deg); }
.hero-faces img:nth-child(2) { inset-inline-start: 7%; bottom: 8%; transform: rotate(-4deg); }
.hero-faces img:nth-child(3) { inset-inline-end: 1%; top: 10%; transform: rotate(-3deg); }
.hero-faces img:nth-child(4) { inset-inline-end: 7%; bottom: 10%; transform: rotate(4deg); }

/* category tabs */
.tabs { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-bottom: 28px; border-bottom: 1px solid var(--line); }
.tabs::-webkit-scrollbar { display: none; }
.tab { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 104px; padding: 12px 14px 14px; color: var(--muted); font-size: var(--fs-small); font-weight: var(--fw-medium); border-bottom: 2.5px solid transparent; margin-bottom: -1px; white-space: nowrap; transition: color .25s var(--ease), border-color .25s var(--ease); }
.tab svg { width: 28px; height: 28px; }
.tab:hover { color: var(--ink); }
.tab[aria-selected="true"] { color: var(--teal-ink); border-color: var(--teal); }

/* therapist card */
.tgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.tcard { display: flex; flex-direction: column; padding: 8px 8px 18px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-md); transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease); }
.tcard:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: transparent; }
.tcard[hidden] { display: none; }
.tcard-ph { position: relative; aspect-ratio: 1 / 1; border-radius: var(--r-sm); overflow: hidden; background: var(--teal-tint); }
.tcard-ph img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; transition: transform .6s var(--ease); }
.tcard:hover .tcard-ph img { transform: scale(1.04); }
.badge { position: absolute; top: 10px; inset-inline-start: 10px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: var(--r-pill); background: var(--white-glass); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); font-size: var(--fs-tiny); font-weight: var(--fw-semibold); color: var(--teal-ink); }
.badge svg { width: 14px; height: 14px; color: var(--teal); }
.tcard-b { display: flex; flex-direction: column; gap: 8px; padding: 14px 8px 0; flex: 1; }
.tcard h3 { font-size: var(--fs-h3); }
.tmeta { display: flex; align-items: flex-start; gap: 8px; font-size: var(--fs-small); color: var(--muted); line-height: var(--lh-snug); }
.tmeta svg { width: 17px; height: 17px; flex: none; margin-top: 2px; color: var(--ink-a40); }
.tfoot { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); font-size: var(--fs-small); }
.rate { display: inline-flex; align-items: center; gap: 5px; font-weight: var(--fw-semibold); }
.rate svg { width: 16px; height: 16px; color: var(--star); }
.rate span { color: var(--muted); font-weight: var(--fw-regular); }
.tgo { display: inline-flex; align-items: center; gap: 4px; color: var(--teal-deep); font-weight: var(--fw-semibold); }
.tgo svg { width: 15px; height: 15px; transition: transform .3s var(--ease); }
.tcard:hover .tgo svg { transform: translateX(-3px); }
.center { display: flex; justify-content: center; margin-top: var(--head-gap); }

/* treatment cards */
.treats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
.treat { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: var(--r-md); overflow: hidden; background: var(--teal-tint); }
.treat img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.treat:hover img { transform: scale(1.05); }
.treat::after { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, var(--ink-scrim)); }
.treat-l { position: absolute; z-index: 2; inset-block-end: 14px; inset-inline-start: 14px; display: inline-flex; align-items: center; gap: 10px; padding-block: 5px; padding-inline: 16px 5px; font-size: var(--fs-small); border-radius: var(--r-pill); background: var(--white-glass); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-family: var(--font-head); font-weight: var(--fw-medium); }
.treat-l i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--r-pill); background: var(--teal); color: var(--white); transition: transform .3s var(--ease); }
.treat:hover .treat-l i { transform: translateX(-3px); }
.treat-l svg { width: 14px; height: 14px; }

/* panels and feature cards */
.panel { border-radius: var(--r-lg); padding: clamp(28px, 5vw, 72px); }
.panel--tint { background: var(--teal-tint); }
.panel--cream { background: var(--cream); }
.panel--dark { background: var(--teal-ink); color: var(--white); }
.panel--dark .head p { color: var(--muted-inv); }
.cards3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
.card { display: flex; flex-direction: column; gap: 12px; padding: clamp(22px, 2.4vw, 32px); border-radius: var(--r-md); background: var(--white); border: 1px solid var(--line); }
.card > svg { width: 36px; height: 36px; color: var(--teal); margin-bottom: 6px; }
.card h3 { font-size: var(--fs-h3); }
.card p { color: var(--muted); }

/* reviews */
.quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
.quote { display: flex; flex-direction: column; gap: 18px; padding: clamp(22px, 2.4vw, 30px); border-radius: var(--r-md); background: var(--white); border: 1px solid var(--line); }
.quote[hidden] { display: none; }
.stars { display: flex; gap: 2px; color: var(--star); }
.stars svg { width: 17px; height: 17px; }
.quote blockquote { margin: 0; font-size: var(--fs-quote); line-height: var(--lh-body); flex: 1; }
.quote-by { font-size: var(--fs-small); color: var(--muted); }
.quote-t { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); }
.quote-t img { width: 46px; height: 46px; border-radius: var(--r-pill); object-fit: cover; }
.quote-t b { display: block; font-family: var(--font-head); font-weight: var(--fw-medium); }
.quote-t span { font-size: var(--fs-tiny); color: var(--muted); }
.chips--start { justify-content: flex-start; margin-bottom: 24px; }

/* join panel */
.join { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(24px, 4vw, 64px); align-items: center; }
.join h2 { font-size: var(--fs-h2); }
.join-t { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.join-t p { color: var(--muted-inv); font-size: var(--fs-lead); }
.ticks { display: flex; flex-direction: column; gap: 10px; }
.ticks li { display: flex; align-items: center; gap: 10px; }
.ticks svg { width: 20px; height: 20px; color: var(--aqua); flex: none; }
.join-m { position: relative; border-radius: var(--r-md); overflow: hidden; aspect-ratio: 4 / 3; background: var(--white-a10); }
.join-m img { width: 100%; height: 100%; object-fit: cover; }

/* magazine */
.posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
.post { display: flex; flex-direction: column; gap: 16px; }
.post-m { aspect-ratio: 3 / 2; border-radius: var(--r-md); overflow: hidden; background: var(--teal-tint); }
.post-m img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.post:hover .post-m img { transform: scale(1.04); }
.post-tag { align-self: flex-start; padding: 4px 12px; border-radius: var(--r-pill); background: var(--aqua-soft); color: var(--teal-ink); font-size: var(--fs-tiny); font-weight: var(--fw-semibold); }
.post h3 { font-size: var(--fs-h3); line-height: var(--lh-snug); }
.post:hover h3 { color: var(--teal-deep); }

/* closing CTA */
.cta { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.cta h2 { font-size: var(--fs-h2); max-width: 760px; }

/* footer */
.section--last { padding-bottom: calc(var(--section) / 2 + var(--r-lg)); }
.ftr { position: relative; margin-top: calc(var(--r-lg) * -1); background: var(--teal-ink); color: var(--white); border-radius: var(--r-lg) var(--r-lg) 0 0; padding-block: clamp(48px, 6vw, 80px) 28px; }
.ftr-top { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: clamp(24px, 4vw, 56px); padding-bottom: 40px; border-bottom: 1px solid var(--line-inv); }
.ftr .logo { color: var(--white); margin-bottom: 14px; }
.ftr p { color: var(--muted-inv); font-size: var(--fs-small); }
.ftr h4 { font-size: var(--fs-body); margin-bottom: 14px; }
.ftr li a { display: inline-block; padding: 5px 0; color: var(--muted-inv); font-size: var(--fs-small); }
.ftr li a:hover { color: var(--white); }
.news { display: flex; gap: 6px; margin-top: 18px; padding: 5px; border-radius: var(--r-pill); background: var(--white-a10); border: 1px solid var(--line-inv); max-width: 380px; }
.news input { flex: 1; min-width: 0; height: 42px; padding-inline: 16px; border: 0; outline: 0; background: transparent; color: var(--white); font-size: var(--fs-small); }
.news input::placeholder { color: var(--muted-inv); }
.news-note { margin-top: 10px; font-size: var(--fs-tiny); }
.news-note a { text-decoration: underline; }
.ftr-legal { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line-inv); }
.ftr .ftr-legal p { font-size: var(--fs-tiny); line-height: var(--lh-body); max-width: 1000px; }
.ftr-legal a { text-decoration: underline; }
.ftr-bot { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 24px; font-size: var(--fs-tiny); color: var(--muted-inv); }
.ftr-bot div { display: flex; gap: 18px; }

/* ===== שלב 2: כתבה, עמוד טיפול, ברירת מחדל ===== */
.wrap--narrow { max-width: calc(var(--measure) + var(--gutter) * 2); }
.hero-h { font-size: var(--fs-hero); }

/* article head */
.article-head { padding-block: clamp(32px, 5vw, 64px) 24px; display: flex; flex-direction: column; gap: 16px; }
.article-head h1 { font-size: var(--fs-h1); }
.crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: var(--fs-small); color: var(--muted); }
.crumbs a + a::before { content: '/'; margin-inline-end: 6px; color: var(--ink-a40); }
.crumbs a:hover { color: var(--teal-deep); }
.article-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: var(--fs-small); color: var(--muted); }
.article-hero { border-radius: var(--r-md); overflow: hidden; background: var(--teal-tint); margin-bottom: 28px; }
.article-hero img { width: 100%; height: auto; }

/* table of contents */
.toc { margin-bottom: 32px; padding: 6px 22px; border-radius: var(--r-md); background: var(--teal-tint); }
.toc summary { display: flex; align-items: center; gap: 10px; padding-block: 14px; cursor: pointer; list-style: none; font-family: var(--font-head); font-weight: var(--fw-medium); }
.toc summary::-webkit-details-marker { display: none; }
.toc summary svg { width: 20px; height: 20px; color: var(--teal); }
.toc summary svg:last-child { margin-inline-start: auto; transition: transform .3s var(--ease); }
.toc[open] summary svg:last-child { transform: rotate(180deg); }
.toc ol { margin: 0; padding: 4px 22px 16px 0; padding-inline: 22px 0; display: flex; flex-direction: column; gap: 8px; list-style: decimal; font-size: var(--fs-small); }
.toc ol li::marker { color: var(--teal); font-weight: var(--fw-semibold); }
.toc a:hover { color: var(--teal-deep); text-decoration: underline; }

/* entry: תוכן שנכתב בעורך */
.entry { font-size: var(--fs-entry); line-height: var(--lh-entry); overflow-wrap: break-word; }
.entry > * + * { margin-top: 1.1em; }
.entry h2 { font-size: var(--fs-entry-h2); margin-top: 1.9em; scroll-margin-top: calc(var(--hdr-h) + 32px); }
.entry h3 { font-size: var(--fs-entry-h3); margin-top: 1.6em; scroll-margin-top: calc(var(--hdr-h) + 32px); }
.entry h4 { font-size: var(--fs-lead); margin-top: 1.4em; }
.entry a { color: var(--teal-deep); text-decoration: underline; text-underline-offset: 3px; }
.entry a:hover { color: var(--teal); }
.entry ul, .entry ol { padding-inline-start: 1.4em; }
.entry ul { list-style: disc; }
.entry ol { list-style: decimal; }
.entry li + li { margin-top: .4em; }
.entry li::marker { color: var(--teal); }
.entry img { border-radius: var(--r-sm); height: auto; }
.entry figure { margin-inline: 0; }
.entry figcaption, .entry .wp-caption-text { margin-top: 8px; font-size: var(--fs-small); color: var(--muted); text-align: center; }
.entry .wp-caption { max-width: 100%; }
.entry blockquote { margin-inline: 0; padding: 16px 22px; border-inline-start: 3px solid var(--teal); border-radius: var(--r-sm); background: var(--teal-tint); }
.entry table { width: 100%; border-collapse: collapse; font-size: var(--fs-small); display: block; overflow-x: auto; }
.entry th, .entry td { padding: 10px 14px; border: 1px solid var(--line); text-align: start; }
.entry th { background: var(--teal-tint); font-family: var(--font-head); font-weight: var(--fw-medium); }
.entry iframe { max-width: 100%; border-radius: var(--r-sm); }

/* תוכן שהומר מאלמנטור */
.entry .entry-cta { margin-block: 1.6em; }
.entry .entry-cta .btn { color: var(--white); text-decoration: none; }
.entry .media-box { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: 20px; align-items: center; padding: 16px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); }
.entry .media-box figcaption { display: flex; flex-direction: column; gap: 6px; margin: 0; text-align: start; font-size: var(--fs-small); }
.entry .media-box strong { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h3); color: var(--ink); }
.entry blockquote cite { display: block; margin-top: 8px; font-size: var(--fs-small); font-style: normal; color: var(--muted); }
.author-box { display: flex; gap: 18px; align-items: flex-start; margin-top: 40px; padding: 22px; border-radius: var(--r-md); background: var(--teal-tint); }
.author-box img { width: 72px; height: 72px; flex: none; border-radius: var(--r-pill); object-fit: cover; }
.author-box > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.author-box-k { font-size: var(--fs-tiny); color: var(--muted); }
.author-box strong { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h3); }
.author-box p { font-size: var(--fs-small); color: var(--muted); }
.author-box .chips { margin: 6px 0 0; }
@media (max-width: 600px) {
  .entry .media-box { grid-template-columns: minmax(0, 1fr); }
  .author-box { flex-direction: column; }
}

/* עמודים שהומרו מאלמנטור */
.app-title { font-size: var(--fs-h2); margin-bottom: var(--head-gap); }
.entry--wide > :is(p, h2, h3, h4, ul, ol, blockquote, figure:not(.media-box)) { max-width: var(--measure); }
.entry--wide > h2 { margin-top: 2.4em; }
.entry .tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.entry .tile { display: flex; flex-direction: column; gap: 8px; padding: 22px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); color: var(--ink); text-decoration: none; transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease); }
.entry a.tile:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: transparent; color: var(--ink); }
.entry .tile img { aspect-ratio: 16 / 9; object-fit: cover; margin-bottom: 6px; }
.entry .tile strong { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h3); }
.entry .tile span { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-snug); flex: 1; }
.entry .tile em { font-style: normal; font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-small); color: var(--teal-deep); }
.entry .cards3 .card h3 { margin: 0; }
.entry .card-icon { width: 40px; height: 40px; border-radius: 0; margin-bottom: 6px; }
.entry .quote-t b { font-size: var(--fs-small); }
.entry .cards3 .card a { text-decoration: none; color: var(--ink); }
.entry .quotes .quote blockquote { padding: 0; border: 0; background: none; border-radius: 0; }
.entry .posts { margin-block: 1.6em; }
.entry .posts a { text-decoration: none; color: var(--ink); }
.entry .faq { display: flex; flex-direction: column; gap: 10px; }
.faq-item { border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--white); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; cursor: pointer; list-style: none; font-family: var(--font-head); font-weight: var(--fw-medium); }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: ''; width: 9px; height: 9px; flex: none; border-inline-start: 2px solid var(--teal); border-bottom: 2px solid var(--teal); transform: rotate(-45deg); transition: transform .3s var(--ease); }
.faq-item[open] summary::after { transform: rotate(135deg); }
.faq-item > div { padding: 0 20px 18px; color: var(--muted); }
.entry .contact-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.entry .entry-cta { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 900px) {
  .entry .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .entry .tiles { grid-template-columns: minmax(0, 1fr); }
}

/* טופס לידים בכתבה */
.lead { margin-top: 32px; padding: clamp(22px, 3vw, 36px); border-radius: var(--r-md); background: var(--cream); }
.lead-head { display: flex; flex-direction: column; gap: 6px; margin-bottom: 22px; }
.lead-head h2 { font-size: var(--fs-entry-h2); }
.lead-head p { color: var(--muted); font-size: var(--fs-small); }
.lead-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.lead-form .field--wide { grid-column: 1 / -1; }
.lead-trap { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }
.field { display: flex; flex-direction: column; gap: 6px; }
.field label { font-size: var(--fs-small); font-weight: var(--fw-medium); }
.field label span { color: var(--muted); font-weight: var(--fw-regular); }
.field input, .field textarea { width: 100%; min-height: 50px; padding: 12px 18px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); color: var(--ink); font-size: var(--fs-body); text-align: start; transition: border-color .25s var(--ease), box-shadow .25s var(--ease); }
.field input { border-radius: var(--r-pill); }
.field textarea { resize: vertical; }
.field input:focus, .field textarea:focus { outline: 0; border-color: var(--teal); box-shadow: 0 0 0 4px var(--focus-ring); }
.field.is-bad input, .field.is-bad textarea { border-color: var(--danger); }
.check { display: flex; align-items: flex-start; gap: 10px; font-size: var(--fs-small); color: var(--muted); cursor: pointer; }
.check input { width: 18px; height: 18px; margin-top: 3px; flex: none; accent-color: var(--teal); }
.check a { color: var(--teal-deep); text-decoration: underline; }
.check.is-bad { color: var(--danger); }
.lead-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.lead-foot[hidden], .field[hidden], .check[hidden] { display: none; }
.lead-form button[disabled] { opacity: .6; cursor: progress; }
.lead-msg { padding: 14px 18px; border-radius: var(--r-sm); font-size: var(--fs-small); font-weight: var(--fw-medium); }
.lead-msg.is-ok { background: var(--ok-soft); color: var(--ok-ink); }
.lead-msg.is-err { background: var(--danger-soft); color: var(--danger); }
@media (max-width: 600px) {
  .lead-form { grid-template-columns: minmax(0, 1fr); }
}

/* article foot */
.share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); font-family: var(--font-head); font-weight: var(--fw-medium); }
.legal-note { margin-top: 24px; padding: 16px 20px; border-radius: var(--r-sm); background: var(--cream); font-size: var(--fs-small); color: var(--muted); }
.legal-note a { text-decoration: underline; }
.post-ad { margin-block: 32px; min-height: 120px; }

/* treatment page + builder pages */
.treatment { overflow-wrap: break-word; }
.page-builder { min-height: 40vh; }
.pager { margin-top: var(--head-gap); }
.pager .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pager .page-numbers { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding-inline: 14px; border-radius: var(--r-pill); border: 1px solid var(--line); background: var(--white); font-size: var(--fs-small); }
.pager .page-numbers.current { background: var(--teal-ink); border-color: var(--teal-ink); color: var(--white); }

/* footer: תפריטי וורדפרס + טופס זמני */
.ftr ul { display: flex; flex-direction: column; }
.ftr-form { margin-top: 18px; max-width: 380px; }
.quote-t a:hover { color: var(--teal-deep); }

/* preview flag */
.preview-flag { position: fixed; z-index: 99; inset-block-start: 100px; inset-inline-end: 12px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--ink); color: var(--white); font-size: var(--fs-tiny); box-shadow: var(--shadow-md); pointer-events: none; }

/* ===== שכבת התאמה לתקופת המעבר =====
   תוכן שעדיין מגיע מאלמנטור ומהתוסף (חיפוש, פרופיל, עמודי טיפול) מקבל את השפה של מערכת העיצוב.
   !important מופיע רק כאן, ורק מול סגנון של אלמנטור שנכתב עם סלקטור כבד. כשהרכיב עובר לקוד, הבלוק שלו נמחק. */

/* עמודים בנויים: רקע לבן, הפונטים שלנו */
.hc .page-builder > .elementor { background-color: var(--white) !important; }
.hc .page-builder, .hc .treatment { font-family: var(--font-body); color: var(--ink); }
.hc .page-builder :is(h1, h2, h3, h4), .hc .treatment :is(h1, h2, h3, h4) { font-family: var(--font-head); font-weight: var(--fw-head); letter-spacing: -.01em; }
.hc .page-builder :is(button, input, select, textarea), .hc .treatment :is(button, input, select, textarea) { font-family: var(--font-body); }

/* חיפוש ועמודי טיפול: כרטיס מטפל בתצוגת רשימה.
   search.css של התוסף כתוב כולו עם !important, ולכן גם כאן. היעד: להעביר את הערכים האלה לתוסף עצמו ולמחוק את הבלוק. */
.hc [class^="hcs-"], .hc [class*=" hcs-"] { font-family: var(--font-body) !important; }
.hc .hcs-therapist-card { border: 1px solid var(--line) !important; border-radius: var(--r-md) !important; background: var(--white) !important; box-shadow: none !important; transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease) !important; }
.hc .hcs-therapist-card:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-md) !important; border-color: transparent !important; }
.hc .hcs-card-name { font-family: var(--font-head) !important; font-weight: var(--fw-head) !important; font-size: var(--fs-h3) !important; color: var(--ink) !important; }
.hc .hcs-card-location, .hc .hcs-card-description { color: var(--muted) !important; }
.hc .hcs-service-tab { border-radius: var(--r-pill) !important; background: var(--aqua-soft) !important; color: var(--teal-ink) !important; border: 0 !important; font-weight: var(--fw-medium) !important; }
.hc .hcs-tag { border-radius: var(--r-pill) !important; background: var(--white) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; }
.hc .hcs-verified-badge { color: var(--teal) !important; }
.hc .hcs-filter-title { font-family: var(--font-head) !important; font-weight: var(--fw-medium) !important; color: var(--ink) !important; }
.hc .hcs-filter-tag.active, .hc .hcs-filter-tag.selected { background: var(--teal-ink) !important; border-color: var(--teal-ink) !important; color: var(--white) !important; }
.hc .hcs-page-btn.active { background: var(--teal-ink) !important; border-color: var(--teal-ink) !important; color: var(--white) !important; }

/* כרטיס מטפל עם תמונה גדולה: אותו מבנה כמו .tcard בעמוד הבית, על ה-HTML של התוסף */
.hc .hcs-results-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: var(--grid-gap) !important; align-items: stretch !important; }
.hc .hcs-results-list > p:empty, .hc .hcs-results-list > br { display: none !important; }
.hc .hcs-therapist-card-link { display: block !important; margin: 0 !important; height: 100% !important; }
.hc .hcs-therapist-card { position: relative !important; display: flex !important; flex-direction: column !important; height: 100% !important; margin: 0 !important; padding: 8px 8px 18px !important; overflow: hidden !important; }
.hc .hcs-card-header { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
.hc .hcs-card-photo-wrap { width: 100% !important; height: auto !important; margin: 0 !important; flex: none !important; border-radius: var(--r-sm) !important; overflow: hidden !important; }
.hc .hcs-card-photo, .hc .hcs-card-photo-placeholder { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin: 0 !important; border: 0 !important; border-radius: var(--r-sm) !important; object-fit: cover !important; object-position: center 20% !important; background: var(--teal-tint) !important; box-shadow: none !important; }
.hc .hcs-card-info { display: flex !important; flex-direction: column !important; gap: 8px !important; padding: 14px 8px 0 !important; min-width: 0 !important; }
.hc .hcs-card-name { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; flex-wrap: wrap !important; display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; line-height: var(--lh-tight) !important; }
.hc .hcs-card-location svg { flex: none !important; }
.hc .hcs-card-location { display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; font-size: var(--fs-small) !important; }
.hc .hcs-card-services, .hc .hcs-services-tabs { margin: 0 !important; padding: 0 !important; }
.hc .hcs-services-tabs { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; white-space: normal !important; overflow: visible !important; }
.hc .hcs-service-tab { padding: 4px 10px !important; font-size: var(--fs-tiny) !important; margin: 0 !important; }
.hc .hcs-card-body { padding: 10px 8px 0 !important; margin: 0 !important; border: 0 !important; }
.hc .hcs-card-description { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; margin: 0 !important; font-size: var(--fs-small) !important; line-height: var(--lh-snug) !important; }
.hc .hcs-card-tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 10px 0 0 !important; padding: 0 !important; }
.hc .hcs-tag { padding: 3px 10px !important; font-size: var(--fs-tiny) !important; margin: 0 !important; }
.hc .hcs-promoted-badge { position: absolute !important; z-index: 2 !important; top: 18px !important; inset-inline-start: 18px !important; padding: 4px 10px !important; border-radius: var(--r-pill) !important; background: var(--white-glass) !important; color: var(--teal-ink) !important; font-size: var(--fs-tiny) !important; font-weight: var(--fw-semibold) !important; }
@media (max-width: 900px) {
}
@media (max-width: 600px) {
  .hc .hcs-results-list { gap: 10px !important; }
  .hc .hcs-therapist-card { padding: 6px 6px 12px !important; }
  .hc .hcs-card-info { padding: 10px 4px 0 !important; }
  .hc .hcs-service-more, .hc .hcs-service-tab:nth-child(n + 3) { display: none !important; }
}

/* עמוד טיפול */
.hc .treatment .hc-lp-page { max-width: none !important; margin: 0 !important; }
.hc .treatment .hc-lp-page > h1 { font-size: var(--fs-h1); line-height: var(--lh-tight); margin-bottom: 16px; }
.hc .treatment .hc-lp-page > p { font-size: var(--fs-lead); color: var(--muted); max-width: var(--measure); margin-bottom: var(--head-gap); }
.hc .treatment :is(.hc-lp-related, .hc-lp-faq-wrap) { margin-top: var(--section); }
.hc .treatment :is(.hc-lp-related, .hc-lp-faq-wrap) h2 { font-size: var(--fs-entry-h2); margin-bottom: 20px; }
.hc .treatment .hc-lp-related-tag { border-radius: var(--r-pill) !important; border: 1px solid var(--line) !important; background: var(--white) !important; color: var(--ink) !important; }
.hc .treatment .hc-lp-related-tag:hover { border-color: var(--teal) !important; color: var(--teal-deep) !important; }
.hc .treatment .hc-lp-faq, .hc .treatment .hc-lp-faq-list { border: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
.hc .treatment .hc-lp-faq-list { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.hc .treatment .hc-lp-faq-item { border: 1px solid var(--line) !important; border-radius: var(--r-sm) !important; background: var(--white) !important; margin: 0 !important; }

/* פופאפים של אלמנטור (22): אותה שפה. זמני עד שלב 4. */
.elementor-popup-modal .dialog-widget-content { border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; overflow: hidden !important; }
.elementor-popup-modal .elementor, .elementor-popup-modal .elementor :is(p, label, span, input, textarea, select, li, a) { font-family: var(--font-body) !important; }
.elementor-popup-modal .elementor :is(h1, h2, h3, h4, h5, .elementor-heading-title, .elementor-image-box-title) { font-family: var(--font-head) !important; font-weight: var(--fw-head) !important; color: var(--ink) !important; letter-spacing: -.01em; }
.elementor-popup-modal .elementor > .e-con, .elementor-popup-modal .elementor > .elementor-section { background-color: var(--white) !important; }
.elementor-popup-modal .elementor-field-textual { min-height: 50px !important; border: 1px solid var(--line) !important; border-radius: var(--r-pill) !important; background: var(--white) !important; color: var(--ink) !important; box-shadow: none !important; padding-inline: 20px !important; }
.elementor-popup-modal textarea.elementor-field-textual { border-radius: var(--r-md) !important; padding-block: 14px !important; }
.elementor-popup-modal .elementor-field-textual:focus { border-color: var(--teal) !important; box-shadow: 0 0 0 4px var(--focus-ring) !important; outline: 0; }
.elementor-popup-modal .elementor-button { min-height: 50px !important; border: 0 !important; border-radius: var(--r-pill) !important; background: var(--teal) !important; color: var(--white) !important; fill: var(--white) !important; font-family: var(--font-head) !important; font-weight: var(--fw-medium) !important; }
.elementor-popup-modal .elementor-button:hover { background: var(--teal-deep) !important; }
.elementor-popup-modal .elementor-field-option label { color: var(--muted) !important; font-size: var(--fs-small) !important; }
.elementor-popup-modal .elementor-field-option input { accent-color: var(--teal); }
.elementor-popup-modal .dialog-close-button { top: 14px !important; inset-inline-end: 14px !important; width: 36px; height: 36px; display: grid !important; place-items: center; border-radius: var(--r-pill); background: var(--ink-a06); }

/* פוטר: טופס הניוזלטר של אלמנטור בצורת הגלולה שאושרה. זמני עד שלב 4 (טפסים בקוד). */
.ftr-form .elementor, .ftr-form .e-con { background: transparent !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; }
.ftr-form .elementor-widget-text-editor { display: none !important; }
.ftr-form .elementor-form-fields-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 0; margin: 0 !important; }
.ftr-form .elementor-field-group { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
.ftr-form .elementor-field-type-email { grid-column: 1 / -1; grid-row: 1; }
.ftr-form .elementor-field-type-submit { grid-column: 2; grid-row: 1; align-self: center; margin-inline-end: 5px !important; z-index: 1; }
.ftr-form .elementor-field-type-acceptance { grid-column: 1 / -1; grid-row: 2; }
.ftr-form input[type="email"] { width: 100% !important; height: 54px !important; min-height: 0 !important; padding-inline: 20px 190px !important; border-radius: var(--r-pill) !important; border: 1px solid var(--line-inv) !important; background: var(--white-a10) !important; color: var(--white) !important; font-family: var(--font-body) !important; font-size: var(--fs-small) !important; box-shadow: none !important; }
.ftr-form input[type="email"]::placeholder { color: var(--muted-inv) !important; opacity: 1; }
.ftr-form input[type="email"]:focus { border-color: var(--aqua) !important; outline: 0; }
.ftr-form .elementor-button { min-height: 44px !important; padding: 0 22px !important; border-radius: var(--r-pill) !important; border: 0 !important; background: var(--white) !important; color: var(--teal-ink) !important; fill: var(--teal-ink) !important; font-family: var(--font-head) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-small) !important; white-space: nowrap; }
.ftr-form .elementor-button:hover { background: var(--aqua-soft) !important; }
.ftr-form .elementor-field-option { display: flex; align-items: flex-start; gap: 8px; }
.ftr-form .elementor-field-option input { margin-top: 4px; accent-color: var(--aqua); flex: none; }
.ftr-form .elementor-field-option label, .ftr-form .elementor-message { color: var(--muted-inv) !important; font-family: var(--font-body) !important; font-size: var(--fs-tiny) !important; line-height: var(--lh-snug) !important; }
@media (max-width: 380px) {
  .ftr-form input[type="email"] { padding-inline-end: 150px !important; }
  .ftr-form .elementor-button { padding: 0 14px !important; }
}

/* design-system page helpers */
.ds-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: var(--grid-gap); }
.ds-sw { border-radius: var(--r-md); border: 1px solid var(--line); background: var(--white); overflow: hidden; font-size: var(--fs-tiny); }
.ds-sw i { display: block; height: 84px; border-bottom: 1px solid var(--line); }
.ds-sw div { padding: 10px 12px; }
.ds-sw b { display: block; font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-small); }
.ds-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.ds-block { padding-block: 36px; border-top: 1px solid var(--line); }
.ds-block > h2 { font-size: var(--fs-h3); color: var(--teal-deep); margin-bottom: 22px; }
.ds-type > * { margin-bottom: 14px; }

/* reveal */
.rv { opacity: 0; transform: translateY(18px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.rv.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .rv { opacity: 1; transform: none; transition: none; } html { scroll-behavior: auto; } }

/* responsive */
@media (max-width: 1100px) {
  .hero-faces img:nth-child(2), .hero-faces img:nth-child(4) { display: none; }
  .hero-faces img { opacity: .55; }
}
@media (max-width: 900px) {
  .nav, .hdr-cta .btn--ghost { display: none; }
  .burger { display: grid; }
  .hdr-in { gap: 12px; padding-inline: 16px 10px; }
  .hdr-cta { margin-inline-start: auto; }
  .nav.open { display: flex; flex-direction: column; position: absolute; top: calc(var(--hdr-h) + 8px); inset-inline: 0; padding: 14px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--shadow-md); }
  .nav.open .mega { display: none; }
  .hero-faces { display: none; }
  .tgrid, .treats, .cards3, .quotes, .posts { grid-template-columns: repeat(2, 1fr); }
  .join { grid-template-columns: 1fr; }
  .ftr-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  :root { --hdr-h: 64px; --fs-logo: 1.1rem; }
  .logo img { width: 28px; height: 28px; }
  .hdr-cta .btn { min-height: 40px; padding-block: 4px; padding-inline: 16px; font-size: var(--fs-tiny); }
  .hdr-cta .btn .bub { display: none; }
  :is(.searchbar, form.search) { padding-block: 6px; padding-inline: 16px 6px; }
  :is(.searchbar, form.search) .btn { padding: 6px; min-height: 46px; gap: 0; }
  :is(.searchbar, form.search) .btn .t { display: none; }
  .cards3, .quotes, .posts { grid-template-columns: 1fr; }
  .tgrid, .treats { gap: 10px; }
  .tcard { padding: 6px 6px 12px; }
  .tcard-b { padding: 10px 4px 0; }
  .tmeta--srv { display: none; }
  .tgo span { display: none; }
  .treat { aspect-ratio: 1 / 1; }
  .treat-l { inset-block-end: 8px; inset-inline-start: 8px; gap: 6px; padding-block: 4px; padding-inline: 12px 4px; font-size: var(--fs-tiny); }
  .treat-l i { width: 24px; height: 24px; }
  .panel { border-radius: var(--r-md); }
  .ftr-top { grid-template-columns: 1fr; }
}

/* photo mosaic (join panel) */
.mosaic { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.mosaic img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center 20%; border-radius: var(--r-sm); }
.mosaic img:nth-child(3n + 2) { transform: translateY(18px); }

/* fixes after first QA round */
.logo img { border-radius: var(--r-pill); }
.hl { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.ftr-top > * { min-width: 0; }
.news { max-width: 100%; }
.news .btn { flex: none; }
@media (max-width: 600px) {
  .news .btn { padding-inline: 14px; }
  .mosaic img:nth-child(3n + 2) { transform: translateY(10px); }
  .ftr-bot div { flex-wrap: wrap; gap: 10px 18px; }
}
@media (max-width: 380px) {
  .hdr-in { gap: 8px; padding-inline: 12px 8px; }
  .logo { gap: 6px; }
  .hdr-cta { gap: 6px; }
  .hdr-cta .btn { padding-inline: 12px; }
  .burger { width: 40px; height: 40px; }
  .seg button { padding-inline: 14px; }
}
@media (max-width: 340px) {
  :root { --fs-logo: 1rem; }
  .logo img { display: none; }
}

/* ===== שלב 4: כל התבניות בקוד (ארכיונים, סוגי תוכן, דפי נחיתה, ניוזלטר) ===== */
.head--page { max-width: var(--measure); margin-top: 20px; }
.head h1 { font-size: var(--fs-h1); }
.head .entry { color: var(--muted); }
.head-k { font-size: var(--fs-h3); }
.legal-note--top { margin-top: 0; }
/* hero של מונח ושל אירוע */
.term-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 64px); align-items: center; margin-top: 20px; }
.term-hero--plain { grid-template-columns: minmax(0, 1fr); max-width: var(--measure); }
.term-hero-t { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.term-hero-t h1 { font-size: var(--fs-h1); }
.term-hero-m { border-radius: var(--r-md); overflow: hidden; background: var(--teal-tint); aspect-ratio: 4 / 3; }
.term-hero-m img { width: 100%; height: 100%; object-fit: cover; }
/* רשימת קישורים (עמודי טיפול לפי אזור) */
.links-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.links-grid a { display: block; height: 100%; padding: 14px 18px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--white); font-size: var(--fs-small); font-weight: var(--fw-medium); line-height: var(--lh-snug); transition: border-color .25s var(--ease), color .25s var(--ease); }
.links-grid a:hover { border-color: var(--teal); color: var(--teal-deep); }
/* תגיות של מונחים */
.tags { display: flex; flex-wrap: wrap; gap: 6px; }
a.post-tag:hover { background: var(--aqua); }
/* מוסדות לימוד */
.filter { margin-block: 1.6em; }
.scards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--grid-gap); }
.scard { display: grid; grid-template-columns: minmax(0, 160px) minmax(0, 1fr); gap: 20px; padding: 16px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); }
.scard[hidden] { display: none; }
.scard-m { border-radius: var(--r-sm); overflow: hidden; background: var(--teal-tint); aspect-ratio: 1 / 1; }
.scard-m img { width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
.scard-b { display: flex; flex-direction: column; gap: 8px; min-width: 0; font-size: var(--fs-small); color: var(--muted); }
.scard-b h3 { font-size: var(--fs-h3); color: var(--ink); margin: 0; }
.scard-b h3 a, .entry .scard-b h3 a { color: var(--ink); text-decoration: none; }
.scard-b > * { margin-top: 0; }
.scard-k b { color: var(--ink); font-weight: var(--fw-semibold); }
.scard .entry-cta, .entry .scard .entry-cta { display: flex; flex-wrap: wrap; gap: 8px; margin-block: auto 0; padding-top: 6px; }
.entry .scard .btn--ghost { color: var(--teal-deep); }
/* עמוד עם עמודת צד (מוסד לימוד) */
.with-side { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 340px); gap: clamp(24px, 4vw, 64px); align-items: start; margin-top: 20px; }
.article-head--flush { padding-top: 0; }
.side { position: sticky; top: calc(var(--hdr-h) + 32px); display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 22px; border-radius: var(--r-md); background: var(--teal-tint); }
.side-m { align-self: stretch; border-radius: var(--r-sm); overflow: hidden; background: var(--white); }
.side-m img { width: 100%; height: auto; }
.side-t { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h3); }
.side-k { font-size: var(--fs-small); color: var(--muted); font-weight: var(--fw-medium); margin-bottom: 8px; }
/* סקירת מוצרים */
.pcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); margin-bottom: 32px; }
.pcard { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 16px 20px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); }
.pcard-m { align-self: stretch; aspect-ratio: 4 / 3; border-radius: var(--r-sm); overflow: hidden; background: var(--teal-tint); }
.pcard-m img { width: 100%; height: 100%; object-fit: contain; }
.pcard h3 { font-size: var(--fs-h3); line-height: var(--lh-snug); }
.pcard .btn { margin-top: auto; }
.coupon { display: inline-flex; align-items: center; gap: 12px; padding-block: 6px; padding-inline: 16px 6px; border: 1.5px dashed var(--teal); border-radius: var(--r-pill); background: var(--teal-tint); font-family: var(--font-head); font-weight: var(--fw-medium); color: var(--teal-ink); }
.coupon span { direction: ltr; letter-spacing: .04em; }
.coupon em { font-style: normal; font-size: var(--fs-tiny); padding: 6px 12px; border-radius: var(--r-pill); background: var(--teal); color: var(--white); }
.coupon.is-done em { background: var(--ok-ink); }
/* עמוד הטבה */
.brand-row { display: flex; align-items: center; gap: 16px; }
.brand-row img { width: 72px; height: 72px; flex: none; border-radius: var(--r-pill); object-fit: cover; background: var(--teal-tint); }
.brand-row > div { display: flex; flex-direction: column; gap: 8px; }
.brand-row strong { font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-h3); }
.deal { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 32px; padding: clamp(22px, 3vw, 36px); border-radius: var(--r-md); background: var(--cream); }
.deal h2 { font-size: var(--fs-entry-h2); }
.deal .entry > * + * { margin-top: .6em; }
.deal-code { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.deal .entry-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.deal-help { padding-top: 14px; border-top: 1px solid var(--line); align-self: stretch; font-size: var(--fs-small); color: var(--muted); }
.deal-help a { color: var(--teal-deep); text-decoration: underline; }
/* אירוע: תמונה לצד טקסט */
.entry .split { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: 24px; align-items: start; }
.entry .split--plain { grid-template-columns: minmax(0, 1fr); }
.entry .split figure { margin: 0; }
.entry .split img { width: 100%; }
.entry .split > div > * + * { margin-top: 1.1em; }
/* גלריה */
.entry .gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.entry .gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
/* דף נחיתה: בלי הדר, פוטר מצומצם */
.page-native--landing .article-head { padding-top: clamp(40px, 6vw, 80px); }
.page-native--landing .article-head h1 { max-width: 900px; }
.ftr--min { padding-top: 28px; }
.ftr--min .ftr-bot { padding-top: 0; }
/* חיפוש במגזין */
.searchbar--page { max-width: 560px; box-shadow: none; }
/* ניוזלטר */
.ftr-k { display: block; margin-top: 22px; margin-bottom: 4px; font-family: var(--font-head); font-weight: var(--fw-medium); color: var(--white); }
.nl-form { position: relative; display: flex; flex-direction: column; gap: 10px; max-width: 380px; }
.nl-form .news { margin-top: 12px; }
.nl-form .news[hidden], .nl-form .check[hidden] { display: none; }
.nl-form .check { font-size: var(--fs-tiny); }
.nl-form--dark .check { color: var(--muted-inv); }
.nl-form--dark .check a { color: var(--white); }
.nl-form--dark .check.is-bad { color: var(--aqua); }
.nl-form--light .news { background: var(--white); border-color: var(--line); }
.nl-form--light .news input { color: var(--ink); }
.nl-form--light .news input::placeholder { color: var(--ink-a40); }
.nl-form button[disabled] { opacity: .6; cursor: progress; }
.nl-pop { position: fixed; z-index: 60; inset-block-end: 16px; inset-inline-end: 16px; width: min(380px, calc(100vw - 32px)); display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: var(--r-md); background: var(--cream); box-shadow: var(--shadow-md); }
.nl-pop[hidden] { display: none; }
.nl-pop strong { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h3); padding-inline-end: 36px; }
.nl-pop p { font-size: var(--fs-small); color: var(--muted); }
.nl-pop-x { position: absolute; inset-block-start: 12px; inset-inline-end: 12px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--r-pill); background: var(--ink-a06); }
.nl-pop-x svg { width: 16px; height: 16px; }
/* WooCommerce (חנות, מוצר, עגלה, תשלום): הצבעים והצורות של מערכת העיצוב על ה-HTML של WooCommerce */
.hc .woocommerce :is(h1, h2, h3), .hc .woo :is(h1, h2, h3) { font-family: var(--font-head); font-weight: var(--fw-head); }
.hc .woocommerce :is(a.button, button.button, input.button, #place_order), .hc .woo :is(a.button, button.button) { min-height: 48px; padding: 12px 26px; border: 0; border-radius: var(--r-pill); background: var(--teal); color: var(--white); font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-body); line-height: var(--lh-snug); }
.hc .woocommerce :is(a.button, button.button, input.button, #place_order):hover, .hc .woo :is(a.button, button.button):hover { background: var(--teal-deep); color: var(--white); }
.hc .woocommerce :is(input.input-text, select, textarea) { min-height: 48px; padding: 10px 16px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--white); font-family: var(--font-body); font-size: var(--fs-body); color: var(--ink); }
.hc .woocommerce :is(input.input-text, select, textarea):focus { outline: 0; border-color: var(--teal); box-shadow: 0 0 0 4px var(--focus-ring); }
.hc .woocommerce .price, .hc .woocommerce .amount { color: var(--teal-ink); font-weight: var(--fw-semibold); }
.hc .woocommerce-message, .hc .woocommerce-info { border-top-color: var(--teal); }
.hc .woocommerce-message::before, .hc .woocommerce-info::before { color: var(--teal); }
.hc .woocommerce-error { border-top-color: var(--danger); }
.hc .woocommerce-customer-details { display: none; }
@media (max-width: 1100px) {
  .links-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .term-hero, .with-side { grid-template-columns: minmax(0, 1fr); }
  .side { position: static; }
  .scards { grid-template-columns: minmax(0, 1fr); }
  .pcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .pcards, .entry .gallery { grid-template-columns: minmax(0, 1fr); }
  .scard, .entry .split { grid-template-columns: minmax(0, 1fr); }
  .scard-m { max-width: 140px; }
  .nl-pop { inset-inline: 16px; width: auto; }
}
@media (max-width: 380px) {
  .links-grid { grid-template-columns: minmax(0, 1fr); }
}
.brand-row h1 { font-size: var(--fs-h1); }
/* עמוד התשלום: שתי עמודות, פרטים מימין וסיכום ההזמנה משמאל (כמו באתר הקודם) */
.hc form.checkout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: var(--grid-gap); align-items: start; }
.hc form.checkout > * { grid-column: 2; min-width: 0; }
.hc form.checkout > :is(.woocommerce-NoticeGroup, .woocommerce-error, .woocommerce-message) { grid-column: 1 / -1; }
.hc form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 4; padding: clamp(18px, 2.4vw, 28px); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); }
.hc .woocommerce #customer_details :is(.col-1, .col-2) { float: none; width: 100%; }
.hc .woocommerce-additional-fields:not(:has(.form-row)) { display: none; }
.hc form.checkout #order_review_heading { margin: 0; font-size: var(--fs-h3); }
.hc form.checkout #order_review { padding: clamp(18px, 2.4vw, 28px); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); }
.hc .woocommerce form.checkout #payment { background: transparent; border-radius: 0; }
.hc .woocommerce form.checkout #payment :is(ul.payment_methods, div.form-row) { padding-inline: 0; }
.hc .woocommerce form.checkout #place_order { width: 100%; float: none; }
.hc .woocommerce form.checkout table.shop_table { border: 0; margin-bottom: 12px; }
.hc .woocommerce form.checkout table.shop_table :is(th, td) { background: transparent; border-inline: 0; }
@media (max-width: 900px) {
  .hc form.checkout { grid-template-columns: minmax(0, 1fr); }
  .hc form.checkout > *, .hc form.checkout > #customer_details { grid-column: 1; grid-row: auto; }
}

/* ===== רכיבים שהיו סניפטים: בקיצור, שאלות ותשובות, מטפלים בתחומים קרובים, עמוד התשלום ===== */
.hc-tldr { display: flex; flex-direction: column; gap: 8px; margin-bottom: 28px; padding: 18px 22px; border-radius: var(--r-md); background: var(--teal-tint); border-inline-start: 3px solid var(--teal); }
.hc-tldr__h { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-head); font-weight: var(--fw-medium); color: var(--teal-deep); }
.hc-tldr__h svg { width: 18px; height: 18px; }
.hc-tldr__b > * + * { margin-top: .6em; }
.entry .faq { margin-block: 1.6em; }
.entry .faq-item > div > * + * { margin-top: .6em; }
.hc-related-treatments { margin-block: 2.4em; }
.related-box { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 20px; padding: 22px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--canvas); }
.related-box strong { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h3); }
.related-box p { color: var(--muted); }
.entry .related-box .link-more { text-decoration: none; }
/* עמוד התשלום: שדות שלא נחוצים לרכישת חבילה דיגיטלית */
.hc :is(#billing_country_field, #billing_address_1_field, #billing_address_2_field, #billing_postcode_field, #billing_city_field, #billing_state_field) { display: none; }
.hc .woocommerce-checkout :is(.cart-subtotal, .woocommerce-billing-fields > h3, .return-to-shop) { display: none; }
.hc .woocommerce-privacy-policy-text, .hc .woocommerce-terms-and-conditions-checkbox-text { font-size: var(--fs-small); color: var(--muted); }
.hc :is(.woocommerce-privacy-policy-text, .woocommerce-terms-and-conditions-checkbox-text) a { color: var(--teal-deep); text-decoration: underline; }
.hc :is(.woocommerce-privacy-policy-text, .woocommerce-terms-and-conditions-checkbox-text) a:hover { color: var(--teal); }
.remove-from-checkout { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-inline-start: 6px; border-radius: var(--r-pill); color: var(--danger); vertical-align: middle; }
.remove-from-checkout:hover { background: var(--danger-soft); }
.remove-from-checkout svg { width: 16px; height: 16px; }

/* ===== אתר אחיד: מסכי התוסף (התחברות, הרשמה, הצטרפות, דשבורד, פרופיל, חיפוש, קרוסלה) =====
   הצבעים, הפונטים והרדיוסים מגיעים מהטוקנים דרך קובצי התוסף עצמם (tools/tokenize-plugin.js).
   כאן רק מה שטוקן לא מכסה: פונט הכותרות, וצורת הגלולה של כפתורים ושדות. שייך לשכבת ההתאמה, ולכן !important מותר. */
.hc :is([class^="hcus-"], [class*=" hcus-"], [class^="hc-profile"], [class*=" hc-profile"], [class^="hcs-"], [class*=" hcs-"], [class^="hctc"], [class*=" hctc"]) :is(h1, h2, h3, h4) { font-family: var(--font-head) !important; font-weight: var(--fw-head) !important; letter-spacing: -.01em; }
.hc :is([class^="hcus-"], [class*=" hcus-"], [class^="hc-"], [class*=" hc-"]):is(button, a):is([class*="-btn"], [class*="-button"], [class*="-submit"]) { border-radius: var(--r-pill) !important; font-family: var(--font-head) !important; font-weight: var(--fw-medium) !important; }
.hc :is([class^="hcus-"], [class*=" hcus-"]) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], input[type="number"], select) { border-radius: var(--r-pill) !important; font-family: var(--font-body) !important; }
.hc :is([class^="hcus-"], [class*=" hcus-"]) textarea { border-radius: var(--r-md) !important; font-family: var(--font-body) !important; }
.hc .page-native--app { background: var(--white); }
/* ליטוש אחרי הבדיקה הוויזואלית: פרופיל, חיפוש, קרוסלה */
.hc .hc-btn.hc-btn-secondary { background: var(--teal) !important; border-color: var(--teal) !important; color: var(--white) !important; }
.hc .hc-btn.hc-btn-secondary:hover { background: var(--teal-deep) !important; border-color: var(--teal-deep) !important; }
.hc .hctc-btn { border-radius: var(--r-pill) !important; font-family: var(--font-head) !important; font-weight: var(--fw-medium) !important; }
.hc .hc-user-related ul { display: flex !important; flex-wrap: wrap; gap: 8px; margin-top: 12px !important; line-height: var(--lh-snug) !important; }
.hc .hc-user-related a { display: inline-flex; padding: 8px 16px; border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--white); font-size: var(--fs-small); font-weight: var(--fw-medium); transition: border-color .25s var(--ease), color .25s var(--ease); }
.hc .hc-user-related a:hover { border-color: var(--teal); color: var(--teal-deep); }
.hc .hcs-card-photo-placeholder { position: relative; }
.hc .hcs-card-photo-placeholder::after { content: ''; position: absolute; inset: 30%; background: var(--aqua); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20.5c1-4 4.2-6 8-6s7 2 8 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20.5c1-4 4.2-6 8-6s7 2 8 6'/%3E%3C/svg%3E") center / contain no-repeat; }
/* הדר דביק: overflow-x:hidden על html או body הופך אותם למכולת גלילה ומבטל את ה-sticky. clip חותך גלישה לרוחב בלי לבטל. */
html, body.hc { overflow-x: clip !important; overflow-y: visible !important; }

/* ===== סבב QA של פאבל, 29-09 ===== */
/* רקע מתחת להדר הצף: זהה לרקע של המקטע הראשון בעמוד */
body.bg-white { background: var(--white); }
body.bg-canvas { background: var(--canvas); }
/* תפריט סוגי הטיפולים: כותרות הקטגוריות בולטות יותר */
.mega h4 { font-size: var(--fs-body); font-weight: var(--fw-head); color: var(--ink); margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.mega h4 a { display: block; padding: 0; font-size: inherit; font-weight: inherit; color: inherit; }
.mega h4 a:hover { color: var(--teal-deep); }
/* ראש כתבה מיושר לתחילת השורה, לא למרכז */
.article-head--start > * { max-width: var(--measure); }
.article-head--start .crumbs { max-width: none; }
/* תוכן עניינים לצד התוכן: 30% מול 70% */
.with-toc { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
.with-toc--none { grid-template-columns: minmax(0, 1fr); max-width: calc(var(--measure) + var(--gutter) * 2); margin-inline-start: 0; }
.article .with-toc--none, .with-toc--none { margin-inline: auto; }
.toc-side { position: sticky; top: calc(var(--hdr-h) + 28px); max-height: calc(100vh - var(--hdr-h) - 56px); overflow-y: auto; scrollbar-width: thin; }
.toc-side .toc { margin-bottom: 0; }
.toc-side .toc a[aria-current="true"] { color: var(--teal-deep); font-weight: var(--fw-semibold); }
.with-toc-main { min-width: 0; }
.with-toc-main > .share:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
/* ראש מקטע: כותרת בצד אחד וכפתור בצד השני, גם במובייל */
.sec-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: clamp(18px, 2.4vw, 28px); }
.sec-head :is(h2, h3) { font-size: var(--fs-entry-h2); min-width: 0; }
.sec-head .btn { flex: none; }
/* כתבה ראשית לרוחב מלא */
.feature { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(20px, 3.4vw, 48px); align-items: center; padding: clamp(12px, 1.6vw, 20px); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--white); }
.feature-m { display: block; aspect-ratio: 16 / 10; border-radius: var(--r-md); overflow: hidden; background: var(--teal-tint); }
.feature-m img { width: 100%; height: 100%; object-fit: cover; }
.feature-t { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding-inline-end: clamp(8px, 2vw, 28px); }
.feature-t h2 { font-size: var(--fs-h2); }
.feature-t h2 a:hover { color: var(--teal-deep); }
.feature-t p { color: var(--muted); font-size: var(--fs-lead); }
/* תמונה בכרטיס תמיד ממלאת את המסגרת */
.post-m img, .entry .post-m img, .pcard-m img, .entry .pcard-m img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.pcard-m { background: var(--white); }
.entry .post, .entry .post > * { margin-top: 0; }
.entry .post h3 { margin-top: 0; font-size: var(--fs-h3); }
.post { gap: 12px; }
/* שאלות ותשובות: החץ מצביע למטה, ובפתיחה למעלה */
.faq-item summary::after { border: 0; border-right: 2px solid var(--teal); border-bottom: 2px solid var(--teal); transform: translateY(-3px) rotate(45deg); }
.faq-item[open] summary::after { transform: translateY(2px) rotate(-135deg); }
/* רשימה שנפתחת בשלבים */
.links-grid li[hidden] { display: none; }
/* כפתור דביק בתחתית המסך */
.sticky-cta { position: fixed; z-index: 45; inset-block-end: 16px; inset-inline: 0; display: flex; justify-content: center; padding-inline: var(--gutter); pointer-events: none; opacity: 0; transform: translateY(16px); transition: opacity .3s var(--ease), transform .3s var(--ease); }
.sticky-cta[hidden] { display: none; }
.sticky-cta.is-on { opacity: 1; transform: none; }
.sticky-cta .btn { pointer-events: auto; box-shadow: var(--shadow-md); }
/* מוסדות לימוד: לוגו בלי רקע, פרטי קשר כתגיות */
.scard-m { background: transparent; border: 1px solid var(--line); }
.scard-more { color: var(--teal-deep); text-decoration: underline; white-space: nowrap; }
.scard .chip svg { width: 16px; height: 16px; color: var(--teal); }
.entry .scard .chip { text-decoration: none; color: var(--ink); }
/* קרוסלת המטפלים של התוסף: רשת של כרטיסים במקום שקופית אחת לרוחב מלא */
.hc .hctc-wrapper { position: static !important; padding: 0 !important; margin: 0 !important; max-width: none !important; }
.hc .hctc-arrow, .hc .hctc-dots { display: none !important; }
.hc .hctc-carousel { overflow: visible !important; }
.hc .hctc-track { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: var(--grid-gap) !important; transform: none !important; width: auto !important; transition: none !important; }
.hc .hctc-card { display: flex !important; flex-direction: column !important; gap: 12px !important; width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 20px !important; border: 1px solid var(--line) !important; border-radius: var(--r-md) !important; background: var(--white) !important; box-shadow: none !important; cursor: pointer; transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease) !important; }
.hc .hctc-card:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-md) !important; border-color: transparent !important; }
.hc .hctc-card-header { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; }
.hc .hctc-photo, .hc .hctc-photo-placeholder { width: 64px !important; height: 64px !important; flex: none !important; border-radius: var(--r-pill) !important; object-fit: cover !important; background: var(--teal-tint) !important; }
.hc .hctc-name { font-size: var(--fs-h3) !important; margin: 0 !important; color: var(--ink) !important; }
.hc .hctc-city { display: flex !important; align-items: center !important; gap: 4px !important; font-size: var(--fs-small) !important; color: var(--muted) !important; }
.hc .hctc-desc { flex: 1 !important; margin: 0 !important; font-size: var(--fs-small) !important; line-height: var(--lh-snug) !important; color: var(--muted) !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.hc .hctc-btn { width: 100% !important; min-height: 44px !important; margin-top: auto !important; padding: 8px 18px !important; border: 1.5px solid var(--teal) !important; background: transparent !important; color: var(--teal-deep) !important; font-size: var(--fs-small) !important; cursor: pointer; }
.hc .hctc-card:hover .hctc-btn, .hc .hctc-btn.hctc-btn-primary { background: var(--teal) !important; color: var(--white) !important; }
.hc .hctc-card-more { background: var(--teal-tint) !important; border-color: transparent !important; justify-content: center !important; }
.hc .hctc-more-content { display: flex !important; flex-direction: column !important; gap: 8px !important; height: 100% !important; text-align: start !important; }
.hc .hctc-more-label { font-size: var(--fs-small) !important; color: var(--teal-deep) !important; font-weight: var(--fw-semibold) !important; }
.hc .hctc-more-title { font-size: var(--fs-h3) !important; margin: 0 !important; color: var(--ink) !important; }
.hc .hctc-more-desc { font-size: var(--fs-small) !important; color: var(--muted) !important; margin: 0 !important; flex: 1 !important; }
.entry .hctc-wrapper { margin-block: 1.6em !important; }
.entry .hctc-card :is(h3, p) { margin-top: 0 !important; }
/* עמוד החיפוש: מטפל אחד בשורה */
.hc .hcs-results-list { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
.hc .hcs-therapist-card { display: grid !important; grid-template-columns: 168px minmax(0, 1fr) !important; grid-template-rows: auto 1fr !important; column-gap: 20px !important; row-gap: 8px !important; padding: 12px !important; height: auto !important; }
.hc .hcs-card-header { display: contents !important; }
.hc .hcs-card-photo, .hc .hcs-card-photo-placeholder { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 168px !important; height: 168px !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; object-position: center 20% !important; border-radius: var(--r-sm) !important; background: var(--teal-tint) !important; margin: 0 !important; }
.hc .hcs-card-info { grid-column: 2 !important; padding: 6px 0 0 !important; }
.hc .hcs-card-body { grid-column: 2 !important; display: block !important; padding: 0 0 6px !important; }
.hc .hcs-card-description { -webkit-line-clamp: 2 !important; }
.hc .hcs-filter-search { width: 100% !important; min-height: 48px !important; padding: 10px 18px !important; border: 1px solid var(--line) !important; border-radius: var(--r-pill) !important; background: var(--white) !important; box-shadow: none !important; outline: 0 !important; font-size: var(--fs-small) !important; color: var(--ink) !important; }
.hc .hcs-filter-search:focus { border-color: var(--teal) !important; box-shadow: 0 0 0 4px var(--focus-ring) !important; }
.hc .hcs-dropdown-list { border: 1px solid var(--line) !important; border-radius: var(--r-md) !important; box-shadow: var(--shadow-md) !important; overflow: hidden auto !important; }
@media (max-width: 1100px) {
  .hc .hctc-track { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  .with-toc { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .toc-side { position: sticky; z-index: 40; top: calc(var(--hdr-h) + 20px); max-height: none; overflow: visible; margin-inline: calc(var(--gutter) * -0.5); }
  .toc-side .toc { box-shadow: var(--shadow-sm); border: 1px solid var(--line); background: var(--white); }
  .toc-side .toc[open] ol { max-height: 50vh; overflow-y: auto; }
  .feature { grid-template-columns: minmax(0, 1fr); }
  .feature-t { padding: 0 8px 12px; }
}
@media (max-width: 600px) {
  .hc .hctc-track { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory; gap: 12px !important; padding-bottom: 8px !important; scrollbar-width: none; }
  .hc .hctc-card { flex: 0 0 82% !important; scroll-snap-align: start; }
  .hc .hcs-therapist-card { grid-template-columns: 96px minmax(0, 1fr) !important; column-gap: 12px !important; padding: 10px !important; }
  .hc .hcs-card-photo, .hc .hcs-card-photo-placeholder { width: 96px !important; height: 96px !important; grid-row: 1 !important; }
  .hc .hcs-card-body { grid-column: 1 / -1 !important; display: block !important; }
  .sticky-cta .btn { width: 100%; }
  .sec-head :is(h2, h3) { font-size: var(--fs-entry-h3); }
  .scard .chip { padding: 6px 12px; }
}

/* עמוד בפריסת מקטעים (הצטרפות) */
.term-hero-m--free { aspect-ratio: auto; background: transparent; border-radius: 0; overflow: visible; }
.term-hero-m--free img { width: 100%; height: auto; object-fit: contain; border-radius: 0; }
.page-native--sections .term-hero-t .entry { font-size: var(--fs-lead); color: var(--muted); }
.page-native--sections .term-hero-t .entry .entry-cta { margin-block: .6em 0; }
.page-native--sections .panel .head { margin-bottom: clamp(20px, 3vw, 32px); }
.page-native--sections .panel--tint .card { border-color: transparent; }
.page-native--sections .quotes .quote blockquote { font-size: var(--fs-body); }
.panel--dark.cta { gap: 16px; }
.panel--dark.cta .entry { display: flex; flex-direction: column; align-items: center; gap: 20px; color: var(--muted-inv); font-size: var(--fs-lead); }
.panel--dark.cta .entry > * { margin: 0; }
.panel--dark.cta .entry-cta { justify-content: center; }
.panel--dark.cta .entry-cta .btn { background: var(--white); color: var(--teal-ink); }
.panel--dark.cta .entry-cta .btn:hover { background: var(--aqua-soft); }
.panel--dark.cta .entry-cta .btn + .btn { background: transparent; color: var(--white); box-shadow: inset 0 0 0 1.5px var(--line-inv); }
.panel--dark.cta .entry-cta .btn + .btn:hover { background: var(--white-a10); }
/* מחשבונים */
.entry .calc { margin-block: 2em; }
.calc-box { display: flex; flex-direction: column; gap: 18px; padding: clamp(20px, 3vw, 36px); border-radius: var(--r-lg); background: var(--teal-tint); }
.calc-box > * { margin: 0; }
.entry .calc h2 { margin: 0; font-size: var(--fs-entry-h2); }
.entry .calc h3, .entry .calc h4 { margin: 0; }
.calc :is(.form-group, .input-group) { display: flex; flex-direction: column; gap: 6px; }
.calc .input-group { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; }
.calc .input-group > :is(input, select) { flex: 1 1 140px; }
.calc .input-group > .input-label { flex: 1 0 100%; }
.calc label, .calc .input-label { font-size: var(--fs-small); font-weight: var(--fw-medium); }
.calc small { font-size: var(--fs-tiny); color: var(--muted); }
.calc :is(input[type="number"], select) { width: 100%; min-height: 50px; padding: 10px 18px; border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--white); color: var(--ink); font: inherit; font-size: var(--fs-body); }
.calc :is(input[type="number"], select):focus { outline: 0; border-color: var(--teal); box-shadow: 0 0 0 4px var(--focus-ring); }
.calc .gender-group { display: flex; gap: 8px; }
.calc .gender-group label { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--white); cursor: pointer; }
.calc .gender-group label:has(input:checked) { border-color: var(--teal-ink); background: var(--teal-ink); color: var(--white); }
.calc .gender-group input { accent-color: var(--teal); }
.calc-to { flex: none; color: var(--teal); font-weight: var(--fw-semibold); }
.calc .calculate-btn { align-self: flex-start; min-height: 52px; padding-inline: 28px; border-radius: var(--r-pill); background: var(--teal); color: var(--white); font-family: var(--font-head); font-weight: var(--fw-medium); transition: background .3s var(--ease); }
.calc .calculate-btn:hover { background: var(--teal-deep); }
.calc-msg { padding: 12px 16px; border-radius: var(--r-sm); background: var(--danger-soft); color: var(--danger); font-size: var(--fs-small); }
.calc [hidden] { display: none; }
.calc :is(.bmi-result-box, .water-result-box, .result) { padding: 18px 20px; border-radius: var(--r-md); background: var(--white); text-align: center; }
.calc .result { display: flex; align-items: center; min-height: 56px; text-align: start; color: var(--muted); font-weight: var(--fw-medium); }
.calc :is(.bmi-value, .water-value) { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-entry-h2); color: var(--teal-deep); }
.calc .weight-range { margin-top: 6px; font-size: var(--fs-small); color: var(--muted); }
.calc .bmi-graph-container { margin-top: 44px; }
.calc .bmi-graph { position: relative; height: 16px; border-radius: var(--r-pill); background: linear-gradient(to left, var(--teal) 0 8%, var(--aqua) 8% 31%, var(--white) 31% 77%, var(--aqua-soft) 77% 100%); border: 1px solid var(--line); }
.calc .bmi-indicator { position: absolute; top: -48px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-pill); background: var(--teal-ink); color: var(--white); font-size: var(--fs-tiny); font-weight: var(--fw-semibold); transform: translateX(-50%); transition: left .5s var(--ease); }
.calc .bmi-labels { display: flex; justify-content: space-between; margin-top: 8px; font-size: var(--fs-tiny); color: var(--muted); }
.calc :is(.bmi-info, .water-info, .tips, .calorie-comparison) { padding: 20px 22px; border-radius: var(--r-md); background: var(--white); font-size: var(--fs-small); }
.calc :is(.bmi-info, .water-info, .tips) > * + * { margin-top: .8em; }
.calc :is(.bmi-info, .water-info, .tips) h3 { font-size: var(--fs-entry-h3); color: var(--teal-deep); }
.calc :is(.bmi-info, .water-info) h4 { font-size: var(--fs-body); margin-top: 1.2em; }
.calc .converter-section { display: flex; flex-direction: column; gap: 12px; padding: 20px 22px; border-radius: var(--r-md); background: var(--white); }
.calc .section-title { font-size: var(--fs-h3); }
.calc .converter-section .result { background: var(--teal-tint); }
.calc .results-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.calc .result-item { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 16px 10px; border-radius: var(--r-sm); background: var(--teal-tint); text-align: center; }
.calc .substitute-name { font-size: var(--fs-small); font-weight: var(--fw-medium); }
.calc .substitute-amount { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-entry-h2); color: var(--teal-deep); line-height: var(--lh-tight); }
.calc .substitute-unit { font-size: var(--fs-tiny); color: var(--muted); }
.calc .calorie-comparison { background: var(--cream); }
.calc .calorie-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.calc .calorie-item { padding: 14px; border-radius: var(--r-sm); background: var(--white); text-align: center; }
.calc .calorie-item .label { font-size: var(--fs-tiny); color: var(--muted); }
.calc .calorie-item .value { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-entry-h3); }
.calc [data-tone="brand"] { color: var(--teal-deep); }
/* עמוד החיפוש במובייל: כפתור הסינון */
.hc .hcs-mobile-filter-toggle { min-height: 48px !important; padding: 10px 24px !important; border: 0 !important; background: var(--teal-ink) !important; color: var(--white) !important; font-family: var(--font-head) !important; font-weight: var(--fw-medium) !important; box-shadow: var(--shadow-md) !important; }
@media (max-width: 600px) {
  .calc .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calc .calculate-btn { align-self: stretch; }
  .calc-to { transform: rotate(-90deg); flex: 1 0 100%; text-align: center; }
}

/* ===== סבב QA שני של פאבל, 29-09 ===== */
/* הניווט המהיר לא דביק, בשום רוחב מסך: הוא תפס יותר מדי מהמסך */
.toc-side { position: static; max-height: none; overflow: visible; }
/* כפתור דביק: בדסקטופ בצד ימין, במובייל לכל הרוחב עם הטקסט מימין והחץ משמאל */
.sticky-cta { justify-content: flex-start; }
/* שדה מייל: הטקסט צמוד לימין גם כשהשדה עצמו באנגלית */
.news input, .field input[dir="ltr"] { text-align: right; }
.news input::placeholder, .field input::placeholder { direction: rtl; text-align: right; }
/* קרוסלת המטפלים: גלילה לצדדים, כרטיסים ברוחב קבוע */
.hc .hctc-track { display: flex !important; grid-template-columns: none !important; overflow-x: auto !important; scroll-snap-type: x proximity; gap: var(--grid-gap) !important; padding-block: 4px 12px !important; scrollbar-width: thin; }
.hc .hctc-card { flex: 0 0 min(300px, 82%) !important; scroll-snap-align: start; }
.hc .hctc-card-header { align-items: flex-start !important; }
.hc .hctc-info { min-width: 0 !important; }
.hc .hctc-name { overflow-wrap: anywhere; }
/* כפתורי "העתקה" שתוסף copy-the-code מוסיף לכל בלוק קוד בתוכן */
.hc :is(.copy-the-code-button, .copy-the-code-wrap > button, .ctc-inline-copy, .copy-the-code-inside-wrap > button) { display: none !important; }
.entry pre { padding: 14px 18px; border-radius: var(--r-sm); background: var(--teal-tint); overflow-x: auto; direction: ltr; text-align: left; font-size: var(--fs-small); }
/* תפריט סוגי הטיפולים נפתח בלחיצה (מובייל ומקלדת) */
.has-mega.open .mega { opacity: 1; visibility: visible; transform: none; }
.has-mega > button svg { transition: transform .3s var(--ease); }
.has-mega.open > button svg { transform: rotate(180deg); }
/* טעינת כתבות נוספות */
.load-more { display: flex; justify-content: center; margin-top: var(--head-gap); }
.load-more[hidden] { display: none; }
.load-more .btn[aria-busy="true"] { opacity: .6; cursor: progress; }
/* יצירת קשר: פרטים בצד, טופס במרכז */
.contact-cards { display: grid; gap: 10px; }
.entry .contact-list li { margin: 0; }
.entry .contact-list a { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); color: var(--ink); text-decoration: none; font-weight: var(--fw-medium); overflow-wrap: anywhere; }
.entry .contact-list a:hover { border-color: var(--teal); color: var(--teal-deep); }
.page-native--contact .with-side { grid-template-columns: minmax(0, 1fr) minmax(0, 400px); }
.page-native--contact .lead { margin-top: 0; }
.page-native--contact .side { background: var(--teal-tint); }
.page-native--contact .side .entry > * + * { margin-top: .8em; }
.page-native--contact .side .entry h4 { margin-top: 1.2em; }
/* אודות: מספרים וקישורים לאזורי האתר */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--grid-gap); }
.stat { display: flex; flex-direction: column; gap: 4px; padding: clamp(18px, 2.4vw, 28px); border-radius: var(--r-md); background: var(--white); }
.stat b { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h2); line-height: var(--lh-tight); color: var(--teal-deep); }
.stat span { font-size: var(--fs-small); color: var(--muted); }
.tiles--site { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--grid-gap); }
.tiles--site .tile { display: flex; flex-direction: column; gap: 8px; padding: 22px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--white); transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease); }
.tiles--site .tile:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: transparent; }
.tiles--site .tile svg { width: 32px; height: 32px; color: var(--teal); }
.tiles--site .tile strong { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h3); }
.tiles--site .tile span { font-size: var(--fs-small); color: var(--muted); line-height: var(--lh-snug); }
.page-native--sections .term-hero-m:not(.term-hero-m--free) img { aspect-ratio: 4 / 3; }
@media (max-width: 900px) {
  .toc-side { position: static; margin-inline: 0; }
  .toc-side .toc { box-shadow: none; border: 0; background: var(--teal-tint); }
  .nav.open .has-mega { display: flex; flex-direction: column; }
  .nav.open .has-mega > button { justify-content: space-between; width: 100%; }
  .nav.open .has-mega .mega { display: none; }
  .nav.open .has-mega.open .mega { display: grid; position: static; width: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 6px; padding: 16px; border: 0; border-radius: var(--r-sm); background: var(--canvas); box-shadow: none; opacity: 1; visibility: visible; transform: none; max-height: 56vh; overflow-y: auto; }
  .nav.open { max-height: calc(100vh - var(--hdr-h) - 40px); overflow-y: auto; }
  .page-native--contact .with-side { grid-template-columns: minmax(0, 1fr); }
  .stats, .tiles--site { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  /* כפתורים במובייל: מקצה לקצה. בכפתור עם חץ הטקסט בצד ימין והחץ בצד שמאל */
  :is(.hero-pane .chips, .term-hero-t, .entry-cta, .cta .chips, .lead-foot, .deal .entry-cta) > .btn, .term-hero-t > .btn, .sticky-cta .btn { width: 100%; }
  .hero-pane .chips:has(> .btn), .cta .chips { width: 100%; flex-direction: column; }
  /* רשימת הטיפולים הנפוצים בהירו: שורה אחת שנגללת לצדדים */
  .hero-pane .chips:not(:has(> .btn)) { flex-wrap: nowrap; justify-content: flex-start; width: calc(100% + var(--gutter) * 2); margin-inline: calc(var(--gutter) * -1); padding-inline: 0; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
  .hero-pane .chips:not(:has(> .btn))::-webkit-scrollbar { display: none; }
  .hero-pane .chips:not(:has(> .btn)) .chip { flex: none; scroll-snap-align: start; }
  .hero-pane .chips:not(:has(> .btn)) { scroll-padding-inline: var(--gutter); }
  .hero-pane .chips:not(:has(> .btn))::before, .hero-pane .chips:not(:has(> .btn))::after { content: ''; flex: 0 0 calc(var(--gutter) - 8px); }
  .btn:has(.bub) { justify-content: space-between; }
  .sticky-cta { justify-content: stretch; }
  .nav.open .has-mega.open .mega { grid-template-columns: minmax(0, 1fr); }
}
.hc main [class*="ctc-copy"] { display: none !important; }
.news input:placeholder-shown, .field input[dir="ltr"]:placeholder-shown { direction: rtl; text-align: right; }

/* ===== סבב QA שלישי של פאבל, 29-09 ===== */
/* הניווט המהיר דביק רק בדסקטופ */
@media (min-width: 901px) {
  .toc-side { position: sticky; top: calc(var(--hdr-h) + 28px); max-height: calc(100vh - var(--hdr-h) - 56px); overflow-y: auto; scrollbar-width: thin; }
}
/* הירו: מעבר בין הלשוניות בלי קפיצה. שתי הלשוניות יושבות באותו תא, והגובה נקבע לפי הגבוהה מביניהן */
.hero-in { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; align-content: start; }
.hero-pane { grid-column: 1; grid-row: 2; }
.hero-pane[hidden] { display: flex; visibility: hidden; pointer-events: none; }
/* מתג הקהל בהירו: עדין, כדי שלא יתחרה בכפתור החיפוש */
.seg button[aria-selected="true"] { background: var(--aqua-soft); color: var(--teal-ink); }
/* התמונות בהירו מתחלפות */
.hero-faces img { transition: opacity .6s var(--ease); }
.hero-faces img.is-out { opacity: 0; }
/* קרוסלת מטפלים: חצים מתחת לרשימה, בלי פס גלילה */
.hc .hctc-track { scrollbar-width: none; padding-bottom: 4px !important; }
.hc .hctc-track::-webkit-scrollbar { display: none; }
.car-nav { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.car-nav button { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-pill); border: 1px solid var(--line); background: var(--white); color: var(--teal-ink); transition: background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), opacity .25s var(--ease); }
.car-nav button:hover:not([disabled]) { background: var(--teal-ink); border-color: var(--teal-ink); color: var(--white); }
.car-nav button[disabled] { opacity: .35; cursor: default; }
.car-nav svg { width: 18px; height: 18px; }
.car-nav [data-dir="prev"] svg { transform: scaleX(-1); }
.car-nav[hidden] { display: none; }
/* מוסדות לימוד: לוגו בלי מסגרת */
.scard-m { border: 0; }
/* שדה חובה */
.req { color: var(--danger); margin-inline-start: 2px; }
/* עמודי טיפול לפי עיר: שאלות נפוצות כאקורדיון */
.hc .treatment .hc-lp-faq-list { display: flex !important; flex-direction: column; gap: 10px; padding: 0 !important; border: 0 !important; background: transparent !important; }
.hc .treatment .hc-lp-faq-wrap, .hc .treatment .hc-lp-faq { padding-inline: 0 !important; }
.treatment .faq-item > div p { margin: 0; }
/* כרטיס בקרוסלה: ארבעה נכנסים בדיוק ברוחב מלא; בטור צר הרוחב המינימלי נשמר והרשימה נגללת */
.hc .hctc-card { flex: 0 0 max(264px, calc((100% - 3 * var(--grid-gap)) / 4)) !important; }
@media (max-width: 600px) { .hc .hctc-card { flex: 0 0 82% !important; } }
.hc .hc-checkout-optin { margin-block: 0 12px; font-size: var(--fs-small); color: var(--muted); }

/* ---------- עמוד ההצטרפות (/join/): עמוד מוצר עם המחשות של הממשק. inc/join.php ---------- */
.join-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(32px, 5vw, 80px); align-items: center; padding-block: clamp(40px, 6vw, 88px) clamp(32px, 4vw, 56px); }
.join-hero-t { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.join-hero-t h1 { font-size: var(--fs-h1); }
.join-lead { font-size: var(--fs-lead); color: var(--muted); max-width: 56ch; }
.join-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; margin-top: 6px; }
.join-trust { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-small); font-weight: var(--fw-medium); color: var(--teal-ink); }
.join-trust svg { width: 20px; height: 20px; color: var(--teal); flex: none; }
.join-login { font-size: var(--fs-small); color: var(--muted); }
.join-login a { color: var(--teal-deep); font-weight: var(--fw-medium); border-bottom: 1.5px solid currentColor; }

.join-band { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px clamp(28px, 5vw, 72px); padding-block: clamp(20px, 3vw, 32px); border-block: 1px solid var(--line); }
.join-faces { display: flex; }
.join-faces img { width: 48px; height: 48px; border-radius: var(--r-pill); object-fit: cover; border: 3px solid var(--white); margin-inline-start: -14px; }
.join-faces img:first-child { margin-inline-start: 0; }
.join-num { display: flex; align-items: baseline; gap: 10px; }
.join-num b { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-entry-h2); color: var(--teal-deep); }
.join-num span { font-size: var(--fs-small); color: var(--muted); }

.join-sec { padding-block: calc(var(--section) / 2); }
.join-sec--canvas { background: var(--canvas); }
.join-sec .head--center { margin-bottom: clamp(16px, 3vw, 32px); }
.join-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 96px); align-items: center; padding-block: clamp(24px, 4vw, 56px); }
.join-row--flip .join-copy { order: 2; }
.join-copy { display: flex; flex-direction: column; gap: 16px; }
.join-copy h2 { font-size: var(--fs-h2); }
.join-copy h3 { font-size: var(--fs-entry-h2); }
.join-copy > p:not(.join-lead):not(.join-note) { font-size: var(--fs-lead); color: var(--muted); max-width: 52ch; }
.join-note { font-size: var(--fs-tiny); color: var(--muted); }
.join-note--center { text-align: center; margin-top: var(--grid-gap); font-size: var(--fs-small); }
.join-points { display: flex; flex-direction: column; gap: 18px; margin-top: 8px; }
.join-points li { display: flex; gap: 14px; align-items: flex-start; }
.join-points svg { flex: none; width: 44px; height: 44px; padding: 11px; border-radius: var(--r-sm); background: var(--teal-tint); color: var(--teal); }
.join-points b { display: block; font-family: var(--font-head); font-weight: var(--fw-medium); }
.join-points span { color: var(--muted); font-size: var(--fs-small); }

.join-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); margin: 0; padding: 0; list-style: none; counter-reset: none; }
.join-steps li { display: flex; flex-direction: column; gap: 10px; padding: clamp(22px, 2.4vw, 32px); border-radius: var(--r-md); background: var(--white); }
.join-step-n { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-pill); background: var(--teal-ink); color: var(--white); font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-h3); margin-bottom: 6px; }
.join-steps h3 { font-size: var(--fs-h3); }
.join-steps p { color: var(--muted); }
.join-sec .panel .center { margin-top: var(--grid-gap); }

.join-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); align-items: stretch; }
.join-plan { display: flex; flex-direction: column; gap: 16px; padding: clamp(24px, 2.6vw, 36px); border-radius: var(--r-md); background: var(--white); border: 1px solid var(--line); }
.join-plan--mid { border-color: var(--teal); box-shadow: var(--shadow-sm); }
.join-plan h3 { font-size: var(--fs-h3); }
.join-price { display: flex; align-items: baseline; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.join-price b { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h2); line-height: var(--lh-tight); color: var(--teal-ink); }
.join-price span { font-size: var(--fs-small); color: var(--muted); }
.join-plan ul { display: flex; flex-direction: column; gap: 10px; }
.join-plan li { display: flex; gap: 10px; align-items: flex-start; font-size: var(--fs-small); }
.join-plan li svg { flex: none; width: 20px; height: 20px; color: var(--teal); }

/* חוות הדעת: שורה שנגללת לצדדים, עם חצים (main.js, data-car) */
.join-quotes .entry .quotes { display: flex; grid-template-columns: none; gap: var(--grid-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0; padding-block: 4px; }
.join-quotes .entry .quotes::-webkit-scrollbar { display: none; }
.join-quotes .entry .quotes .quote { flex: 0 0 max(280px, calc((100% - 2 * var(--grid-gap)) / 3)); scroll-snap-align: start; margin: 0; }

/* המחשות */
.join-mock { min-width: 0; }
.mk-stage { position: relative; display: flex; flex-direction: column; gap: 12px; padding: clamp(20px, 3vw, 40px); border-radius: var(--r-lg); background: var(--teal-tint); }
.join-sec--canvas .mk-stage { background: var(--aqua-soft); }
.mk-stage--hero { padding: clamp(28px, 4vw, 56px) clamp(20px, 3vw, 48px) clamp(56px, 6vw, 80px); }
.mk { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: clamp(16px, 2vw, 24px); border-radius: var(--r-md); background: var(--white); box-shadow: var(--shadow-sm); font-size: var(--fs-small); line-height: var(--lh-snug); }
.mk-row { display: flex; align-items: center; gap: 12px; width: 100%; flex-direction: row; }
.mk-row--tight { gap: 8px; }
.mk-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mk-id b { font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-body); }
.mk-id span, .mk-dim { font-size: var(--fs-tiny); color: var(--muted); }
.mk-h { font-family: var(--font-head); font-weight: var(--fw-medium); }
.mk-avatar { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: var(--r-pill); background: var(--aqua-soft); color: var(--teal); }
.mk-avatar svg { width: 26px; height: 26px; }
.mk-avatar--dim { width: 40px; height: 40px; background: var(--ink-a06); }
.mk-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: var(--r-pill); background: var(--ok-soft); color: var(--ok-ink); font-size: var(--fs-tiny); font-weight: var(--fw-medium); }
.mk-badge svg { width: 15px; height: 15px; }
.mk-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mk-chips > span { padding: 5px 12px; border-radius: var(--r-pill); background: var(--teal-tint); color: var(--teal-ink); font-size: var(--fs-tiny); font-weight: var(--fw-medium); }
.mk-chips > .mk-add { background: transparent; box-shadow: inset 0 0 0 1.5px var(--teal); color: var(--teal-deep); }
.mk-lines { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.mk-line { display: block; height: 8px; border-radius: var(--r-pill); background: var(--ink-a06); }
.mk-line--100 { width: 100%; } .mk-line--96 { width: 96%; } .mk-line--92 { width: 92%; } .mk-line--84 { width: 84%; } .mk-line--76 { width: 76%; } .mk-line--72 { width: 72%; } .mk-line--64 { width: 64%; } .mk-line--58 { width: 58%; } .mk-line--52 { width: 52%; } .mk-line--46 { width: 46%; } .mk-line--40 { width: 40%; }
.mk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding-inline: 22px; border-radius: var(--r-pill); background: var(--teal); color: var(--white); font-family: var(--font-head); font-weight: var(--fw-medium); }
.mk-btn svg { width: 16px; height: 16px; }
.mk-btn--sm { min-height: 36px; padding-inline: 16px; font-size: var(--fs-tiny); }
.mk-btn--ghost { background: transparent; color: var(--teal-deep); box-shadow: inset 0 0 0 1.5px var(--teal); }
.mk-ico { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1.5px var(--line); color: var(--teal-deep); }
.mk-ico svg { width: 19px; height: 19px; }
.mk-ico--fill { background: var(--teal-tint); box-shadow: none; }
.mk-ico--solid { background: var(--teal); color: var(--white); box-shadow: none; }
.mk-ico--ok { background: var(--ok-soft); color: var(--ok-ink); box-shadow: none; }
.mk-float { position: absolute; z-index: 1; flex-direction: row; align-items: center; gap: 12px; padding: 12px 18px 12px 14px; box-shadow: var(--shadow-md); width: auto; }
.mk-float--a { inset-block-start: 18px; inset-inline-end: 12px; }
.mk-float--b { inset-block-end: 18px; inset-inline-start: 12px; }
.mk-float--c { position: relative; align-self: flex-end; margin-top: -28px; margin-inline-end: clamp(8px, 2vw, 24px); width: auto; }
.mk-float--c:not(.mk-row) { flex-direction: column; align-items: stretch; gap: 8px; min-width: min(280px, 80%); }
.mk-float--b b { font-size: var(--fs-h3); color: var(--teal-deep); }
.mk-search { flex-direction: row; align-items: center; gap: 8px; padding: 8px; border-radius: var(--r-pill); }
.mk-field { flex: 1; display: inline-flex; align-items: center; gap: 8px; min-width: 0; padding: 9px 14px; border-radius: var(--r-pill); background: var(--canvas); font-weight: var(--fw-medium); white-space: nowrap; }
.mk-field svg { width: 17px; height: 17px; color: var(--teal); flex: none; }
.mk-result { flex-direction: row; align-items: center; gap: 12px; padding: 14px 16px; box-shadow: none; }
.mk-result--you { box-shadow: 0 0 0 2px var(--teal), var(--shadow-md); }
.mk-result--you .mk-avatar { width: 46px; height: 46px; }
.mk-result--you .mk-id { flex: 1; }
.mk-result .mk-lines { flex: 1; }
.mk-price { display: flex; justify-content: space-between; gap: 16px; width: 100%; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.mk-price:last-child { padding-bottom: 0; border-bottom: 0; }
.mk-price span { color: var(--muted); }
.mk-price b { font-weight: var(--fw-semibold); white-space: nowrap; }
.mk-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; width: 100%; }
.mk-thumbs i { display: block; aspect-ratio: 1; border-radius: var(--r-sm); background: var(--aqua-soft); }
.mk-thumbs i:nth-child(even) { background: var(--cream); }
.mk-rating { flex-direction: row; align-items: center; gap: 16px; }
.mk-big { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h2); line-height: var(--lh-tight); color: var(--teal-ink); }
.mk-id .stars { color: var(--star); }
.mk-review { box-shadow: none; }
.mk .stars svg { width: 16px; height: 16px; }
.mk-form { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px 16px; align-items: center; width: 100%; padding-top: 14px; border-top: 1px solid var(--line); }
.mk-form > span:nth-child(odd) { color: var(--muted); font-size: var(--fs-tiny); }
.mk-form--fields { border-top: 0; padding-top: 0; }
.mk-input { padding: 9px 14px; border-radius: var(--r-sm); box-shadow: inset 0 0 0 1px var(--line); font-weight: var(--fw-medium); }
.mk-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; }
.mk-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 14px; border-radius: var(--r-sm); background: var(--canvas); }
.mk-stat svg { width: 20px; height: 20px; color: var(--teal); margin-bottom: 6px; }
.mk-stat b { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-entry-h2); line-height: var(--lh-tight); color: var(--teal-ink); }
.mk-stat span { font-size: var(--fs-tiny); color: var(--muted); }
.mk-bars { display: flex; align-items: flex-end; gap: 6px; width: 100%; height: 110px; padding-top: 8px; }
.mk-bar { flex: 1; border-radius: 6px 6px 2px 2px; background: var(--aqua); }
.mk-bar:nth-last-child(-n+2) { background: var(--teal); }
.mk-bar--3 { height: 30%; } .mk-bar--4 { height: 40%; } .mk-bar--5 { height: 50%; } .mk-bar--6 { height: 60%; } .mk-bar--7 { height: 70%; } .mk-bar--8 { height: 80%; } .mk-bar--9 { height: 90%; } .mk-bar--10 { height: 100%; }
@media (prefers-reduced-motion: no-preference) {
  .mk-float--a { animation: mk-bob 6s ease-in-out infinite; }
  .mk-float--b { animation: mk-bob 6s ease-in-out -3s infinite; }
}
@keyframes mk-bob { 50% { transform: translateY(-8px); } }

@media (max-width: 900px) {
  .join-hero, .join-row { grid-template-columns: minmax(0, 1fr); }
  .join-row--flip .join-copy { order: 0; }
  .join-steps, .join-plans { grid-template-columns: minmax(0, 1fr); }
  .join-hero-t h1 { font-size: var(--fs-h1); }
  .join-quotes .entry .quotes .quote { flex-basis: 84%; }
  .join-band { justify-content: flex-start; }
  .join-actions .btn { width: 100%; }
  .mk-stage--hero { padding-top: 92px; }
  .mk-float--a { inset-block-start: 14px; }
}

/* ---------- סבב 5 (30-09): קו הדגשה שנמשך, כפתורי ההדר בתוך התפריט במובייל, כרטיס מוסד לימוד ---------- */
.hl--draw { background-repeat: no-repeat; background-position: 100% 0; background-size: 0% 100%; transition: background-size 1s var(--ease) .15s; }
.hl--draw.is-in { background-size: 100% 100%; }
@media (prefers-reduced-motion: reduce) { .hl--draw { background-size: 100% 100%; transition: none; } }
.join-hl { color: var(--ink); font-weight: var(--fw-medium); }

.nav-cta { display: none; }
@media (max-width: 900px) {
  .hdr-cta .btn { display: none; }
  .nav.open .nav-cta { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--line); }
  .nav.open .nav-cta .btn { width: 100%; justify-content: space-between; padding: 6px 6px 6px 22px; padding-inline: 22px 6px; font-size: var(--fs-body); border-radius: var(--r-pill); }
  .nav.open .nav-cta .btn--plain { justify-content: center; padding-inline: 22px; }
  .nav.open .nav-cta .btn:hover { background: var(--teal-deep); }
  .nav.open .nav-cta .btn--ghost:hover { background: var(--teal-tint); }
}

.scard, .entry .scard { display: flex; flex-direction: column; gap: 16px; padding: clamp(18px, 2vw, 26px); }
.scard-h { display: flex; align-items: center; gap: 16px; }
.scard-h > div:last-child { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.scard .scard-m { flex: none; width: 84px; max-width: none; aspect-ratio: 1 / 1; border: 0; border-radius: var(--r-sm); background: transparent; }
.scard .scard-m--icon { display: grid; place-items: center; background: var(--teal-tint); color: var(--teal); }
.scard-m--icon svg { width: 38px; height: 38px; }
.scard h3, .entry .scard h3 { font-size: var(--fs-h3); color: var(--ink); margin: 0; }
.scard .tmeta { color: var(--ink); }
.scard .tmeta svg { color: var(--teal); }
.scard-d, .entry .scard .scard-d { margin: 0; font-size: var(--fs-small); color: var(--muted); }
.scard-g, .entry .scard .scard-g { display: flex; flex-direction: column; gap: 10px; margin: 0; padding-top: 14px; border-top: 1px solid var(--line); }
.scard-l { display: flex; align-items: center; gap: 8px; font-family: var(--font-head); font-weight: var(--fw-medium); font-size: var(--fs-small); color: var(--ink); }
.scard-l svg { width: 18px; height: 18px; color: var(--teal); flex: none; }
.scard-tags, .entry .scard-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.scard-tags li, .entry .scard-tags li { margin: 0; padding: 5px 12px; border-radius: var(--r-pill); background: var(--canvas); color: var(--ink); font-size: var(--fs-tiny); font-weight: var(--fw-medium); line-height: var(--lh-snug); }
.scard-tags li[hidden] { display: none; }
.scard-tags--ok li, .entry .scard-tags--ok li { background: var(--ok-soft); color: var(--ok-ink); }
.scard-tags .scard-tag-more, .entry .scard-tags .scard-tag-more { padding: 0; background: none; }
.scard-tag-more button { padding: 5px 12px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1.5px var(--teal); color: var(--teal-deep); font-size: var(--fs-tiny); font-weight: var(--fw-medium); }
.scard-tag-more button:hover { background: var(--teal-tint); }
.scard .entry-cta, .entry .scard .entry-cta { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line); }
@media (max-width: 600px) {
  .scard .scard-m { width: 64px; }
}

/* ---------- סבב 6 (30-09): יותר רווח בין כרטיסי המכללות ---------- */
.scards { gap: clamp(24px, 3vw, 40px); }

/* ---------- סבב 7 (30-09): סינון בחלונית בעמוד המכללות ---------- */
.sfilter { margin-bottom: var(--grid-gap); }
.sfilter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.sfilter-bar .btn { gap: 10px; }
.sfilter-bar .btn svg { width: 18px; height: 18px; }
.sfilter-n { display: grid; place-items: center; min-width: 22px; height: 22px; padding-inline: 6px; border-radius: var(--r-pill); background: var(--teal); color: var(--white); font-size: var(--fs-tiny); font-weight: var(--fw-medium); }
.sfilter-n[hidden], .sfilter-clear[hidden], .sfilter-on[hidden], .sfilter-empty[hidden] { display: none; }
.sfilter-count { font-size: var(--fs-small); color: var(--muted); }
.sfilter-clear { font-size: var(--fs-small); font-weight: var(--fw-medium); color: var(--teal-deep); border-bottom: 1.5px solid currentColor; }
.sfilter-on { margin: 14px 0 0; }
.sfilter-on .chip { padding: 6px 14px; background: var(--teal-tint); border-color: transparent; color: var(--teal-ink); }
.sfilter-empty, .entry .sfilter-empty { margin: 0; padding: 28px; border-radius: var(--r-md); background: var(--canvas); text-align: center; color: var(--muted); }
.sfilter-dlg { width: min(680px, calc(100vw - 32px)); max-height: min(720px, calc(100vh - 48px)); padding: 0; border: 0; border-radius: var(--r-lg); background: var(--white); color: var(--ink); box-shadow: var(--shadow-md); overflow: hidden; }
.sfilter-dlg::backdrop { background: var(--ink-scrim); }
.sfilter-dlg[open] { display: flex; }
.sfilter-dlg form { display: flex; flex-direction: column; width: 100%; min-height: 0; margin: 0; }
.sfilter-dlg header, .sfilter-dlg footer { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px clamp(18px, 3vw, 28px); }
.sfilter-dlg header { border-bottom: 1px solid var(--line); }
.sfilter-dlg header strong { font-family: var(--font-head); font-weight: var(--fw-head); font-size: var(--fs-h3); }
.sfilter-dlg footer { border-top: 1px solid var(--line); }
.sfilter-x { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-pill); background: var(--ink-a06); }
.sfilter-x svg { width: 18px; height: 18px; }
.sfilter-body { flex: 1; min-height: 0; overflow-y: auto; padding: 8px clamp(18px, 3vw, 28px) 24px; }
.sfilter-dlg fieldset { margin: 0; padding: 18px 0 0; border: 0; min-width: 0; }
.sfilter-dlg legend { padding: 0; margin-bottom: 12px; font-family: var(--font-head); font-weight: var(--fw-medium); }
.sfilter-dlg .chips, .entry .sfilter-dlg .chips { margin: 0; }
.scard[hidden], .entry .scard[hidden] { display: none; }
.sfilter-dlg .chip { transition: none; }
.sfilter-dlg .chip { cursor: pointer; }
.sfilter-dlg .chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sfilter-dlg .chip:has(input:checked) { background: var(--teal-ink); border-color: var(--teal-ink); color: var(--white); }
.sfilter-dlg .chip:has(input:focus-visible) { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.entry .sfilter .btn { text-decoration: none; }
.entry .sfilter .btn--ghost { color: var(--teal-deep); }
.entry .sfilter .btn:not(.btn--ghost) { color: var(--white); }
@media (max-width: 600px) {
  .sfilter-dlg { width: 100vw; max-width: 100vw; max-height: 86vh; margin: auto 0 0; border-radius: var(--r-lg) var(--r-lg) 0 0; }
  .sfilter-dlg footer .btn { flex: 1; }
}

/* ---------- 30-09: כרטיס תוצאת חיפוש. התמונה נפרשת על שתי שורות, והגובה העודף הולך לשורת הביו ולא נפתח כרווח מעליה ---------- */
@media (min-width: 601px) {
  .hc .hcs-therapist-card, .hc .hcs-card { grid-template-rows: auto 1fr !important; align-items: start !important; }
  .hc .hcs-card-body { align-self: start !important; padding-top: 8px !important; }
}