/* site.css · מירון סלמן. נטען אחרי elementor-frontend.
   0. בסיס: ms-sr-only
   1. קרוסלות (היה ב-<style> של Custom Code 10671)
   2. הדר בין 1025 ל-1279 (היה ב-Custom CSS של תבנית ההדר 10400)
   3. תפריט מובייל (#ms-mobile-menu, נבנה ב-site.js). לפי פיגמה 127:53 "01 · מצב · תפריט פתוח" (390x844).
   4. וידאו ההירו (היה ב-<style> של Custom Code 10681)
   5. פס תחתון במובייל (#ms-abar, נבנה ב-site.js). מעטפת לפי 207:8, כפתורים לפי 929:3897 "New Mobile CTA Footer" (05.11).
   6. תפריט נפתח בדסקטופ (.ms-dd, נבנה ב-site.js חלק 5א). לפי פיגמה 760:3468 / 760:3498 והחץ 760:2698.
   7. הדר נעוץ (sticky) והכיווץ מ-100 ל-72 בגלילה (ההחלטות 17.10 ו-19.10). המצב מ-site.js חלק 10.
   8. שדות הטופס (.ms-field בתוך .ms-form): פוקוס, תווית צפה ושגיאה. המצב מ-site.js חלק 11.
   9. מאמרים, ארכיון (C2 10935): האפשרות הפעילה בסינון לפי הקטגוריה, והמדריכים מוסתרים בנדל"ן.
   10. סבב 4 (05.11): המפה (#ms-map) בלי ריפוד, ה-H2 של 07 ברוחב העמודה, אזור לחיצה לקישורי מייל בגוף טקסט.
   11. סבב 10ב (05.11): אזור לחיצה 44 במובייל (::before שקוף), והצללה מתחת לתווית בכרטיסי מרכז הידע.
   12-13. סבבים 12 ו-14 (05.11).
   14. חלון קריאה להמלצות ארוכות (.ms-reader, site.js חלק 15), פיגמה 899:564. 14א-ב: ציטוט בטאבלט, מקום לפס.
   15. הירו טל במובייל (05.11): הגדלת הצילום והחותמת, עד 767, 10374 בלבד.
   16. בורר התחומים בהירו (05.11, site.js חלק 16).
   17. כניסת ההירו ומעבר view transition בין הבתים (05.11, 10374 ו-10734). הפיצול לשורות ב-functions.php.
   18. סבב תיקונים מהבדיקה הכוללת (06.11).
   19. תנועה עדינה: כניסה בגלילה (site.js חלק 20), hover לכפתורים, לחיצים ולכרטיסי קו (06.11, 1.0.24).
   30. תנועה אחידה (08.11, 1.0.54): --ms-ease ו---ms-dur-* ב-:root, אקורדיון התמונות, אקורדיוני גובה, חלונות, מסילות.
   33. ראש דף פנימי עד 1024: בלי פירורי לחם ובלי בורר תחומים (09.11, 1.0.58). */

/* 0. בסיס
   הערה: scrollbar-gutter: stable על html נבדק ונפסל (04.11): ב-Chrome הוא מקטין את 100vw ברוחב הפס (1100 ל-1085),
   ולכן --ms-page-x משתנה ב-1.1px והדף כולו זז (17px בגובה ב-1100). במקומו, site.js (חלק 5) מוסיף ל-html
   ריפוד ברוחב פס הגלילה בזמן שהתפריט נועל את הגלילה, כך שההדר לא קופץ. */
.ms-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 1. קרוסלות: המלצות (S10) ומרכז ידע (S08) */
.elementor .ms-testi-controls .ms-progress::after { width: var(--ms-progress, 33.333%); }
/* 06.11: מונה ההמלצות "01 / 19" ברוחב של הפיגמה (44 ב-1440, 39 ב-390; בפיגמה Discovery_Fs רחב מעט מהפונט באתר).
   הטקסט צמוד לימין, לקצה החיצוני של השורה (קצה העמודה/הגריד) בשני הרוחבים. כך קו ההתקדמות במובייל 255 (310 פחות 16 פחות 39). */
.elementor .ms-testi-controls .ms-counter { min-width: 44px; flex-shrink: 0; text-align: right; white-space: nowrap; }
@media (max-width: 767px) {
  .elementor .ms-testi-controls .ms-counter { min-width: 39px; }
}
.elementor .ms-testi-controls .ms-arrow-btn[aria-disabled="true"],
.elementor .ms-learn-controls .ms-arrow-btn[aria-disabled="true"] { opacity: .32; cursor: default; }
.elementor .ms-testi-controls .ms-arrow-btn[aria-disabled="false"],
.elementor .ms-learn-controls .ms-arrow-btn[aria-disabled="false"] { opacity: 1; }
.elementor .ms-learn-col .ms-carousel:focus-visible { outline: 1px solid var(--ms-ink); outline-offset: 4px; }
/* 04.11: המסילה של "בתקשורת" בעמודים הפנימיים (site.js חלק 1, הגדרה שלישית).
   סבב 3: גם מסילת ההמלצות (בבית ובמרתון 4367098c / 703e2cb1) ב-2px והיסט 3, כמו שאר הפוקוס באתר. */
.elementor .ms-testi-rail:focus-visible,
.elementor .ms-press-rail-scroll:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }

/* 2. הדר: בין 1025 ל-1279 התפריט לא נכנס, ובמקומו מוצג כפתור התפריט.
   ‏.elementor בתחילת הסלקטור: כדי לגבור על ‎.elementor .ms-menu-btn { display: none } של המחלקה הגלובלית,
   שנטען אחרי הקובץ הזה. */
@media (min-width: 1025px) and (max-width: 1279px) {
  .elementor .ms-header .ms-nav, .elementor .ms-header .ms-header-cta { display: none; }
  .elementor .ms-header .ms-menu-btn { display: block; position: relative; flex: none; width: 44px; height: 44px; margin: 28px auto 0 0; padding: 0; border: 1px solid var(--ms-rule); border-radius: 22px; background-color: transparent; color: transparent; font-size: 0; line-height: 0; overflow: hidden; }
}

/* 3. תפריט מובייל, לפי פיגמה 127:53.
   הדר במצב פתוח: לוגו וכפתור X. המסגרת של הכפתור בדיו (סגור: --ms-rule), ה-X בגודל 11x11 (קו 15.56).
   בזמן שהתפריט פתוח site.js מקבע את ‎.ms-header למעלה (position fixed, inline), כך שה-X גלוי גם אחרי גלילה. */
.elementor .ms-header .ms-menu-btn { transition: border-color var(--ms-dur-xs) var(--ms-ease); }
.elementor .ms-header .ms-menu-btn::before,
.elementor .ms-header .ms-menu-btn::after { transition: top var(--ms-dur-s) var(--ms-ease), left var(--ms-dur-s) var(--ms-ease), width var(--ms-dur-s) var(--ms-ease), transform var(--ms-dur-s) var(--ms-ease); }
.elementor .ms-header .ms-menu-btn[aria-expanded="true"] { border-color: var(--ms-ink); }
.elementor .ms-header .ms-menu-btn[aria-expanded="true"]::before,
.elementor .ms-header .ms-menu-btn[aria-expanded="true"]::after { top: 20.5px; left: 13.22px; width: 15.56px; }
.elementor .ms-header .ms-menu-btn[aria-expanded="true"]::before { transform: rotate(45deg); }
.elementor .ms-header .ms-menu-btn[aria-expanded="true"]::after { transform: rotate(-45deg); }

html.ms-mm-lock,
html.ms-mm-lock body { overflow: hidden; }

#ms-mobile-menu {
  position: fixed;
  top: var(--ms-mm-top, 64px);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-block: 0 40px;
  padding-inline: calc(var(--ms-page-x, 20px) + 20px);
  background-color: var(--ms-paper);
  color: var(--ms-ink);
  font-family: var(--ms-font, "Discovery", sans-serif);
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition: opacity var(--ms-dur-s) var(--ms-ease), transform var(--ms-dur-s) var(--ms-ease);
}
#ms-mobile-menu[hidden] { display: none; }
#ms-mobile-menu.is-open { opacity: 1; transform: none; }

/* פריטים: שורה כל 52 (טקסט 40 ועוד 12), הראשון ב-116 מראש המסך (הדר 64 + 46 + 6). */
#ms-mobile-menu .ms-mm-list { list-style: none; margin: 0; padding: 46px 0 0; border: 0; }
#ms-mobile-menu .ms-mm-item { margin: 0; padding: 0; border: 0; }
#ms-mobile-menu .ms-mm-link {
  display: flex;
  align-items: center;
  padding-block: 6px;
  color: var(--ms-muted);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
/* מספר: 14 Light, מיושר לימין העמודה (350 ב-390), והטקסט מתחיל 48 משמאלו (302). */
#ms-mobile-menu .ms-mm-num {
  flex: none;
  box-sizing: border-box;
  width: 48px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0;
  text-align: start;
  color: var(--ms-muted);
}
#ms-mobile-menu .ms-mm-text {
  position: relative;
  font-size: 32px;
  font-weight: 200;
  line-height: 40px;
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--ms-muted);
  transition: color 150ms;
}
#ms-mobile-menu .ms-mm-plus {
  flex: none;
  margin-inline-start: 8px;
  font-size: 29px;
  font-weight: 100;
  line-height: 29px;
  color: var(--ms-brick);
}
/* 07.11 (1.0.27, החלטת רויטל), הקטגוריות דיני משפחה ונדל"ן (site.js חלק 5): כל השורה כפתור אחד
   button.ms-mm-link.ms-mm-toggle. מקבל את כל הכללים של ‎.ms-mm-link‎ (flex, ריפוד 6, צבע, hover, focus, ms-mm-on),
   כאן רק איפוס של עיצוב הכפתור של התבנית ואלמנטור, ורוחב מלא כמו שורת קישור. גובה 52 (40 + 6 + 6).
   תת-התפריט בשורה משלו, מתחת לשם: מ-302 עד 40 ב-390 (הזחה 48 כמו המספר), שורות 44 עם קו עליון, 16 Light. */
#ms-mobile-menu .ms-mm-toggle,
#ms-mobile-menu .ms-mm-toggle:hover,
#ms-mobile-menu .ms-mm-toggle:focus,
#ms-mobile-menu .ms-mm-toggle:active {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ms-muted);
  font: inherit;
  line-height: normal;
  text-align: start;
  text-transform: none;
  white-space: normal;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
#ms-mobile-menu .ms-mm-toggle:focus { outline: none; }
#ms-mobile-menu .ms-mm-toggle:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }
/* פתוח: מלבן 10x1 ב-#9d534c במקום ה-"+", 10 עד 20 משמאל לתחילת המילה (פיגמה 763:1120, כמו עד 1.0.26).
   ה-"+" מתחיל 8 משמאל למילה, ולכן right 2 בתוך ה-span. */
#ms-mobile-menu .ms-mm-toggle .ms-mm-plus { position: relative; }
#ms-mobile-menu .ms-mm-toggle[aria-expanded="true"] .ms-mm-plus { color: transparent; }
#ms-mobile-menu .ms-mm-toggle[aria-expanded="true"] .ms-mm-plus::after {
  content: '';
  position: absolute;
  top: 50%;
  left: auto;
  right: 2px;
  width: 10px;
  height: 1px;
  margin-top: -0.5px;
  background-color: #9d534c;
}
#ms-mobile-menu .ms-mm-has-sub.is-open > .ms-mm-link .ms-mm-text { color: var(--ms-ink); }
#ms-mobile-menu .ms-mm-sub {
  flex: 0 0 100%;
  box-sizing: border-box;
  list-style: none;
  margin: -2px 0 6px;
  padding: 0;
  padding-inline-start: 48px;
  border: 0;
}
#ms-mobile-menu .ms-mm-sub[hidden] { display: none; }
#ms-mobile-menu .ms-mm-sub-item { margin: 0; padding: 0; border: 0; border-top: 1px solid var(--ms-rule); }
/* בלי קו מעל השורה הראשונה (קו שקוף, כדי שהגובה יישאר 44). אחרי התת-תפריט 12 עד הפריט הבא (6 + ריפוד 6). */
#ms-mobile-menu .ms-mm-sub-item:first-child { border-top-color: transparent; }
#ms-mobile-menu .ms-mm-sub-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 43px;
  color: var(--ms-muted);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
#ms-mobile-menu .ms-mm-sub-text {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--ms-muted);
  transition: color 150ms;
}
/* 07.11: "העמוד הראשי" (הפריט הראשון): אותה שורה, עם חץ דק 14x9 (קו 1, בצבע הטקסט) לפני הטקסט, 8 ביניהם. */
#ms-mobile-menu .ms-mm-sub-arrow { flex: none; display: block; width: 14px; height: 9px; margin-inline-end: 8px; color: var(--ms-muted); transition: color 150ms; }
#ms-mobile-menu .ms-mm-sub-link:is([aria-current="page"], :focus-visible) .ms-mm-sub-arrow { color: var(--ms-ink); }
@media (hover: hover) {
  #ms-mobile-menu .ms-mm-sub-link:hover .ms-mm-sub-arrow { color: var(--ms-ink); }
}
#ms-mobile-menu .ms-mm-sub-link[aria-current="page"] .ms-mm-sub-text { color: var(--ms-ink); }
#ms-mobile-menu .ms-mm-sub-link[aria-current="page"] .ms-mm-sub-text::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background-color: var(--ms-brick);
}
#ms-mobile-menu .ms-mm-sub-link:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: -2px; }
#ms-mobile-menu .ms-mm-sub-link:focus-visible .ms-mm-sub-text { color: var(--ms-ink); }
@media (hover: hover) {
  #ms-mobile-menu .ms-mm-sub-link:hover .ms-mm-sub-text { color: var(--ms-ink); }
}
/* פריט פעיל: Light בדיו וקו 1 בלבנה בתחתית הטקסט (כמו ‎.ms-nav-on בדסקטופ). */
/* 05.11: משקל 200 כמו בפיגמה (היה 300). ‎.ms-mm-on‎ = פעיל בעין גם בלי aria-current (קישור שמוביל לעמוד אחר). */
#ms-mobile-menu .ms-mm-link:is([aria-current="page"], .ms-mm-on) .ms-mm-text { font-weight: 200; color: var(--ms-ink); }
#ms-mobile-menu .ms-mm-link:is([aria-current="page"], .ms-mm-on) .ms-mm-text::after {
  content: '';
  position: absolute;
  left: 1.6px;
  right: 1px;
  bottom: 0;
  height: 1px;
  background-color: var(--ms-brick);
}
#ms-mobile-menu .ms-mm-link:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }
#ms-mobile-menu .ms-mm-link:focus-visible .ms-mm-text { color: var(--ms-ink); }
@media (hover: hover) {
  #ms-mobile-menu .ms-mm-link:hover .ms-mm-text { color: var(--ms-ink); }
}

/* תחתית: כפתור 304x56 ומתחתיו 6 כפתורי רשת 44 ברווח 8, 28 ביניהם, 40 מתחתית המסך. */
#ms-mobile-menu .ms-mm-foot {
  display: flex;
  flex-direction: column;
  gap: 28px;
  box-sizing: border-box;
  width: 304px;
  max-width: 100%;
  margin-block: auto 0;
  margin-inline: auto;
  padding-block-start: 40px;
}
@media (min-width: 768px) {
  #ms-mobile-menu .ms-mm-foot { margin-inline: 0 auto; }
}
#ms-mobile-menu .ms-mm-foot .ms-btn { display: flex; width: 100%; box-sizing: border-box; }
#ms-mobile-menu .ms-mm-social { display: flex; flex-direction: row; gap: 8px; margin: 0; padding: 0; }
#ms-mobile-menu .ms-mm-social .ms-social { flex: none; box-sizing: border-box; }
#ms-mobile-menu .ms-social.ms-ico-whatsapp::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.63 23.63'%3E%3Cpath d='M5.218 18.412L6.104 15.163C5.124 13.642 4.736 11.814 5.014 10.025C5.293 8.237 6.218 6.613 7.615 5.463C9.011 4.312 10.782 3.714 12.591 3.782C14.399 3.851 16.119 4.581 17.425 5.834C18.731 7.088 19.53 8.777 19.673 10.581C19.815 12.385 19.29 14.179 18.197 15.621C17.104 17.064 15.519 18.055 13.744 18.406C11.968 18.757 10.126 18.444 8.566 17.526L5.218 18.412Z' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.551 9.354C9.846 11.422 11.52 13.194 13.785 13.686L14.671 12.702L13.588 11.914L12.899 12.505C12.111 12.111 11.422 11.422 11.028 10.634L11.619 9.945L10.831 8.96L9.551 9.354Z' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.63 23.63'%3E%3Cpath d='M5.218 18.412L6.104 15.163C5.124 13.642 4.736 11.814 5.014 10.025C5.293 8.237 6.218 6.613 7.615 5.463C9.011 4.312 10.782 3.714 12.591 3.782C14.399 3.851 16.119 4.581 17.425 5.834C18.731 7.088 19.53 8.777 19.673 10.581C19.815 12.385 19.29 14.179 18.197 15.621C17.104 17.064 15.519 18.055 13.744 18.406C11.968 18.757 10.126 18.444 8.566 17.526L5.218 18.412Z' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.551 9.354C9.846 11.422 11.52 13.194 13.785 13.686L14.671 12.702L13.588 11.914L12.899 12.505C12.111 12.111 11.422 11.422 11.028 10.634L11.619 9.945L10.831 8.96L9.551 9.354Z' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: 23.63px 23.63px;
  mask-size: 23.63px 23.63px;
}
#ms-mobile-menu .ms-social.ms-ico-phone::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.45 23.45'%3E%3Cpath d='M8.111 4.495L9.772 8.209L8.209 9.577C9.088 11.532 10.945 13.388 12.9 14.268L14.268 12.704L17.981 14.366L17.493 17.395C17.297 18.274 16.515 18.861 15.636 18.763C9.675 18.177 5.277 13.779 4.691 7.818C4.593 6.938 5.179 6.157 6.059 5.961L8.111 4.495Z' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.45 23.45'%3E%3Cpath d='M8.111 4.495L9.772 8.209L8.209 9.577C9.088 11.532 10.945 13.388 12.9 14.268L14.268 12.704L17.981 14.366L17.493 17.395C17.297 18.274 16.515 18.861 15.636 18.763C9.675 18.177 5.277 13.779 4.691 7.818C4.593 6.938 5.179 6.157 6.059 5.961L8.111 4.495Z' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: 23.45px 23.45px;
  mask-size: 23.45px 23.45px;
}

@media (prefers-reduced-motion: reduce) {
  #ms-mobile-menu,
  .elementor .ms-header .ms-menu-btn,
  .elementor .ms-header .ms-menu-btn::before,
  .elementor .ms-header .ms-menu-btn::after { transition: none; transform: none; }
  .elementor .ms-header .ms-menu-btn[aria-expanded="true"]::before { transform: rotate(45deg); }
  .elementor .ms-header .ms-menu-btn[aria-expanded="true"]::after { transform: rotate(-45deg); }
}

/* 4. וידאו ההירו של טל (סקשן 5f7c77e4). היה ב-Custom Code 10681.
   הווידאו נוצר ב-site.js רק בעטיפה המוצגת (data-ms-sand), באבסולוט. מסכת שוליים 4px. שקוף עד שמתחיל לנגן.
   06.11 (v06, 1.0.18): המיקום באחוזים של העטיפה (1010x800 בדסקטופ, 390x544 במובייל) לפי
   "תמונה להירו/דיוק תמונה לאנימציית שעון החול/hero-v06-original/placement.json" (אותו מלבן כמו v02).
   ב-reduce אין וידאו: img.ms-sand-still (ה-webp הקפוא) באותו מיקום ובאותה מסכה, גלוי מיד. */
.elementor [data-ms-sand] > .ms-sand {
  position: absolute; display: block; margin: 0; padding: 0; border: 0;
  max-width: none; object-fit: fill; background: transparent; pointer-events: none;
  opacity: 0; transition: opacity .2s linear;
  --ms-sand-f: linear-gradient(to right, transparent, #000 4px, #000 calc(100% - 4px), transparent), linear-gradient(transparent, #000 4px, #000 calc(100% - 4px), transparent);
  -webkit-mask-image: var(--ms-sand-f); -webkit-mask-composite: source-in;
  mask-image: var(--ms-sand-f); mask-composite: intersect;
}
.elementor [data-ms-sand] > video.ms-sand.is-playing,
.elementor [data-ms-sand] > img.ms-sand-still { opacity: 1; }
.elementor [data-ms-sand="desktop"] > .ms-sand {
  left: 32.574%; top: 61.625%; width: 10.792%; height: 27.75%;
}
.elementor [data-ms-sand="mobile"] > .ms-sand {
  left: 37.521%; top: 76.838%; width: 10.598%; height: 15.441%;
}
@media (prefers-reduced-motion: reduce) {
  .elementor [data-ms-sand] > video.ms-sand { display: none !important; }
  .elementor .ms-sand-btn { display: none !important; }
}
/* 07.11 (1.0.26, החלטת רויטל, REVIEW 61): כפתור עצירה/הפעלה של הווידאו (site.js חלק 7). מחליף את העיגול 44 (סבב 12).
   טקסט Discovery 18/24 ‏300 בצבע הדיו, אייקון השהיה/הפעלה מלא 12x14 בצבע הדיו משמאל לטקסט (רווח 10),
   קו לבנה ‎(--ms-brick)‎ ‏1.5 מתחת למילה "הזמן" / "לזמן" בלבד, ‏6 מתחת לקו הבסיס.
   אח של העטיפה, absolute בתוך הסקשן, left/top מ-JS: הקצה השמאלי של האייקון על קו הגריד.
   גובה 44 (אזור לחיצה), בלי ריפוד צד: הרוחב = האייקון + הטקסט הארוך מבין השניים (שתי התוויות באותו תא).
   מוסתר (visibility) עד ‎.is-on‎ (אחרי load ונחיתת הגרגר), ואז opacity. z-index 4: מעל עמודת הטקסט (2) והחותמת (3).
   ה-reset של hello לכפתורים (רקע ‎#c36‎ ב-hover/focus) מבוטל. */
.elementor .ms-sand-btn,
.elementor .ms-sand-btn:hover,
.elementor .ms-sand-btn:focus,
.elementor .ms-sand-btn:active {
  position: absolute; z-index: 4;
  display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 10px;
  height: 44px; min-width: 0; margin: 0; padding: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: var(--ms-ink); cursor: pointer; white-space: nowrap;
  font-family: Discovery, sans-serif; font-size: 18px; line-height: 24px; font-weight: 300; letter-spacing: 0;
  text-transform: none; text-decoration: none;
  opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility 0s linear .3s;
  -webkit-tap-highlight-color: transparent;
}
.elementor .ms-sand-btn.is-on { opacity: 1; visibility: visible; transition: opacity .3s ease; }
.elementor .ms-sand-btn .ms-sand-ico { display: block; flex: none; width: 12px; height: 14px; }
.elementor .ms-sand-btn .ms-sand-txt { display: grid; }
.elementor .ms-sand-btn .ms-sand-t { grid-area: 1 / 1; text-align: left; }
.elementor .ms-sand-btn .ms-sand-t-play,
.elementor .ms-sand-btn.is-paused .ms-sand-t-pause { visibility: hidden; }
.elementor .ms-sand-btn.is-paused .ms-sand-t-play { visibility: visible; }
.elementor .ms-sand-btn .ms-sand-u {
  text-decoration: underline; text-decoration-color: var(--ms-brick);
  text-decoration-thickness: 1.5px; text-underline-offset: 6px; text-decoration-skip-ink: none;
}
.elementor .ms-sand-btn:focus { outline: none; }
.elementor .ms-sand-btn:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }

/* 5. פס תחתון במובייל. עד 1024 בלבד. המעטפת לפי פיגמה 207:8 (נייר, קו עליון 1 בדיו, ריפוד 12 ו-40 מהצדדים,
   safe-area מתחת), והכפתורים לפי 929:3897 "New Mobile CTA Footer" (05.11, עמוד "03 מובייל · דיוק"):
   - ‎.ms-abar-wa‎ (ms-btn ms-btn-solid): גלולה 56 בדיו, טקסט "דברו איתי ב-WhatsApp" ‏16/24 Light בנייר,
     אייקון WhatsApp ‏20 משמאל לטקסט, 12 ביניהם, ריפוד תחתון 2. ממלאת את העמודה (בפיגמה hug ‏236, ‏28 מהצדדים);
     בטאבלט hug עם 28. מינימום 16 מהצדדים, כדי שב-360 הכל ייכנס בשורה אחת.
   - ‎.ms-abar-call‎ (ms-social): עיגול 56, נייר, קו 1 בדיו, אייקון טלפון 20 בקו 1.2 בלבנה (‎--ms-brick‎), ריפוד תחתון 2.
   - 10 ביניהם. שורה 80 (12+56+12) ועוד הקו.
   מוסתר כברירת מחדל. site.js מוסיף ‎.is-on אחרי ההירו / ראש הדף, ומוריד אותו מ-07 (#contact) או מהפוטר
   ועד סוף הדף (החלטות 338 ו-342), וכשתפריט המובייל פתוח. במצב מוסתר: inert ו-aria-hidden.
   הפס לא בזרימה (fixed), ולכן אין קפיצה של העמוד. */
#ms-abar { display: none; }
@media (max-width: 1024px) {
  #ms-abar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding-block: 12px calc(12px + env(safe-area-inset-bottom, 0px));
    padding-inline: calc(var(--ms-page-x, 20px) + 20px);
    border-top: 1px solid var(--ms-ink);
    background-color: var(--ms-paper);
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
    transition: transform var(--ms-dur-s) var(--ms-ease), visibility 0s linear var(--ms-dur-s);
  }
  #ms-abar.is-on {
    visibility: visible;
    transform: none;
    transition: transform var(--ms-dur-s) var(--ms-ease), visibility 0s linear 0s;
  }
  #ms-abar .ms-abar-wa {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 0;
    height: 56px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 16px 2px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
  }
  #ms-abar .ms-abar-label { display: block; }
  #ms-abar .ms-abar-wa svg,
  #ms-abar .ms-abar-call svg { display: block; flex: none; width: 20px; height: 20px; }
  #ms-abar .ms-abar-call {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 2px;
    border: 1px solid var(--ms-ink);
    border-radius: 999px;
    background-color: var(--ms-paper);
    color: var(--ms-brick);
    line-height: 0;
    -webkit-tap-highlight-color: transparent;
  }
  /* החץ של ms-btn (‏::after ‏16) והאייקון של ms-social לא מוצגים כאן: האייקונים הם SVG בתוך הקישור. */
  #ms-abar .ms-abar-wa::after,
  #ms-abar .ms-abar-call::before,
  #ms-abar .ms-abar-call::after { content: none; display: none; }
  #ms-abar .ms-abar-wa:focus-visible,
  #ms-abar .ms-abar-call:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }
}
/* טאבלט: הכפתור ברוחב הטקסט שלו (236 כמו בפיגמה), לא לכל רוחב המסך. */
@media (min-width: 768px) and (max-width: 1024px) {
  /* 27 + קו 1 = 28 בפיגמה (הקו שם בפנים): 236. */
  #ms-abar .ms-abar-wa { flex: 0 0 auto; padding-inline: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  #ms-abar, #ms-abar.is-on { transition: none; transform: none; }
}

/* 6. תפריט נפתח בדסקטופ (אופציה A), לפי פיגמה 760:3468 (דיני משפחה) ו-760:3498 (נדל"ן). רק מ-1280,
   כי מתחת התפריט מוסתר (חלק 2 וה-max-width 1024 של המחלקה).
   החץ: Nav/Chevron 760:2698, תיבה 7x24, 4 משמאל למילה, קו 1 בלבנה. אזור הלחיצה מורחב ל-24x32 שמאלה (::before),
   לתוך הרווח של 36 ולא מעל המילה.
   הפאנל: 280, מסגרת 1 בקו, נייר, ריפוד 8/24. הקצה הימני 24 מימין לקצה של המילה, הראש 49 מתחת לראש המילה
   (88 מראש ההדר). שורות 48 עם קו עליון 1 (חוץ מהראשונה), מספר 14 Regular בלבנה ברוחב 18, ‏16 מימין למילה
   16 Light. hover: muted לדיו. פעיל: דיו וקו 1 בלבנה 7 מתחת למילה, כמו ‎.ms-nav-on.
   סבב 6 (05.11): החץ במיקום absolute בתוך הרווח של 36 (‎left: -11px‎, ‏4 משמאל למילה), ולא פריט ב-flex.
   כך הרווחים בין המילים 36 בכל מקום והמילים במקום של 751:1680 ו-302:37 (קודם 47 סביב נדל"ן, כי כל חץ
   הוסיף 11). ההזזה של ‎.ms-nav-dd‎ ב-11 שמאלה בוטלה (התפריט כבר לא מתרחב). מסגרת 760:2916 מציירת את החצים
   כתוספת של 11, וזה ההבדל היחיד ממנה.
   ‎.elementor .ms-header בתחילת הסלקטורים: גובר על המחלקות הגלובליות ועל ה-reset של hello לכפתורים. */
.elementor .ms-header .ms-dd {
  position: relative;
  display: flex;
  flex-direction: row;
  flex: none;
  align-items: flex-start;
  gap: 0;
  margin: 0;
  padding: 0;
}
.elementor .ms-header .ms-dd.is-open > .ms-nav-link { color: var(--ms-ink); }
.elementor .ms-header .ms-dd-btn,
.elementor .ms-header .ms-dd-btn:hover,
.elementor .ms-header .ms-dd-btn:focus,
.elementor .ms-header .ms-dd-btn:active {
  position: absolute;
  top: 0;
  left: -11px;
  display: block;
  flex: none;
  box-sizing: border-box;
  width: 7px;
  height: 24px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ms-brick);
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.elementor .ms-header .ms-dd-btn::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: -8px;
  left: -17px;
}
.elementor .ms-header .ms-dd-btn:focus { outline: none; }
/* סבב 7: offset 0. עם 2 הטבעת נגמרה 1px לפני המילה. עכשיו 2px מימין לחץ, והחץ לא זז */
.elementor .ms-header .ms-dd-btn:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 0; }
.elementor .ms-header .ms-dd-chev { display: block; width: 7px; height: 24px; overflow: visible; }
.elementor .ms-header .ms-dd-chev path {
  transform-box: view-box;
  transform-origin: 3.5px 12.864px;
  transition: transform var(--ms-dur-s) var(--ms-ease);
}
.elementor .ms-header .ms-dd.is-open .ms-dd-chev path { transform: rotate(180deg); }

.elementor .ms-header .ms-dd-panel {
  position: absolute;
  top: 49px;
  right: -24px;
  z-index: 20;
  box-sizing: border-box;
  width: 280px;
  margin: 0;
  padding: 8px 24px;
  border: 1px solid var(--ms-rule);
  background-color: var(--ms-paper);
  font-family: var(--ms-font, "Discovery", sans-serif);
  text-align: right;
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--ms-dur-xs) var(--ms-ease), visibility 0s linear var(--ms-dur-xs);
}
/* גשר שקוף בין המילה לפאנל (17), כדי שהמעבר עם העכבר לא יסגור. */
.elementor .ms-header .ms-dd-panel::before {
  content: '';
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  height: 17px;
}
.elementor .ms-header .ms-dd.is-open > .ms-dd-panel {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--ms-dur-xs) var(--ms-ease), visibility 0s linear 0s;
}
.elementor .ms-header .ms-dd-list { list-style: none; margin: 0; padding: 0; border: 0; }
.elementor .ms-header .ms-dd-item {
  box-sizing: border-box;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
}
.elementor .ms-header .ms-dd-item + .ms-dd-item { border-top: 1px solid var(--ms-rule); }
.elementor .ms-header .ms-dd-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--ms-muted);
  text-decoration: none;
  white-space: nowrap;
}
.elementor .ms-header .ms-dd-num {
  flex: none;
  width: 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  text-align: right;
  color: var(--ms-brick);
}
.elementor .ms-header .ms-dd-text {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--ms-muted);
  transition: color 150ms;
}
.elementor .ms-header .ms-dd-link:hover .ms-dd-text,
.elementor .ms-header .ms-dd-link:focus-visible .ms-dd-text,
.elementor .ms-header .ms-dd-link[aria-current="page"] .ms-dd-text { color: var(--ms-ink); }
.elementor .ms-header .ms-dd-link[aria-current="page"] .ms-dd-text::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 1px;
  background-color: var(--ms-brick);
}
.elementor .ms-header .ms-dd-link:focus { outline: none; }
.elementor .ms-header .ms-dd-link:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: -2px; }
@media (max-width: 1279px) {
  .elementor .ms-header .ms-dd-panel { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor .ms-header .ms-dd-panel,
  .elementor .ms-header .ms-dd.is-open > .ms-dd-panel,
  .elementor .ms-header .ms-dd-chev path,
  .elementor .ms-header .ms-dd-text { transition: none; }
}

/* 7. הדר נעוץ. החלטות 17.10 ("Default 100, ואחרי גלילה Scrolled 72 עם blur") ו-19.10 (לא משתנה חוץ מהכיווץ).
   הקומפוננטה Header 101:514 כבר לא קיימת בפיגמה (נבדק 04.11), ואין פריים Scrolled. הערכים מהתיעוד שלה
   (STATUS-history 17.10): נייר 92%, blur 20, קו תחתון. הצל לא נבנה (אין צללים בשפה העדכנית).
   - הנעיצה על מסמך ההדר (header.elementor-location-header, ילד ישיר של body), כי ‎.ms-header יושב בתוכו
     בגובה שלו ו-sticky עליו לא היה זז. sticky ולא fixed: ההדר נשאר בזרימה, ואין קפיצה (CLS).
   - הכיווץ (‎.ms-hdr-scrolled על מסמך ההדר, מ-1025): ‎.ms-header יורד ל-72, והילדים (לוגו, תפריט, CTA,
     כפתור התפריט ב-1025 עד 1279) עולים 14 ב-transform, כך שהמרווחים נשארים סימטריים. מסמך ההדר שומר
     min-height 100, ולכן התוכן שמתחת לא זז. 28 התחתונים של המסמך שקופים ולא תופסים לחיצות
     (pointer-events: none על המסמך, auto על ‎.ms-header ועל תפריט המובייל).
   - עד 1024: 64 בלי כיווץ, נייר מלא, ובגלילה רק קו תחתון. הטוגל טל/נטע שייך להירו (פיגמה 127:9, y84),
     לא להדר, ולכן הוא לא ננעץ.
   - הפאנל של התפריט הנפתח (חלק 6) זז עם התפריט (14 למעלה) ונשאר 17 מתחת למילה, כמו ב-Default:
     y 74 מראש ההדר (סבב תיקונים 04.11, design-qa. קודם 84).
   - תפריט המובייל (חלק 5 ב-site.js) מקבע את ‎.ms-header ב-fixed בזמן שהוא פתוח. אז הרקע נייר מלא.
   - עוגנים: scroll-padding-top בגובה ההדר (72 / 64), ועוד סרגל הניהול כשהוא קיים. הקפיצה של אלמנטור לעוגן
     (jQuery) מקבלת את אותו גובה דרך פילטר ב-site.js חלק 10.
   ‎:has(> .ms-header): רק הדרים שבנויים מ-‎.ms-header (10400, 10788). דפי נחיתה לא מושפעים.
   ‎header.elementor-location-header בתחילת הסלקטור: גובר על ‎.elementor .ms-header של המחלקה הגלובלית. */
html { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 64px); }
@media (min-width: 1025px) {
  html { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 72px); }
}
header.elementor-location-header:has(> .ms-header) {
  position: -webkit-sticky;
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 990;
  pointer-events: none;
}
/* עד 600 סרגל הניהול של וורדפרס לא נעוץ (absolute), ולכן ההדר נעצר בראש המסך. */
@media (max-width: 600px) {
  body.admin-bar header.elementor-location-header:has(> .ms-header) { top: 0; }
}
header.elementor-location-header > .ms-header,
header.elementor-location-header #ms-mobile-menu { pointer-events: auto; }
/* סבב 8 (05.11): הגובה עובר בהדרגה רק כשמצב הגלילה מתחלף (‎.ms-hdr-anim, site.js חלק 10, 260ms).
   במעבר בין מובייל לדסקטופ (64 / 100) הגובה מתחלף מיד, ולא "גדל" בחלונית שלא מציירת. */
header.elementor-location-header > .ms-header {
  transition: background-color 200ms ease, box-shadow 200ms ease;
}
header.elementor-location-header.ms-hdr-anim > .ms-header {
  transition: height 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
}
header.elementor-location-header.ms-hdr-scrolled > .ms-header { box-shadow: inset 0 -1px 0 var(--ms-rule); }
@media (min-width: 1025px) {
  header.elementor-location-header:has(> .ms-header) { min-height: 100px; }
  header.elementor-location-header > .ms-header > * { transition: transform 200ms ease; }
  /* כפתור התפריט (1025 עד 1279): ל-‎.elementor .ms-header .ms-menu-btn בחלק 3 יש transition משלו. */
  header.elementor-location-header > .ms-header > .ms-menu-btn { transition: border-color 200ms ease, transform 200ms ease; }
  header.elementor-location-header.ms-hdr-scrolled > .ms-header {
    height: 72px;
    background-color: rgba(255, 253, 248, .92);
    background-color: color-mix(in srgb, var(--ms-paper) 92%, transparent);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  header.elementor-location-header.ms-hdr-scrolled > .ms-header > * { transform: translate3d(0, -14px, 0); }
}
html.ms-mm-lock header.elementor-location-header > .ms-header { background-color: var(--ms-paper); box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  header.elementor-location-header > .ms-header,
  header.elementor-location-header.ms-hdr-anim > .ms-header,
  header.elementor-location-header > .ms-header > *,
  header.elementor-location-header > .ms-header > .ms-menu-btn { transition: none; }
}

/* 8. שדות הטופס. פיגמה: הרכיב "Mobile / Form field" 316:197 (Empty, Filled, Error), והמצבים 200:116 (פוקוס
   וממולא) ו-200:203 (שגיאה בשדה). site.js חלק 11 מוסיף את התווית הצפה (.ms-f-lbl, aria-hidden, עם הטקסט של
   ה-placeholder) ואת המחלקות:
   - ‎.ms-f-up על השדה ועל התווית: יש ערך, או שהשדה בפוקוס. התווית 14/20 Regular מעל הערך, הערך 16/24 ink-2,
     כמו ‎.ms-field-float ו-‎.ms-field-filled (24 ו-44 בדסקטופ, 4 ו-24 במובייל). הגובה נשאר 80 / 56: לתווית
     margin שלילי, כך שאין קפיצה.
   - ‎.ms-f-focus על התווית: לבנה (200:116). הקו בפוקוס: דיו 1px בלי צל (היה 2px).
   - [aria-invalid="true"] על השדה: קו לבנה, והתווית בלבנה. ההודעה ‎.ms-f-err: ‏14/20 Regular לבנה, 8 מתחת לקו
     ו-8 אחריה (Error 316:196: ‏56 + 8 + 20 + 8).
   הקו במנוחה: דיו 48% (316:197), כדי שהפוקוס (דיו מלא) ייראה.
   ‎.elementor .ms-form בתחילת הסלקטור: גובר על המחלקות ms-field ו-ms-field-area, שנטענות אחרי הקובץ הזה. */
.elementor .ms-form .ms-field { border-bottom-color: rgba(18, 10, 9, .48); border-bottom-color: color-mix(in srgb, var(--ms-ink) 48%, transparent); }
.elementor .ms-form .ms-field:focus,
.elementor .ms-form .ms-field:focus-visible { outline: none; border-bottom-color: var(--ms-ink); box-shadow: none; }
.elementor .ms-form .ms-field.ms-f-up { padding-block-start: 44px; padding-block-end: 12px; font-size: 16px; line-height: 24px; color: var(--ms-ink-2); }
.elementor .ms-form .ms-field.ms-f-up::placeholder { color: transparent; }
/* סבב 8 (05.11): ה-reset של hello-elementor נותן לשדות transition: all .3s, ולכן במעבר בין 1024 ל-1025 הגובה,
   הריפוד והגופן "גדלו" במשך 0.3 שנייה (ובחלונית שלא מציירת, כמו בבדיקות, נתקעו על 56 / 80). מעכשיו רק הצבעים
   עוברים בהדרגה (הקו בפוקוס ובשגיאה), והמידות מתחלפות מיד. */
.elementor .ms-form .ms-field,
.elementor .ms-form .ms-field-area { transition: border-color .3s, color .3s, background-color .3s, box-shadow .3s; }
.elementor .ms-form select.ms-field.ms-f-up { background-position: left 0 top 38px; }
.elementor .ms-form .ms-f-lbl {
  display: none;
  position: relative;
  z-index: 1;
  height: 20px;
  margin: 24px 0 -44px;
  overflow: hidden;
  font-family: var(--ms-font);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--ms-muted);
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.elementor .ms-form .ms-f-lbl.ms-f-up { display: block; }
.elementor .ms-form .ms-f-lbl.ms-f-focus,
.elementor .ms-form .ms-f-lbl.ms-f-bad,
.elementor .ms-form .ms-field-float.ms-f-focus,
.elementor .ms-form .ms-field-float.ms-f-bad { color: var(--ms-brick); }
.elementor .ms-form .ms-field[aria-invalid="true"],
.elementor .ms-form .ms-field[aria-invalid="true"]:focus,
.elementor .ms-form .ms-field[aria-invalid="true"]:focus-visible { border-bottom-color: var(--ms-brick); }
.elementor .ms-form .ms-field-area[aria-invalid="true"],
.elementor .ms-form .ms-field-area[aria-invalid="true"]:focus-visible { border-color: var(--ms-brick); }
.elementor .ms-form .ms-field-area[aria-invalid="true"]:focus-visible { box-shadow: inset 0 0 0 1px var(--ms-brick); }
.elementor .ms-form .ms-f-err {
  margin: 8px 0;
  padding: 0;
  font-family: var(--ms-font);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--ms-brick);
  text-align: right;
  text-wrap: pretty;
}
@media (max-width: 1024px) {
  .elementor .ms-form .ms-field.ms-f-up { padding-block-start: 24px; padding-block-end: 8px; }
  .elementor .ms-form select.ms-field.ms-f-up { background-position: left 0 top 18px; }
  .elementor .ms-form .ms-f-lbl { margin: 4px 0 -24px; }
}

/* 9. מאמרים, ארכיון (C2 10935, סבב 2, 04.11).
   הסינון: שלושה קישורים עם ms-toggle-opt ו-ms-art-filter-opt (‎#ms-filter-all / -family / -realestate). המראה
   של האפשרות הפעילה כמו ms-toggle-on (נייר על דיו), לפי ה-body של הקטגוריה, כך שאין הבהוב לפני ה-JS. ה-CSS של
   המחלקה ms-toggle-on לא נטען בארכיון (אף אלמנט שם לא משתמש בה), ולכן הוא כאן. site.js חלק 13 מוסיף
   ms-toggle-on ו-aria-current="page". ‎#id בסלקטור גובר על ‎.elementor .ms-toggle-opt:hover.
   המדריכים (‎.ms-art-grid-2) הם של דיני משפחה, ולכן מוסתרים בארכיון נדל"ן (56). */
body.category-7 #ms-filter-all,
body.category-55 #ms-filter-family,
body.category-56 #ms-filter-realestate,
.elementor .ms-art-filter .ms-toggle-on { color: var(--ms-paper); background-color: var(--ms-ink); }
body.category-56 .ms-art-grid-2 { display: none; }

/* 10. סבב 4 (05.11).
   א. המפה (#ms-map, ‏ms-frame): ה-iframe ממלא את המסגרת בכל הרוחבים. ms-frame נותן ריפוד 32 / במובייל 24, ולכן
      במובייל המפה הייתה 212x150 במקום 262x200 (פיגמה 751:2424). כלל אחד לצור קשר (10882) ולמי אנחנו (11043).
   ב. 07 (‎.ms-contact-info‎): ה-H2 ברוחב העמודה (505 ב-1440, 835 עד 1340) ולא ברוחב הטקסט (479). הטקסט מיושר לימין,
      והשבירה (<br>) לא משתנה, כך שהמראה זהה.
   ג. קישור מייל בתוך פסקה בגוף טקסט (‎.ms-prose-block‎, למשל הביוגרפיות ב-11043): במובייל אזור לחיצה 44
      (ריפוד 10 ו-margin שלילי, כמו ms-text-link), בלי שינוי במראה ובגובה השורה. */
.elementor #ms-map { padding: 0; }
.elementor .ms-contact-info > .ms-h2 { align-self: stretch; }
@media (max-width: 1024px) {
  .elementor .ms-prose-block p > a[href^="mailto:"] {
    display: inline-block;
    padding-block: 10px;
    margin-block: -10px;
  }
}

/* 11. סבב 10ב (05.11), נגישות.
   א. אזור לחיצה 44 עד 1024 (WCAG 2.5.5, בדיקת perf-a11y 05.11): לוגו בהדר 74x40, טלפון בפוטר 69x20, בורר
      המחלקות 36, קישורי טקסט 24 (ms-link, ms-text-link, ms-link-muted, ms-person-link) ושאלות/שורות נפתחות
      (summary, 24 עד 32). ::before שקוף בגובה 44 במרכז האלמנט, ברוחב האלמנט. לא משנה גודל, ריפוד או מיקום,
      רק את השטח שמגיב ללחיצה. ::before פנוי בכל האלמנטים האלה (‏::after משמש לאייקונים ב-summary).
      position: relative רק כשאין מיקום אחר: מחלקה או סגנון מקומי שקובעים position נטענים אחרי הקובץ וגוברים.
   ב. התווית בכרטיסי מרכז הידע (‎.ms-card-tag‎ בתוך ‎.ms-learn-card‎, בית טל): שכבה שלישית ב-::before של הכרטיס,
      ‏30% דיו מלמעלה עד 64 ודועכת עד 128. התווית יושבת למעלה (16 במובייל, 32 בדסקטופ), ולכן ההצללה למעלה.
      התווית עצמה לא השתנתה. ‏:has מגביל לכרטיסים עם תווית. */
@media (max-width: 1024px) {
  .elementor .ms-logo,
  .elementor .ms-footer-text,
  .elementor .ms-toggle-opt,
  .elementor .ms-link,
  .elementor .ms-text-link,
  .elementor .ms-link-muted,
  .elementor .ms-person-link,
  .elementor summary { position: relative; }
  .elementor .ms-logo::before,
  .elementor .ms-footer-text::before,
  .elementor .ms-toggle-opt::before,
  .elementor .ms-link::before,
  .elementor .ms-text-link::before,
  .elementor .ms-link-muted::before,
  .elementor .ms-person-link::before,
  .elementor summary::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 44px;
    margin-top: -22px;
    background: transparent;
  }
  /* ב-summary התוכן הפתוח (כותרת h3 ממוקמת) יושב מעל השטח. z-index 1: רק מעל טקסט, אין קישור במרחק 10 */
  .elementor summary::before { z-index: 1; }
}
.elementor .ms-learn-card:has(> .ms-card-tag)::before {
  background-image:
    linear-gradient(180deg, rgba(18,10,9,0.3) 0, rgba(18,10,9,0.3) 64px, rgba(18,10,9,0) 128px),
    linear-gradient(180deg, rgba(18,10,9,0.28) 0%, rgba(18,10,9,0) 32%),
    linear-gradient(180deg, rgba(18,10,9,0) 12%, rgba(18,10,9,0.45) 55%, rgba(18,10,9,0.82) 100%);
}
/* סבב 12 (05.11): במובייל ההצללה העליונה 20% (במקום 30%), אחרת נוצר אובך חום בראש התמונה. דסקטופ בלי שינוי. */
@media (max-width: 767px) {
  .elementor .ms-learn-card:has(> .ms-card-tag)::before {
    background-image:
      linear-gradient(180deg, rgba(18,10,9,0.2) 0, rgba(18,10,9,0.2) 64px, rgba(18,10,9,0) 128px),
      linear-gradient(180deg, rgba(18,10,9,0.28) 0%, rgba(18,10,9,0) 32%),
      linear-gradient(180deg, rgba(18,10,9,0) 12%, rgba(18,10,9,0.45) 55%, rgba(18,10,9,0.82) 100%);
  }
}

/* 12. סבב 12 (05.11): גלילה בקרוסלות בלי החלקה ב-reduce. ה-smooth מגיע מ-custom_css של המחלקות (אלמנטור,
   נטען אחרי הקובץ), ולכן html body בתחילת הסלקטור. */
@media (prefers-reduced-motion: reduce) {
  html body .elementor .ms-carousel,
  html body .elementor .ms-testi-rail,
  html body .elementor .ms-press-rail-scroll { scroll-behavior: auto; }
}

/* 13. סבב 14 (05.11), דף הבית של טל (10374) בלבד. ה-custom_css של המחלקות נטען אחרי הקובץ, ולכן html body. */
/* 13א. 02 "איפה אתם עומדים", ms-state-actions: השבירה לשתי שורות (flex-wrap מסבב 13) רק מתחת ל-1360.
   השורה הרחבה (מצב 03) 537 והתוכן בפאנל 516 מ-1360 ומעלה: יוצאת 21 לתוך הריפוד (47), כמו בפיגמה 398:1296 (23).
   ב-1300 עד 1359 התוכן 486 עד 511, והשורה הייתה יוצאת 26 עד 51 (ב-1300 מעבר לפאנל), לכן שם נשארת השבירה. */
@media (min-width: 1360px) {
  html body.page-id-10374 .elementor .ms-state-actions { flex-wrap: nowrap; }
}
/* 13ב. 03 מסלולים, פסקה בפאנל הפתוח (ms-route-text) בשורה אחת. מרתון 727.6, ב-1440 עם פס גלילה הגוף 725
   (חורג 2.6 לתוך הריפוד, כמו בפיגמה 399:106). מתחת ל-1440 nowrap היה גולש (ב-1280 הגוף 583, ב-1100 ‏424),
   ולכן רק מ-1440. נטע (10734) משתמשת באותה מחלקה, ולכן רק 10374. */
@media (min-width: 1440px) {
  html body.page-id-10374 .elementor .ms-route-text { white-space: nowrap; }
}
/* 13ג. 07, מצב נשלח (פיגמה 316:454): הטופס, הכותרת "או להשאיר פרטים" וההערה מתחת לטופס יורדים, ונשארת
   ההודעה (תווית, כותרת, פסקה) במקום הכותרת. במובייל העמודה 64 + 148 + 40 = 252, כמו בפיגמה.
   form-state-success / form-state-error מגיעים מאלמנטור (atomic-widgets-form-handler), שגם מעביר את
   הפוקוס להודעה (tabindex -1). ההודעות: aria-live polite (נשלח), role alert (נכשל).
   סבב 15: חל גם על 07 של נטע (10734) ועל "ספרו לי" (54269c46) בדף של טל.
   08.11 (1.0.40): לכל הטפסים באתר (כל ה-e-form של V4 נושאים ms-form ו-ms-form-msg). דפי הנחיתה הישנים
   (lp-*, מרתון וקורס ישנים) בנויים בטפסי V3 בלי המחלקות האלה, ובכל זאת מוחרגים ב-:not (שגם שומר על אותה ספציפיות). */
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form-msg { background-color: transparent; }
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form-msg:focus { outline: none; }
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-contact-formcol:has(> .ms-form.form-state-success) > :not(.ms-form),
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form.form-state-success > :not(.message-success) { display: none; }
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form.form-state-success,
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form.form-state-success > .message-success { margin-block-start: 0; }
/* הטלפון בהודעת הכישלון (קישור בתוך פסקה): כמו ms-text-link (קו תחתון, brick ב-hover, טבעת פוקוס 2px). */
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form-msg a { color: var(--ms-ink); text-decoration: underline; white-space: nowrap; transition: color 150ms; }
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form-msg a:hover,
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form-msg a:focus-visible { color: var(--ms-brick); }
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor .ms-form-msg a:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }

/* 14. חלון קריאה להמלצות ארוכות (כיוון ב, REVIEW 62, 05.11). המבנה והמצב מ-site.js חלק 15.
   בדסקטופ הרקע (.ms-reader) נגלל ולא החלון, כדי שפס גלילה לא יצר את הטקסט מ-610. במובייל הגיליון נגלל (ראש דביק).
   פיגמה 899:564. דסקטופ 899:594: חלון 820 (8 עמודות), ריפוד 48/105, טקסט 610 (6 עמודות), רווח 32, רקע ink 40%.
   מובייל 899:651: גיליון במסך מלא שנגלל, ריפוד 24/40/40/40, רווח 24, טקסט 16/24, בלי חיצים.
   המחלקות הגלובליות בתוך החלון: ms-head-label, ms-text-link (סגירה), ms-quote-mark, ms-principle-title, ms-caption,
   ms-counter, ms-carousel-arrows, ms-arrow-btn, ms-arrow-prev. העטיפה div.elementor.ms-reader כדי שיחולו. */
html.ms-reader-lock,
html.ms-reader-lock body { overflow: hidden; }
.elementor.ms-reader {
  position: fixed; inset: 0; z-index: 1100;
  display: flex; align-items: flex-start; justify-content: center;
  padding: 40px var(--ms-section-x, 40px);
  overflow-y: auto; overscroll-behavior: contain;
  background-color: rgba(18, 10, 9, .4);
  opacity: 0; transition: opacity var(--ms-dur-xs) var(--ms-ease);
}
.elementor.ms-reader[hidden] { display: none; }
.elementor.ms-reader.ms-reader-on { opacity: 1; }
.elementor .ms-reader-panel {
  box-sizing: border-box;
  width: 820px; max-width: 100%; margin: auto 0;
  display: flex; flex-direction: column; align-items: stretch; gap: 32px;
  padding: 48px min(105px, 7.3vw);
  background-color: var(--ms-paper); border: 1px solid var(--ms-rule);
  direction: rtl; text-align: right;
}
.elementor .ms-reader-panel:focus { outline: none; }
.elementor .ms-reader-panel > * { flex-shrink: 0; }
.elementor .ms-reader-head { display: flex; justify-content: space-between; align-items: flex-start; min-height: 24px; }
.elementor .ms-reader-head .ms-head-label { margin: 0; }
.elementor .ms-reader-close { cursor: pointer; }
.elementor .ms-reader-close:hover,
.elementor .ms-reader-close:focus { background-color: transparent; }
.elementor .ms-reader-close:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }
.elementor .ms-reader-mark { flex: 0 0 auto; align-self: flex-start; }
.elementor .ms-reader-text {
  margin: 0; max-width: 610px;
  font-family: var(--ms-font); font-weight: 300; color: var(--ms-ink);
  font-size: clamp(16px, 16px + 2 * (100vw - 390px) / 1050, 18px);
  line-height: clamp(24px, 24px + 4 * (100vw - 390px) / 1050, 28px);
  text-wrap: pretty;
}
.elementor .ms-reader-src { width: auto; }
.elementor .ms-reader-src .ms-caption { text-align: right; }
.elementor .ms-reader-src[hidden] { display: none; } /* 06.11: המלצה בלי חתימה */
.elementor .ms-reader-nav {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 32px; border-top: 1px solid var(--ms-rule);
}
.elementor .ms-reader-count { color: var(--ms-ink); font-size: 16px; line-height: 24px; }
.elementor .ms-reader-nav .ms-arrow-btn[aria-disabled="true"] { opacity: .32; cursor: default; }
.elementor .ms-reader-nav .ms-arrow-btn[aria-disabled="true"]:hover { background-color: transparent; }
.elementor .ms-reader-nav .ms-arrow-btn[aria-disabled="false"] { opacity: 1; }
.elementor .ms-reader-nav .ms-arrow-btn:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }
@media (max-width: 767px) {
  .elementor.ms-reader { padding: 0; background-color: var(--ms-paper); }
  .elementor .ms-reader-panel {
    width: 100%; height: 100%; margin: 0;
    overflow-y: auto; overscroll-behavior: contain;
    gap: 24px; padding: 0 40px 40px; border: 0;
  }
  /* הראש נשאר למעלה בגלילה (גיליון ארוך, כדי שהסגירה תהיה זמינה). */
  .elementor .ms-reader-head {
    position: sticky; top: 0; z-index: 1;
    padding-top: 24px; margin-bottom: 0; background-color: var(--ms-paper);
  }
  .elementor .ms-reader-nav { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor.ms-reader { transition: none; }
}
/* הקטע בכרטיס (מילה במילה, נגמר ב-"…", נמדד ל-3 שורות ב-1440 ול-4 ב-390): הגבלת שורות כרשת ביטחון בין הרוחבים. */
.elementor .ms-testi-card:has(.ms-testi-full) .ms-testi-quote > :is(.ms-h3, .ms-quote) {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
@media (max-width: 1024px) {
  .elementor .ms-testi-card:has(.ms-testi-full) .ms-testi-quote > :is(.ms-h3, .ms-quote) { -webkit-line-clamp: 4; }
}
/* 14א. סבב 05.11 (design-qa, 768): בטאבלט (768 עד 1024) הכרטיס 260x330 קבוע כמו במובייל, אבל ms-h3 נזיל
   (26.88/34.88 ב-768), והציטוט הקצר בכרטיס הראשון יצא 7 שורות וגלש 27. כאן גודל המובייל 24/32, כך שהקטע נשבר
   כמו ב-390 (אותו רוחב 260). מתחת ל-768 הגובה אוטומטי ומעל 1024 הכרטיס 505, ולכן רק בטווח הזה. */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor .ms-testi-card .ms-testi-quote > :is(.ms-h3, .ms-quote) { font-size: 24px; line-height: 32px; }
}
/* 14ב. החלון בלי קפיצה כשפס הגלילה של הדף נעלם: הרקע (fixed, inset 0) שומר מקום לפס (scrollbar-gutter על
   ‎.ms-reader‎ ולא על html, שמשנה את 100vw, ראו חלק 0), כך שמרכז החלון נשאר במרכז הדף (7.5 ב-1440 עם פס 15).
   הפס של הדף בצד ימין ב-Chrome, ולכן ltr בעטיפה (החלון עצמו rtl). כשהפס משמאל, site.js חלק 15 מחזיר rtl.
   אם הרקע נגלל (מכתב ארוך), הפס שלו יושב באותו מקום. מתחת ל-768 גיליון מלא, בלי. */
@media (min-width: 768px) {
  .elementor.ms-reader { scrollbar-gutter: stable; direction: ltr; }
}

/* 15. הירו טל במובייל (05.11), עד 767 ורק 10374. פיגמה 127:9, לפי ההירו המוגדל של נטע 762:4816.
   צילום: העטיפה (ms-hero-still-mobile, ‏1d4ef3dd) נשארת 390x544 ב-top 88, והתוכן מוגדל פי 1.133 סביב (0, 592)
   של העטיפה (592/544 = 108.8235%). transform ולא background-size, כדי שגם וידאו זרם החול (site.js חלק 7,
   באחוזים של העטיפה) יגדל איתו ויישאר על שעון החול. הכפתור (ms-sand-btn) לפי offsetTop/Height, לא זז.
   ‏ms-hero כבר overflow hidden עד 1024, ולכן מה שבולט ימינה (ה-&) נחתך בקצה המסך.
   חותמת (ms-hero-badge, ‏39716537, קנבס 380x162, הטבעת 148 בצד שמאל של הקנבס, מרכזה ב-y ‏79):
   ב-390 רוחב 290 (טבעת 113), left 270, top 476. ברוחבים אחרים מרכז הטבעת נשאר באותה נקודה יחסית לעטיפה
   (‏83.72% מהרוחב, 448/390 מהרוחב מתחת לראש העטיפה), והרוחב בין 272 ל-290 (טבעת 106 עד 113).
   תפר (05.11): אחרי ההגדלה תחתית התמונה (רגלי ה-& בצבע paper) עולה ל-537.6 מתוך 544, ומתחתיה נחשף פס
   של הצורה (ms-hero-bg, ‏2ed94fe7, אבן) לכל הרוחב. הצורה נחתכת מלמטה באותה מידה: (592-544)*0.133/544
   = 1.1735% מהגובה (‏6.4 ב-390), ועוד 1px נגד קצה מוחלק. כך רגלי ה-& נמסות ב-paper של הסקשן, כמו בפיגמה. */
@media (max-width: 767px) {
  html body.page-id-10374 .elementor .ms-hero-bg {
    clip-path: inset(0 0 calc(1.1735% + 1px) 0);
  }
  html body.page-id-10374 .elementor .ms-hero-still-mobile {
    transform: scale(1.133);
    transform-origin: 0 108.8235%;
  }
  html body.page-id-10374 .elementor .ms-hero-badge {
    --ms-hf: min(100vw, 560px);
    --ms-bw: clamp(272px, calc(var(--ms-hf) * 290 / 390), 290px);
    width: var(--ms-bw);
    height: auto;
    aspect-ratio: 380 / 162;
    inset-inline: auto;
    inset-block-start: auto;
    left: calc((100vw - var(--ms-hf)) / 2 + var(--ms-hf) * 326.5 / 390 - var(--ms-bw) * 74.25 / 380);
    top: calc(88px + var(--ms-hf) * 448 / 390 - var(--ms-bw) * 79 / 380);
  }
}

/* 16. בורר התחומים בהירו (05.11): "דיני משפחה וגירושין" / "נדל"ן ומיסוי נדל"ן", ‏nav.ms-toggle בבית של טל
   (‏3dc5ef80) ובבית של נטע (‏5608d15b). המבנה והמראה הסטטי מהמחלקות (ms-toggle, ms-toggle-opt, ms-toggle-on,
   ms-toggle-tal, ms-toggle-neta), והמצב בטעינה מה-HTML: ms-toggle-on מאלמנטור, ו-aria-current="page" מ-functions.php.
   site.js חלק 16: בלחיצה על האפשרות השנייה נוצר ‎.ms-toggle-thumb‎ (כתם דיו) בדיוק על האפשרות הפעילה, הרקע שלה
   נעלם (ms-toggle-moving), והכתם מחליק (translateX ורוחב, 300ms ease-out) אל השנייה. הטקסטים מחליפים צבע באותו
   זמן (ms-toggle-next). המחלקות של האפשרויות לא מתחלפות, ולכן אין שינוי רוחב באמצע (במובייל הרוחב לפי מצב).
   ‏:not(.ms-art-filter) כדי לא לגעת בסינון של ארכיון המאמרים. פוקוס: 2px דיו בהיסט 3 (במחלקה היה 2). */
.elementor .ms-toggle:not(.ms-art-filter) .ms-toggle-opt:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }
.elementor .ms-toggle.ms-toggle-moving .ms-toggle-opt {
  position: relative;
  z-index: 1;
  transition: color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.elementor .ms-toggle.ms-toggle-moving .ms-toggle-on:not(.ms-toggle-next) { color: var(--ms-muted); background-color: transparent; }
.elementor .ms-toggle.ms-toggle-moving .ms-toggle-next { color: var(--ms-paper); }
.elementor .ms-toggle .ms-toggle-thumb {
  position: absolute;
  z-index: 0;
  margin: 0;
  padding: 0;
  background-color: var(--ms-ink);
  pointer-events: none;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1), width 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

/* 17. כניסת ההירו ומעבר בין הבתים (05.11, motion). תוכנית: 05-design/motion/hero-entrance-plan.md.
   רק 10374 (טל, /) ו-10734 (נטע). רק transform ו-opacity, בלי will-change ובלי JS: keyframes עם fill-mode both,
   כך שהפריים הראשון כבר במצב ההתחלתי, והסוף תמיד גלוי (אין class שתלוי בסקריפט). keyframes עם from בלבד:
   הסוף הוא הערך הרגיל של האלמנט, ולכן לא דורסים transform קיים. לא נוגעים בתמונה, בווידאו, ב-& ובטוגל.
   E1 = cubic-bezier(0.22, 1, 0.36, 1) לכותרת, E2 = cubic-bezier(0.25, 1, 0.5, 1) (כמו הטוגל) לשאר.
   17א. view transition: ה-@view-transition עצמו inline ב-head (functions.php), רק בשני הדפים ורק ב-no-preference.
   שמות קבועים לטוגל, להדר (‎.ms-header‎, לא המסמך: על המסמך השם היה הופך אותו ל-backdrop root, וה-blur
   של ‎.ms-header‎ בגלילה היה מפסיק לראות את הדף) ולפס התחתון (#ms-abar, מוסתר מעל 1024 ואז לא משתתף).
   הם זהים בשני הדפים, ולכן בלי אנימציה (0s). שאר הדף בקרוספייד 320ms. */
@media (prefers-reduced-motion: no-preference) {
  body.page-id-10374 nav.ms-toggle:not(.ms-art-filter),
  body.page-id-10734 nav.ms-toggle:not(.ms-art-filter) { view-transition-name: ms-toggle; }
  body.page-id-10374 header.elementor-location-header > .ms-header,
  body.page-id-10734 header.elementor-location-header > .ms-header { view-transition-name: ms-header; }
  body.page-id-10374 #ms-abar,
  body.page-id-10734 #ms-abar { view-transition-name: ms-actionbar; }
  /* 1.0.16: רקע בהיר לשורש המעבר, כדי ש-Safari לא יציג שחור בין המסמכים. */
  ::view-transition { background-color: var(--ms-paper, #FFFDF8); }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 320ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  ::view-transition-group(ms-toggle), ::view-transition-old(ms-toggle), ::view-transition-new(ms-toggle),
  ::view-transition-group(ms-header), ::view-transition-old(ms-header), ::view-transition-new(ms-header),
  ::view-transition-group(ms-actionbar), ::view-transition-old(ms-actionbar), ::view-transition-new(ms-actionbar) {
    animation-duration: 0s;
  }
}

/* 17ב. (05.11: נטע בלבד, 10734. טל עברה לרצף 17ד.) הכותרת שורה-שורה עם מסכה. ‎.ms-ln‎ (קטע בין ‎<br>‎, block) חותך ב-clip-path ולא ב-overflow: המסכה
   מורחבת 0.35em למעלה ו-0.3em למטה (ל, ן, ק, ך בגובה שורה 1), בלי padding ובלי margin, ולכן הגובה זהה ל-br.
   ‎.ms-ln-in‎ עולה מ-100% ועוד 0.7em (מתחת לקצה המסכה). ‏--ms-ld הוא ה-delay של השורה, והנקודה (em) בשורה
   האחרונה מופיעה כשהשורה נוחתת: delay + 540 בדסקטופ, + 480 במובייל. */
body.page-id-10734 h1.ms-hero-title .ms-ln { display: block; clip-path: inset(-0.35em -0.5em -0.3em -0.5em); }
body.page-id-10734 h1.ms-hero-title .ms-ln-in { display: block; }
@keyframes ms-ln-up { from { transform: translateY(calc(100% + 0.7em)); } }
@keyframes ms-fade { from { opacity: 0; } }
@keyframes ms-rise-12 { from { opacity: 0; transform: translateY(12px); } }
@keyframes ms-rise-8 { from { opacity: 0; transform: translateY(8px); } }
@keyframes ms-rise-20 { from { opacity: 0; transform: translateY(20px); } }

@media (prefers-reduced-motion: no-preference) {
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln-in {
    animation: ms-ln-up 600ms cubic-bezier(0.22, 1, 0.36, 1) var(--ms-ld, 60ms) both;
  }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln:nth-child(1) { --ms-ld: 60ms; }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln:nth-child(2) { --ms-ld: 140ms; }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln:nth-child(3) { --ms-ld: 220ms; }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln:last-child em {
    animation: ms-fade 200ms cubic-bezier(0.25, 1, 0.5, 1) calc(var(--ms-ld, 60ms) + 540ms) both;
  }
  /* גיבוי: אם הפילטר לא רץ (אין ‎.ms-ln‎), כל הכותרת עולה 20px ב-opacity. */
  body.page-id-10734:not(.elementor-editor-active) h1.ms-hero-title:not(:has(.ms-ln)) {
    animation: ms-rise-20 600ms cubic-bezier(0.22, 1, 0.36, 1) 60ms both;
  }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-lead {
    animation: ms-rise-12 480ms cubic-bezier(0.25, 1, 0.5, 1) 480ms both;
  }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-actions {
    animation: ms-rise-12 480ms cubic-bezier(0.25, 1, 0.5, 1) 580ms both;
  }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-badge {
    animation: ms-fade 420ms cubic-bezier(0.25, 1, 0.5, 1) 700ms both;
  }
}
/* מובייל (עד 767; 768 עד 1024 כמו דסקטופ): שורות 520ms בהפרש 70, חותמת לפני הכפתורים (היא מעליהם),
   והפסקה בלי אנימציה (מתחת לקפל). */
@media (prefers-reduced-motion: no-preference) and (max-width: 767px) {
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln-in { animation-duration: 520ms; }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln:nth-child(2) { --ms-ld: 130ms; }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln:nth-child(3) { --ms-ld: 200ms; }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-title .ms-ln:last-child em {
    animation-delay: calc(var(--ms-ld, 60ms) + 480ms);
  }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-lead { animation: none; }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-actions {
    animation: ms-rise-8 420ms cubic-bezier(0.25, 1, 0.5, 1) 520ms both;
  }
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-badge {
    animation-duration: 400ms;
    animation-delay: 440ms;
  }
}
/* 17ג. (נטע בלבד; בטל reduce סטטי לגמרי, 17ד.) reduce: בלי תנועה. רק הטקסט (כותרת, פסקה, כפתורים) ב-fade של 200ms linear, יחד, בלי delay. החותמת בלי.
   בלי view transition (17א בתוך no-preference). */
@media (prefers-reduced-motion: reduce) {
  body.page-id-10734:not(.elementor-editor-active) h1.ms-hero-title,
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-lead,
  body.page-id-10734:not(.elementor-editor-active) .ms-hero-actions {
    animation: ms-fade 200ms linear both;
  }
}

/* 17ד. רצף ההירו של טל (05.11, motion). תוכנית: 05-design/motion/hero-sequence-plan.md, REVIEW 69 עד 75. רק 10374.
   הפיצול למילים ב-functions.php, ההפעלה ב-site.js חלק 17, והשער ב-head (functions.php): ‏html.ms-intro ועוד
   ms-intro-full (ביקור ראשון) או ms-intro-short (חזרה באותו סשן, הגעה מהטוגל). כל אנימציה מוגדרת עם fill both
   ומחכה paused עד ש-site.js מוסיף ms-intro-play (זה T0). כך המצב ההתחלתי מגיע מאותה הגדרה, בלי כללי הסתרה.
   ‏ms-intro-done מבטל הכול, וזה המצב הטבעי. בלי JS, ב-reduce ובעורך אין ms-intro, ושום כלל כאן לא חל.
   רק transform, opacity ו-scale, חוץ מ-letter-spacing של "זה הזמן" (שורה אחת, nowrap, מיושרת לימין, נמדד: CLS 0)
   ו-stroke-dashoffset של המסכה של ה-& (site.js מזריק אותה). בלי will-change.
   P (עט) 0.45,0,0.2,1 · ‏E1 0.22,1,0.36,1 · ‏E2 0.25,1,0.5,1 · ‏G (גרגר, ease-in) 0.5,0,0.75,0. */

/* מבנה קבוע (גם בלי רצף), כדי שהמצב הסופי יהיה זהה לסטטי: מילים ב-inline-block (בשביל transform), הנקודה
   של שורה 2 צמודה למילה שלפניה, "זה הזמן" בלי שבירה. ה-picture של טל לא יוצר קופסה. */
body.page-id-10374 .ms-hero-tal-pic { display: contents; }
body.page-id-10374 h1.ms-hero-title .ms-ln { display: block; }
body.page-id-10374 h1.ms-hero-title .ms-w,
body.page-id-10374 h1.ms-hero-title .ms-grain { display: inline-block; }
body.page-id-10374 h1.ms-hero-title .ms-nb,
body.page-id-10374 h1.ms-hero-title .ms-track { white-space: nowrap; }

@keyframes ms-i-draw { from { stroke-dashoffset: var(--ms-len, 4000); } to { stroke-dashoffset: 0; } }
@keyframes ms-i-show { from { opacity: 0.01; } }
@keyframes ms-i-zoom { from { scale: 1.04; } }
@keyframes ms-i-stamp { from { opacity: 0; scale: 1.04; } }
@keyframes ms-i-word { from { opacity: 0; transform: translateY(0.18em); } }
@keyframes ms-i-track { from { letter-spacing: 0.4em; } to { letter-spacing: 0; } }
@keyframes ms-i-drop { from { transform: translateY(var(--ms-gy, -24px)); } }

/* זמנים. דסקטופ (768 ומעלה): מילים מ-1200 בהפרש 130, ועוד 70 בין שורות. הנקודה 560 אחרי המילה האחרונה,
   "זה הזמן" 360 אחריה, הגרגר 420 אחרי תחילת "זה הזמן", והפסקה והכפתורים כשהגרגר נוחת.
   ‏--wn / --wl (המילה האחרונה והשורה שלה) מה-h1 (functions.php), ו-site.js מעתיק אותם ל-‎.ms-hero‎. */
body.page-id-10374 .ms-hero {
  --t-amp: 1100ms; --t-tal: 350ms; --t-tf: 500ms; --t-tz: 1100ms; --t-bg: 1050ms; --t-bgd: 450ms;
  --t-w0: 1200ms; --t-st: 130ms; --t-lg: 70ms; --t-wd: 420ms; --t-beat: 560ms; --t-bd: 160ms;
  --t-pause: 360ms; --t-trd: 600ms; --t-g: 420ms; --t-gd: 220ms; --ms-gy: -24px;
  --t-tr: calc(var(--t-w0) + var(--wn, 5) * var(--t-st) + var(--wl, 1) * var(--t-lg) + var(--t-beat) + var(--t-pause));
  --t-end: calc(var(--t-tr) + var(--t-g) + var(--t-gd));
}
@media (max-width: 767px) {
  body.page-id-10374 .ms-hero {
    --t-amp: 900ms; --t-tal: 300ms; --t-tf: 450ms; --t-tz: 900ms; --t-bg: 850ms; --t-bgd: 400ms;
    --t-w0: 1000ms; --t-st: 110ms; --t-wd: 380ms; --t-beat: 500ms; --t-bd: 140ms;
    --t-pause: 320ms; --t-trd: 520ms; --t-gd: 200ms; --ms-gy: -12px;
  }
}

/* עד T0 הכול עומד (paused). מתחת ל-767 הכפתורים והפסקה עומדים עד ms-in (site.js, IntersectionObserver). */
html.ms-intro:not(.ms-intro-play) body.page-id-10374 .ms-hero * { animation-play-state: paused !important; }
@media (max-width: 767px) {
  html.ms-intro body.page-id-10374 .ms-hero .ms-hero-actions:not(.ms-in) > *,
  html.ms-intro body.page-id-10374 .ms-hero .ms-hero-lead:not(.ms-in) { animation-play-state: paused !important; }
}
/* ה-& מוסתר עד שהמסכה קיימת (T0). */
html.ms-intro-full:not(.ms-intro-play):not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-amp { visibility: hidden; }

/* גרסה מלאה */
html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-amp-trace {
  animation: ms-i-draw var(--t-amp) cubic-bezier(0.45, 0, 0.2, 1) both;
}
html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-tal {
  transform-origin: 50% 32%;
  animation:
    ms-i-show var(--t-tf) cubic-bezier(0.25, 1, 0.5, 1) var(--t-tal) both,
    ms-i-zoom var(--t-tz) cubic-bezier(0.22, 1, 0.36, 1) var(--t-tal) both;
}
html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-badge {
  animation: ms-i-stamp var(--t-bgd) cubic-bezier(0.22, 1, 0.36, 1) var(--t-bg) both;
}
html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero h1.ms-hero-title .ms-w {
  animation: ms-i-word var(--t-wd) cubic-bezier(0.22, 1, 0.36, 1)
    calc(var(--t-w0) + var(--i, 0) * var(--t-st) + var(--l, 0) * var(--t-lg)) both;
}
html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero h1.ms-hero-title .ms-beat {
  animation: ms-fade var(--t-bd) cubic-bezier(0.25, 1, 0.5, 1)
    calc(var(--t-w0) + var(--i, 0) * var(--t-st) + var(--l, 0) * var(--t-lg) + var(--t-beat)) both;
}
html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero h1.ms-hero-title .ms-track {
  animation:
    ms-i-track var(--t-trd) cubic-bezier(0.22, 1, 0.36, 1) var(--t-tr) both,
    ms-fade 240ms cubic-bezier(0.22, 1, 0.36, 1) var(--t-tr) both;
}
html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero h1.ms-hero-title .ms-grain {
  animation:
    ms-fade 60ms linear calc(var(--t-tr) + var(--t-g)) both,
    ms-i-drop var(--t-gd) cubic-bezier(0.5, 0, 0.75, 0) calc(var(--t-tr) + var(--t-g)) both;
}
/* גיבוי: הפילטר לא פיצל (אין ‎.ms-ln‎). כל הכותרת עולה ב-1200. */
html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero h1.ms-hero-title:not(:has(.ms-ln)) {
  animation: ms-rise-20 600ms cubic-bezier(0.22, 1, 0.36, 1) var(--t-w0) both;
}
@media (min-width: 768px) {
  html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-lead {
    animation: ms-rise-12 450ms cubic-bezier(0.25, 1, 0.5, 1) var(--t-end) both;
  }
  html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(1) {
    animation: ms-rise-12 420ms cubic-bezier(0.25, 1, 0.5, 1) calc(var(--t-end) + 100ms) both;
  }
  html.ms-intro-full:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(2) {
    animation: ms-rise-12 380ms cubic-bezier(0.25, 1, 0.5, 1) calc(var(--t-end) + 200ms) both;
  }
}

/* גרסה מקוצרת (כ-0.82 שניות): ה-& וטל סטטיים, השורות עולות 0/80/160. */
html.ms-intro-short:not(.ms-intro-done) body.page-id-10374 .ms-hero h1.ms-hero-title .ms-ln {
  animation: ms-i-word 420ms cubic-bezier(0.22, 1, 0.36, 1) calc(var(--l, 0) * 80ms) both;
}
html.ms-intro-short:not(.ms-intro-done) body.page-id-10374 .ms-hero h1.ms-hero-title:not(:has(.ms-ln)) {
  animation: ms-rise-20 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.ms-intro-short:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-badge {
  animation: ms-fade 360ms cubic-bezier(0.25, 1, 0.5, 1) 120ms both;
}
@media (min-width: 768px) {
  html.ms-intro-short:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-lead {
    animation: ms-rise-12 360ms cubic-bezier(0.25, 1, 0.5, 1) 300ms both;
  }
  html.ms-intro-short:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(1) {
    animation: ms-rise-12 360ms cubic-bezier(0.25, 1, 0.5, 1) 380ms both;
  }
  html.ms-intro-short:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(2) {
    animation: ms-rise-12 360ms cubic-bezier(0.25, 1, 0.5, 1) 460ms both;
  }
}

/* מובייל (עד 767), בשתי הגרסאות: הכפתור והקישור עולים 8 כשהם במסך, והפסקה 12 בגלילה (ms-in מ-site.js,
   לא לפני סוף הרצף). לא תלוי ב-done, ולכן נשאר תחת ms-intro-play. ‏--ms-in-d: ההשהיה של הפסקה (120 אחרי הכפתור). */
@media (max-width: 767px) {
  html.ms-intro:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(1),
  html.ms-intro.ms-intro-play body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(1) {
    animation: ms-rise-8 400ms cubic-bezier(0.25, 1, 0.5, 1) both;
  }
  html.ms-intro:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(2),
  html.ms-intro.ms-intro-play body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(2) {
    animation: ms-rise-8 360ms cubic-bezier(0.25, 1, 0.5, 1) 100ms both;
  }
  html.ms-intro-short.ms-intro-play body.page-id-10374 .ms-hero .ms-hero-actions > :nth-child(2) { animation-delay: 80ms; }
  html.ms-intro:not(.ms-intro-done) body.page-id-10374 .ms-hero .ms-hero-lead,
  html.ms-intro.ms-intro-play body.page-id-10374 .ms-hero .ms-hero-lead {
    animation: ms-rise-12 420ms cubic-bezier(0.25, 1, 0.5, 1) var(--ms-in-d, 0ms) both;
  }
}

/* 18. סבב תיקונים מהבדיקה הכוללת (06.11, 1.0.23, design-qa-site-0611-a/b).
   א. פירור קצר (‎.ms-crumb-link‎, למשל "נדל"ן" 28x44 בעמודי הנדל"ן): עד 1024 שטח לחיצה ברוחב 44 לפחות, ממורכז על
      הקישור (::before, ב-pseudo שמאל/ימין לא מתהפכים). מתפרס רק על המפריד "/" שאינו לחיץ, לא על הפירור השכן.
   ב. הטלפון בפוטר (‎.ms-footer-contact > .ms-footer-text‎, ‏4ac2e33): ה-::before של 11א (44 ממורכז) נחתך מלמטה
      ע"י שורת הקישורים המשפטיים שצמודה אליו (חלון לחיצה 32). כאן ה-44 נמתח כלפי מעלה מהקצה התחתון (24 פנויים
      עד האייקונים). המראה לא משתנה.
   ג. יעד "דלג לתוכן" (site.js 18א, tabindex -1): בלי קו פוקוס על כל ה-main כשהפוקוס עובר אליו.
   ד. כרטיסי "בתקשורת" בטאבלט (768 עד 1024): הכותרת הייתה 32 ברוחב 136 (עד 8 שורות ומילים בודדות). כמו במובייל:
      כותרת 24/32 וריפוד צד 24, ו-text-wrap balance (בלי מילה בודדת גם ברוחבים שבין 768 ל-1024). דסקטופ ומובייל
      בלי שינוי. html body כי ה-custom_css של המחלקות נטען אחרי הקובץ. */
@media (max-width: 1024px) {
  .elementor .ms-crumb-link { position: relative; }
  .elementor .ms-crumb-link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: min(0px, calc(50% - 22px));
    right: min(0px, calc(50% - 22px));
    background: transparent;
  }
  .elementor .ms-footer-contact > .ms-footer-text::before {
    top: auto;
    bottom: 0;
    margin-top: 0;
  }
}
#content[tabindex="-1"]:focus { outline: none; }
@media (min-width: 768px) and (max-width: 1024px) {
  html body .elementor .ms-press-rail .ms-press-card { padding-left: 24px; padding-right: 24px; }
  html body .elementor .ms-press-rail .ms-press-title { font-size: 24px; line-height: 32px; text-wrap: balance; }
}

/* 19. תנועה עדינה בכל האתר (06.11, 1.0.24, motion). תוכנית: 05-design/motion/site-motion-plan.md, REVIEW 91 עד 93.
   רק transform ו-opacity, בלי will-change קבוע. focus-visible לא משתנה (בלי transition על outline).
   html body כי ה-custom_css של המחלקות נטען אחרי הקובץ. ‎.ms-header-cta‎ מחוץ לכללים: בהדר הנעוץ יש לו transform משלו (חלק 7).
   א. כניסה בגלילה: ‎html.ms-rv-on‎ ו-‎.ms-rv‎ נוספים רק מ-site.js חלק 20 (בלי JS הכול גלוי), ורק ב-no-preference.
      ‎.ms-rv-in‎ = נכנס. בסוף site.js מסיר את שלוש המחלקות, והאלמנט חוזר לסגנון שלו. */
@media (prefers-reduced-motion: no-preference) {
  html.ms-rv-on .ms-rv { opacity: 0; transform: translate3d(0, 12px, 0); }
  html.ms-rv-on .ms-rv.ms-rv-in {
    opacity: 1; transform: none;
    transition: opacity 480ms cubic-bezier(0.22, 1, 0.36, 1), transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
  }
}
@media print { html.ms-rv-on .ms-rv { opacity: 1 !important; transform: none !important; } }

/* ב. hover: כפתורים 200ms (היה 400; חיצי קרוסלה 300), כרטיסי קו 200 (היה 250). צבעים בלבד, כמו קודם. */
html body .elementor .ms-btn:not(.ms-header-cta) {
  transition: background-color var(--ms-dur-xs) var(--ms-ease), color var(--ms-dur-xs) var(--ms-ease), border-color var(--ms-dur-xs) var(--ms-ease), transform 120ms var(--ms-ease);
}
html body .elementor .ms-arrow-btn { transition: background-color var(--ms-dur-xs) var(--ms-ease); }
html body .elementor .ms-art-card,
html body .elementor .ms-press-card { transition: border-color var(--ms-dur-xs) var(--ms-ease); }

/* ג. החץ זז לכיוון הקריאה (שמאלה): בכפתור (‎::after‎ ברירת המחדל, לא אייקון ms-ico-*) 3px, בשורת רשימה 4px.
   ‏translate של המחלקה (‏0 1px) נשאר, כי זה transform נפרד. רק עם עכבר. */
html body .elementor .ms-btn:not(.ms-header-cta):not([class*="ms-ico-"])::after,
html body .elementor .ms-lrow .ms-lrow-icon {
  transition: transform var(--ms-dur-xs) var(--ms-ease), background-color var(--ms-dur-xs) var(--ms-ease);
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html body .elementor .ms-btn:not(.ms-header-cta):not([class*="ms-ico-"]):hover::after { transform: translate3d(-3px, 0, 0); }
  html body .elementor .ms-lrow:hover .ms-lrow-icon { transform: translate3d(-4px, 0, 0); }
}

/* ד. לחיצה: הכפתור נלחץ 2% (משוב). לא בהדר. */
@media (prefers-reduced-motion: no-preference) {
  html body .elementor .ms-btn:not(.ms-header-cta):active { transform: scale(0.98); }
}
@media (prefers-reduced-motion: reduce) {
  html body .elementor .ms-btn:not(.ms-header-cta),
  html body .elementor .ms-btn:not(.ms-header-cta)::after,
  html body .elementor .ms-lrow .ms-lrow-icon { transition-property: background-color, color, border-color; }
}

/* 20. "דלג לתוכן" (06.11, 1.0.25). במקום ברירת המחדל של Hello (#eee/#333, 1rem, left 5px).
   בשפת ms-btn-solid: גלולה 44, רקע דיו, טקסט נייר, Discovery 18/24, ריפוד 20 (תחתון 3).
   מופיע בפינה הימנית העליונה (RTL, inset-inline-start), מעל ההדר. קו פוקוס כמו בשאר האתר: 2px דיו, offset 3. */
html body .skip-link.screen-reader-text:focus,
html body .skip-link.screen-reader-text:focus-visible {
  position: fixed !important;
  top: 12px; left: auto; right: auto; inset-inline-start: 12px;
  z-index: 100001;
  display: inline-flex; align-items: center; justify-content: center;
  width: auto; height: 44px; box-sizing: border-box;
  padding: 0 20px 3px; margin: 0;
  font-family: var(--ms-font, Discovery), sans-serif; font-weight: 400; font-size: 18px; line-height: 24px;
  color: var(--ms-paper, #FFFDF8); background-color: var(--ms-ink, #120A09);
  border: 1px solid var(--ms-ink, #120A09); border-radius: 999px;
  text-decoration: none; white-space: nowrap;
  clip: auto !important; clip-path: none;
  outline: 2px solid var(--ms-ink, #120A09); outline-offset: 3px;
  box-shadow: 0 0 0 3px var(--ms-paper, #FFFDF8);
}

/* 21. שבירת כותרות בספארי ובאייפון (07.11, 1.0.28). רק WebKit: ‎@supports (font: -apple-system-body)‎ לא מתקיים בכרום,
   ולכן בכרום לא משתנה אף פיקסל. הסיבה: text-wrap: pretty של WebKit (Safari 26 ומעלה) שובר שורה בתוך תיבה שרוחבה
   נקבע לפי השורה הארוכה (כותרת עם <br> בעמודת flex-start), למשל "אני מאמינה / שאפשר / גם אחרת". בכותרת עם <br>
   השורות כבר נקבעו ידנית, ולכן שבירה רגילה (auto) בספארי נותנת בדיוק את השבירה של כרום. ms-press-title: נמדד שבשבירה
   רגילה ספארי זהה לכרום בכל 36 המופעים, וב-pretty שונה ב-20. ב-768 עד 1024 כלל ה-balance של חלק 18ד גובר (ספציפיות גבוהה יותר).
   נמדד ב-Playwright (WebKit 27.2 באמולציית iPhone, Chromium) ב-24 דפים ב-1440, 390 ו-360.
   1.0.30 (07.11): גם p עם <br> ישיר (ms-stat-text "מההורים שניהלו<br>הליך בבית משפט": בספארי 1440 ארבע שורות ומילה בודדת, בכרום שתיים). */
@supports (font: -apple-system-body) {
  html body .elementor :is(h1, h2, h3, h4, h5, h6, .ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-h5, .ms-h6, .ms-quote, .ms-price):has(> br),
  html body .elementor p.e-paragraph-base:has(> br),
  html body .elementor .ms-press-title { text-wrap-style: auto; }
}

/* 22. שבירת טקסט בספארי/אייפון (07.11, 1.0.29; כל הרוחבים מ-1.0.31). רק WebKit (‎@supports (font: -apple-system-body)‎, לא מתקיים
   בכרום) ורק עד 767, כך שבכרום ומ-768 ומעלה לא משתנה אף פיקסל. הבעיה (רויטל, iPhone 15 Pro Max ‏430): הקו המפריד
   מגיע לקו השמאלי של הגריד והטקסט נשבר ~100px לפני. הסיבה: לא רוחב קבוע (התיבות ממלאות את העמודה בכל רוחב), אלא
   text-wrap: pretty של WebKit, שמאזן את כל שורות הפסקה ומקצר אותן (נמדד: ~400 שבירות "מוקדמות" לרוחב ב-WebKit, מול
   ~130 בכרום). כאן שבירה רגילה (auto), כמו בפיגמה. מילה בודדת בשורה האחרונה: site.js חלק 21 (רווח קשיח לפני
   המילה האחרונה, רק ב-WebKit ובמובייל). ms-press-title כבר auto בחלק 21.
   1.0.31 (07.11, החלטת מנהל): בכל הרוחבים, לא רק עד 767. בספארי 1440 היו ~300 שבירות מוקדמות מול 77 בכרום.
   מעל 767 מילה בודדת מטופלת ב-site.js 21ב (span.ms-nobr אחרי מדידה). בכרום לא משתנה דבר. */
@supports (font: -apple-system-body) {
  html body .elementor :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, a, span, div, label, button, summary):not(.ms-press-title) { text-wrap-style: auto; }
}

/* 23. כתובת המשרד ב-/about-new/ (11043, ‏34c93ae9 בתוך המסגרת fa0ee6d) בשורה אחת גם ב-360 (07.11, 1.0.29).
   הכתובת צריכה 237 והתיבה 232 (מסגרת 280 פחות ריפוד 23 וקו 1 מכל צד). רק מתחת ל-375: ריפוד הצד של המסגרת הזאת 20
   (תיבה 238) ו-nowrap. בלי שינוי פונט. 375 ומעלה בלי שינוי. */
@media (max-width: 374px) {
  html body .elementor .ms-frame:has(> .ms-stack > [data-id="34c93ae9"]) { padding-inline: 20px; }
  html body .elementor [data-id="34c93ae9"] { white-space: nowrap; }
}

/* 24. ניגודיות ומרווחים אחרי המרת הכפתורים בלי יעד לטקסט (06.11, 1.0.34, design-qa).
   24א. כרטיס "מרכז ידע" בלי תמונה (מקום שמור: יש בו ‎.ms-card-pending‎, רקע stone 229,221,210). ההכהיה של חלק 13
   (זהה לטל) על רקע בהיר נותנת לטקסט הקרם רק ~1.3 עד 3.2:1. כאן, רק כל עוד הכרטיס מקום שמור: בלי הכהיה וכל הטקסט
   בצבע הדיו. כשנכנסת תמונה מוחקים את ‎.ms-card-pending‎ והכרטיס חוזר לבד לקרם עם ההכהיה, בדיוק כמו בטל. */
.elementor .ms-learn-card:has(> .ms-card-pending)::before { background-image: none; }
.elementor .ms-learn-card:has(> .ms-card-pending) :is(.ms-card-tag, .ms-card-title, .ms-card-num, .ms-card-note) { color: var(--ms-ink); }

/* 24ב. נטע, מסלולים במובייל (עד 1024, שם ‎.ms-route-media‎ מוצג): כשיש ‎.ms-card-note‎ על התמונה, הכהיה מתחת לטקסט
   זהה לשכבה התחתונה בכרטיסים של טל (נמדד: מינימום 2.05:1 בלי, 10.5:1 איתה). ב-::before, כי ה-::after של המדיה הוא מסגרת הקו המוזזת. */
@media (max-width: 1024px) {
  .elementor .ms-route-media:has(> .ms-card-note)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(180deg, rgba(18,10,9,0) 12%, rgba(18,10,9,0.45) 55%, rgba(18,10,9,0.82) 100%);
  }
}

/* 24ג. מסילת ההמלצות: כרטיס בלי חתימה (בלי ‎.ms-testi-src‎) - הציטוט במרכז האנכי. הגובה של הכרטיס לא משתנה. */
.elementor .ms-testi-card:not(:has(> .ms-testi-src)) { justify-content: center; }

/* 25. סולם כותרות אחיד (06.11, 1.0.35; פיגמה 972:37, דוגמה 976:172). המחלקות עצמן באלמנטור: ms-h1 56/64, ms-h2 40/48,
   ms-h3 28/36 (400), ms-h4 22/30, ms-h5/ms-h6 18/28, ms-quote 32/40 (ציטוט, המלצה, שורת CTA), ms-price (המחיר בקורס, 56/64 כמו קודם).
   כאן רק כותרות בגוף המאמר (תוכן הפוסט הישן בתוך ‎.ms-art-content‎ בתבניות C1/C1N), שקיבלו עד היום את ה-reset של Hello
   (h2 32px, 500). אותם ערכים ואותו clamp (390 עד 1440) כמו במחלקות. גיבוי וחזרה: 06-build/backups/2026-11-06-heading-scale/. */
html body .elementor .ms-art-content h2 { font-size: clamp(28px, 28px + 12 * (100vw - 390px) / 1050, 40px); line-height: clamp(36px, 36px + 12 * (100vw - 390px) / 1050, 48px); font-weight: 300; }
html body .elementor .ms-art-content h3 { font-size: clamp(22px, 22px + 6 * (100vw - 390px) / 1050, 28px); line-height: clamp(30px, 30px + 6 * (100vw - 390px) / 1050, 36px); font-weight: 400; }
html body .elementor .ms-art-content h4 { font-size: clamp(18px, 18px + 4 * (100vw - 390px) / 1050, 22px); line-height: clamp(26px, 26px + 4 * (100vw - 390px) / 1050, 30px); font-weight: 400; }
html body .elementor .ms-art-content :is(h5, h6) { font-size: clamp(16px, 16px + 2 * (100vw - 390px) / 1050, 18px); line-height: clamp(24px, 24px + 4 * (100vw - 390px) / 1050, 28px); font-weight: 400; }
html body .elementor .ms-art-content h5 { font-weight: 500; }

/* 26. רוחב מלא מעל 1440 (06.11, 1.0.36, רויטל: "הרקע של הדף והתפריט על כל הרוחב, גם הפוטר; רק התוכן נשאר בגריד").
   הגורם: max-width 1440 במחלקות ms-section, ms-header, ms-footer ו-ms-page-head, ולכן הרקע נעצר ב-1440 ומשני הצדדים
   נראה הרקע הלבן של body. כאן המעטפת נמתחת לכל החלון, והריפוד (המשתנה --ms-section-x שהמחלקות כבר משתמשות בו)
   גדל כך שהתוכן נשאר 1240 במרכז. האחוז נמדד מול רוחב ההורה (בלי פס הגלילה, לא 100vw).
   עד 1440 אין שינוי: max(100, (רוחב-1240)/2) = 100 כל עוד הרוחב עד 1440. ms-contact-info ו-ms-contact-formcol
   יורשים את המשתנה (הסקשן שלהם בלי ריפוד), לכן גם הם נמתחים עד הקצה והתוכן שלהם במקום.
   ms-tell-paper (טופס על צילום) ברוחב קבוע 605: מתרחב בחצי ההפרש, והריפוד בצד הקצה גדל באותו ערך.
   ההירו (ms-hero) כבר היה ברוחב מלא ולא השתנה. קרוסלות (overflow-x: clip של הסקשן) נחתכות עכשיו בקצה החלון. */
@media (min-width: 1441px) {
  .elementor :is(.ms-section, .ms-header, .ms-footer, .ms-page-head) {
    max-width: none;
    --ms-section-x: max(100px, calc((100% - 1240px) / 2));
  }
  .elementor .ms-tell-paper {
    --ms-fw-x: max(0px, calc((100% - 1440px) / 2)); /* בין 1441 ל-1455 הרוחב בלי פס הגלילה קטן מ-1440: בלי max היה מתכווץ */
    width: calc(605px + var(--ms-fw-x));
    padding-inline-end: calc(100px + var(--ms-fw-x));
  }
}

/* 27. תנועת רכיבי הספרייה (07.11, 1.0.37). ההפעלה ב-site.js חלק 23, שמוסיף ‎.ms-mo‎ (מחכה) ואז ‎.ms-mo-in‎ (רץ).
   בלי ‎.ms-mo‎ (בלי JS, reduce, עורך) אין כאן כלום, והרכיב סטטי וגלוי. ב-reduce גם הכללים לא חלים.
   C03: הקו והחץ (‎::before‎ של ‎.ms-step‎, מחלקת ms-steps-line) נחשפים ב-clip-path, כדי שהחץ לא יימתח. זמן הקו
   הכולל 1200ms לינארי, ‎--ms-n‎ שלבים, ‎--ms-i‎ מספר השלב, ‎--ms-k‎ מספר הילד בתוך השלב (site.js). */
@media (prefers-reduced-motion: no-preference) {
  .elementor .ms-steps-line.ms-mo:not(.ms-mo-in) > .ms-step::before { clip-path: inset(0 0 0 100%); }
  /* 1.0.38 (design-qa v2): הנקודה מוסתרת עד שהקו מגיע אליה. */
  .elementor .ms-steps-line.ms-mo:not(.ms-mo-in) > .ms-step::after { transform: scale(0); opacity: 0; }
  .elementor .ms-steps-line.ms-mo > .ms-step > * { opacity: 0; transform: translateY(8px); }
  .elementor .ms-steps-line.ms-mo-in > .ms-step::before {
    clip-path: inset(0 0 0 0);
    transition: clip-path calc(1200ms / var(--ms-n, 3)) linear calc(var(--ms-i, 0) * 1200ms / var(--ms-n, 3));
  }
  .elementor .ms-steps-line.ms-mo-in > .ms-step::after {
    transform: none; opacity: 1;
    transition: transform 320ms var(--ms-ease) calc(var(--ms-i, 0) * 1200ms / var(--ms-n, 3)),
      opacity 200ms ease calc(var(--ms-i, 0) * 1200ms / var(--ms-n, 3));
  }
  .elementor .ms-steps-line.ms-mo-in > .ms-step > * {
    opacity: 1; transform: none;
    transition: opacity 450ms ease calc(var(--ms-i, 0) * 1200ms / var(--ms-n, 3) + 160ms + var(--ms-k, 0) * 90ms),
      transform 450ms var(--ms-ease) calc(var(--ms-i, 0) * 1200ms / var(--ms-n, 3) + 160ms + var(--ms-k, 0) * 90ms);
  }
  @media (max-width: 1024px) {
    .elementor .ms-steps-line.ms-mo:not(.ms-mo-in) > .ms-step::before { clip-path: inset(0 0 100% 0); }
  }
  /* E01 */
  .elementor .ms-mo > .ms-body-row { opacity: 0; transform: translateY(8px); }
  .elementor .ms-mo-in > .ms-body-row {
    opacity: 1; transform: none;
    transition: opacity 500ms ease calc(var(--ms-i, 0) * 120ms), transform 500ms var(--ms-ease) calc(var(--ms-i, 0) * 120ms);
  }
  /* C01 גרסה 3 */
  .elementor .ms-share-bar.ms-mo .ms-share-segs > * { transform: scaleX(0); transform-origin: 100% 50%; }
  .elementor .ms-share-bar.ms-mo-in .ms-share-segs > * {
    transform: none;
    transition: transform 360ms var(--ms-ease) calc(var(--ms-i, 0) * 110ms);
  }
}
/* 28. ניגון פרק בחלון (P01, 08.11, 1.0.39; סימן בפינה ו-9:16 ב-1.0.41, REVIEW 125). המבנה מ-site.js חלק 24.
   הכפתור השקוף ms-ep-play מכסה את כל התמונה (כל התמונה לחיצה). סימן הניגון לא במרכז (כיסה את הפנים): עיגול מלא
   בצבע הדף, 44 (גובה ms-ep-btn), משולש מלא בדיו, בלי שקיפות, בפינה הימנית התחתונה: אותו קו תחתון (9) ואותו מרחק
   מהקצה כמו אייקון היוטיוב בפינה השמאלית: 33 (1.0.43; הכפתור ms-ep-btn ברוחב 182 והתוכן בו ממורכז, ולכן האייקון 32.8 מהקצה ולא 20). כשיש בכרטיס גם ספוטיפיי (שתופס את הפינה הימנית) העיגול עולה מעליו
   ברווח 8. זה CSS של התבנית ולא מחלקת V4, לכן right הוא ימין פיזי. ריחוף: התמונה מתקרבת 1.03 ב-300ms בתוך
   ה-overflow hidden של ms-ep-thumb (רק במכשיר עם עכבר, ובלי ב-reduced-motion). פוקוס מקלדת: טבעת על העיגול.
   החלון: רקע דיו 80%, מסגרת 16:9 עד 1040, במובייל 100% פחות 16 מכל צד, כפתור סגירה 44 מעל המסגרת בפינה השמאלית.
   סרטון לאורך (‎/shorts/‎, data-vertical או ms-ep-vertical על הכרטיס): ms-vbox-v, מסגרת 9:16, גובה עד 90vh
   (ובתוך המסך פחות הריפוד והסגירה), הרוחב נגזר מהגובה. fade של 200ms, ב-reduced-motion בלי. */
.elementor .ms-ep-thumb.ms-ep-has-play { position: relative; overflow: hidden; }
.elementor .ms-ep-thumb.ms-ep-has-play > .ms-ep-links { z-index: 2; pointer-events: none; }
.elementor .ms-ep-thumb.ms-ep-has-play > .ms-ep-links > * { pointer-events: auto; }
.elementor .ms-ep-play {
  position: absolute; inset: 0; z-index: 1;
  display: block;
  width: auto; min-width: 0; height: auto; margin: 0; padding: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: var(--ms-ink); cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.elementor .ms-ep-play:hover,
.elementor .ms-ep-play:focus { background: transparent; color: var(--ms-ink); }
.elementor .ms-ep-play-mark {
  position: absolute; right: 0; bottom: 9px;
  display: flex; align-items: center; justify-content: center; box-sizing: border-box;
  width: 44px; height: 44px; border-radius: 50%;
  background-color: var(--ms-paper); border: 0; color: var(--ms-ink);
}
.elementor .ms-ep-has-sp .ms-ep-play-mark { bottom: 61px; }
.elementor .ms-ep-play-mark svg { display: block; width: 18px; height: 18px; }
.elementor .ms-ep-play:focus { outline: none; }
.elementor .ms-ep-play:focus-visible .ms-ep-play-mark { outline: 2px solid var(--ms-ink); outline-offset: 2px; box-shadow: 0 0 0 6px var(--ms-paper); }
.elementor .ms-ep-thumb.ms-ep-has-play > img { transition: transform 300ms var(--ms-ease); }
@media (hover: hover) {
  .elementor .ms-ep-thumb.ms-ep-has-play:hover > img { transform: scale(1.03); }
}
html.ms-vbox-lock,
html.ms-vbox-lock body { overflow: hidden; }
.elementor.ms-vbox {
  position: fixed; inset: 0; z-index: 1100;
  display: flex; align-items: center; justify-content: center;
  padding: 40px; box-sizing: border-box;
  background-color: rgba(18, 10, 9, .8);
  opacity: 0; transition: opacity 200ms var(--ms-ease);
}
.elementor.ms-vbox[hidden] { display: none; }
.elementor.ms-vbox.ms-vbox-on { opacity: 1; }
.elementor .ms-vbox-guard { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.elementor .ms-vbox-panel {
  display: flex; flex-direction: column; align-items: flex-end; gap: 12px;
  width: min(1040px, 100%, (100vh - 80px - 56px) * 16 / 9);
  direction: rtl;
}
.elementor .ms-vbox-close {
  display: flex; align-items: center; justify-content: center; box-sizing: border-box;
  width: 44px; height: 44px; min-width: 44px; margin: 0; padding: 0;
  border: 1px solid rgba(255, 255, 255, .5); border-radius: 22px;
  background-color: transparent; color: var(--ms-paper); cursor: pointer;
  transition: background-color 200ms var(--ms-ease), color 200ms var(--ms-ease);
}
.elementor .ms-vbox-close svg { display: block; }
.elementor .ms-vbox-close:hover,
.elementor .ms-vbox-close:focus-visible { background-color: var(--ms-paper); border-color: var(--ms-paper); color: var(--ms-ink); }
.elementor .ms-vbox-close:focus { outline: none; }
.elementor .ms-vbox-close:focus-visible { outline: 2px solid var(--ms-paper); outline-offset: 3px; }
.elementor .ms-vbox-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; background-color: #000; }
.elementor.ms-vbox-v .ms-vbox-panel { width: min(100%, min(90vh, 100vh - 80px - 56px) * 9 / 16); }
.elementor.ms-vbox-v .ms-vbox-frame { aspect-ratio: 9 / 16; }
.elementor .ms-vbox-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
@media (max-width: 767px) {
  .elementor.ms-vbox { padding: 16px; }
  .elementor .ms-vbox-panel { width: 100%; }
  .elementor.ms-vbox-v .ms-vbox-panel { width: min(100%, min(90vh, 100vh - 32px - 56px) * 9 / 16); }
}
@media (prefers-reduced-motion: reduce) {
  .elementor.ms-vbox,
  .elementor .ms-vbox-close,
  .elementor .ms-ep-thumb.ms-ep-has-play > img { transition: none; }
  .elementor .ms-ep-thumb.ms-ep-has-play:hover > img { transform: none; }
}

/* 29. תמונת פרק ms-chapter-media בדסקטופ (1.0.43-1.0.44, 09.11, design-qa-domains-drafts-0811). במחלקה של אלמנטור התמונה
   ‎.ms-chapter-img‎ נמתחת לכל גובה השורות שהיא תופסת (height 0, min-height 100%, align-self stretch), ולכן בפרק ארוך היא
   יצאה 365x705 ו-365x973 וחתכה את האנשים. עכשיו היא ביחס 3:4 קבוע ונצמדת לשורה הראשונה (קו הפרק), בלי קשר לגובה התוכן.
   ‎html body‎ כדי לגבור על ‎.elementor .ms-chapter-media > .ms-chapter-img‎ של המחלקה (0,3,0). במובייל (עד 1024) התמונה
   הזאת מוסתרת ו-ms-chapter-img-wide ב-16:9 מוצגת, בלי שינוי.
   השורה האחרונה שהתמונה תופסת היא 1fr: כשהתמונה גבוהה מהתוכן, רק היא גדלה (רווח בסוף הפרק) והרווחים בין הפסקאות
   לא נפתחים. לכן ‎--ms-rows‎ על הפרק = מספר הפריטים בטור הטקסט (ברירת מחדל 3, כמו במחלקה). 1.0.44. */
@media (min-width: 1025px) {
  html body .elementor .ms-chapter-media:has(> .ms-chapter-img) {
    grid-template-rows: repeat(calc(var(--ms-rows, 3) - 1), auto) minmax(auto, 1fr);
  }
  html body .elementor .ms-chapter-media > .ms-chapter-img {
    align-self: start; height: auto; min-height: 0; aspect-ratio: 3 / 4;
  }
}

/* 28ב. ניגון פרק ספוטיפיי בחלון (P01, 07.11, 1.0.45). המבנה מ-site.js חלק 24 (ms-vbox-sp): נגן ההטמעה בגובה 232 ובלי יחס 16:9. */
.elementor.ms-vbox-sp .ms-vbox-panel { width: min(100%, 640px); }
.elementor.ms-vbox-sp .ms-vbox-frame { aspect-ratio: auto; height: 232px; background-color: transparent; }

/* 28ג. P01 אחרי design-qa על 11283 (07.11, 1.0.46). (1) סימן הניגון על אותו קצה ימני כמו כפתור הגלולה (right 0, bottom 9; REVIEW 125),
   במקום right 33. (2) כרטיס עם יוטיוב וגם ספוטיפיי (ms-ep-has-both, מ-site.js חלק 24) מתחת ל-1025: שני הכפתורים ברוחב אוטומטי, ואם לא
   נכנסים בשורה אחת הם יורדים לשתי שורות של 44, מיושרים לימין (ליוטיוב אותם פינות עגולות כמו לספוטיפיי), והסימן עובר לפינה הימנית העליונה (top 0, right 0, ושתי שורות הכפתורים ברווח 4: 44+4+44+9 = 101 מתוך 149, והסימן 44 מלמעלה), כי מעל שתי השורות אין מקום בתמונה של 149.
   (3) גוף הכרטיס במסילה ובגריד בגובה קבוע של שלוש שורות כותרת (88 + 3 שורות; 178 בדסקטופ, 166 במובייל), כך שהתמונות באותה שורה על אותו y;
   כותרת ארוכה נחתכת בשורה השלישית (text-overflow) והשם המלא נשאר ב-DOM; שורת הפרטים נצמדת לתחתית; text-wrap balance נגד מילה בודדת.
   (4) ניגודיות על stone (#E5DDD2): התווית "פרק #N" מ-brick (4.13) ל-#8A4640 (5.15), שורת הפרטים מ-muted (4.04) ל-ink-2 (11.76). רק בתוך ms-ep-body. */
.elementor :is(.ms-ep-rail, .ms-ep-grid) .ms-ep-body {
  --ms-ep-lh: clamp(26px, 26px + 4 * (100vw - 390px) / 1050, 30px);
  box-sizing: border-box; height: calc(88px + 3 * var(--ms-ep-lh));
}
.elementor :is(.ms-ep-rail, .ms-ep-grid) .ms-ep-body .ms-h4 {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-wrap: balance;
}
.elementor :is(.ms-ep-rail, .ms-ep-grid) .ms-ep-body .ms-caption { margin-top: auto; }
.elementor .ms-ep-body .ms-head-label { color: #8A4640; }
.elementor .ms-ep-body .ms-caption { color: var(--ms-ink-2); }
@media (max-width: 1024px) {
  .elementor .ms-ep-thumb.ms-ep-has-both > .ms-ep-links { flex-wrap: wrap; justify-content: flex-start; row-gap: 4px; }
  .elementor .ms-ep-thumb.ms-ep-has-both > .ms-ep-links > .ms-ep-btn { width: auto; flex: 0 0 auto; }
  .elementor .ms-ep-thumb.ms-ep-has-both > .ms-ep-links > .ms-ep-yt { border-radius: 22px 0 0 22px; }
  .elementor .ms-ep-thumb.ms-ep-has-both .ms-ep-play-mark { bottom: auto; top: 0; } /* 1.0.48: בכרטיס 264 (תמונה 149) שתי שורות הכפתורים תופסות 105, אז הסימן עולה לפינה הימנית העליונה, על אותו קצה ימני */
}
/* 1.0.48: נקודות מסילת הפרקים ממורכזות בעמודה (המחלקה ms-rail-dots מיישרת להתחלה) */
@media (max-width: 1024px) { .elementor .ms-ep-rail + .ms-rail-dots { align-self: center; } }

/* 28ד (1.0.49): חלון הניגון של כרטיס פרק C09 (a.ms-ep-tile): קישור קטן מתחת לנגן לפלטפורמה, בלשונית חדשה (site.js חלק 24). */
.elementor .ms-vbox-link { align-self: flex-start; color: var(--ms-paper); font-family: var(--ms-font); font-weight: 300; font-size: 16px; line-height: 24px; text-decoration: underline; padding: 10px 0; margin: -10px 0; }
.elementor .ms-vbox-link[hidden] { display: none; }
.elementor .ms-vbox-link:hover { text-decoration: none; }
.elementor .ms-vbox-link:focus-visible { outline: 2px solid var(--ms-paper); outline-offset: 3px; }
.elementor.ms-vbox-has-link .ms-vbox-panel { width: min(1040px, 100%, (100vh - 80px - 56px - 44px) * 16 / 9); }
.elementor.ms-vbox-sp.ms-vbox-has-link .ms-vbox-panel { width: min(100%, 640px); }
/* 28ה (1.0.51, החלטת מנהל 08.11): בכותרת כרטיס פרק C09 אין חיתוך. הכותרת מוצגת במלואה, בכל מספר שורות, והבלוק צמוד לתחתית ועולה. הכלל של 1.0.50 (חיתוך לשתי שורות) הוסר. */

/* 28ו (1.0.53, דף הפודקאסט v2, 08.11): (1) כרטיס פרק C09 (a.ms-ep-tile): מחלקת ms-card-title של הבית שומרת min-height של שתי שורות (60-72), וכאן הכותרת צמודה לתחתית, לכן בלי מינימום.
   (2) מסגרת הסיום בדסקטופ: הכותרת מתרחבת, והכפתורים נדחפים לקצה השמאלי (בפיגמה 133 מהקצה). */
.elementor a.ms-ep-tile .ms-card-title { min-height: 0; }
@media (min-width: 1025px) {
  .elementor .ms-frame > .ms-h4 { flex: 1 1 auto; }
}

/* 30. תנועה אחידה בכל האתר (08.11, 1.0.54, motion). עקומה אחת: ease-out-quint, כמו --ms-ease-out של אלמנטור (post-4).
   משכים: xs 200 (hover, רקע של חלון), s 240 (תפריט מובייל, תפריט נפתח, פס תחתון, חצים, תת-תפריט), m 360 (אקורדיון גובה,
   החלון עצמו), l 560 (אקורדיון התמונות, גלילת מסילה). site.js חלק 0 קורא את אותם משתנים. reduce: כל המשכים 0 (מיידי).
   ה-custom_css של המחלקות נטען אחרי הקובץ, ולכן html body. לא משנה מידה או מראה סטטי: רק מעברים בין מצבים. */
:root {
  --ms-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ms-dur-xs: 200ms;
  --ms-dur-s: 240ms;
  --ms-dur-m: 360ms;
  --ms-dur-l: 560ms;
}
@media (prefers-reduced-motion: reduce) {
  :root { --ms-dur-xs: 0ms; --ms-dur-s: 0ms; --ms-dur-m: 0ms; --ms-dur-l: 0ms; }
}

/* 30א. כפתור "+" באקורדיונים מסתובב יחד עם הגובה (היה 250ms ease). */
html body .elementor .ms-faq-q::after,
html body .elementor .ms-where-summary::after { transition: transform var(--ms-dur-m) var(--ms-ease); }

/* 30ב. אקורדיון התמונות בדסקטופ (.ms-routes-acc, 1025 ומעלה). הכרטיס עובר מ-flex 0 0 190 ל-1 1 820 בהדרגה (סכום ה-basis קבוע,
   ולכן ב-1440 הרוחב עוקב בדיוק אחרי העקומה). הריפוד עובר יחד. הקו המוסט (::before) קיים בכל כרטיס ושקוף בסגור, ונכנס ב-fade.
   התוכן (טקסט וכפתור) ב-::details-content: נכנס ב-fade אחרי 40% מהפתיחה, ויוצא ב-fade קצר (allow-discrete משאיר אותו בזמן היציאה).
   הטקסט ברוחב קבוע (--ms-rt-w מ-site.js חלק 25 = רוחב התוכן של כרטיס פתוח), והגוף חותך, כדי שלא יישבר מחדש בזמן התנועה.
   contain: inline-size, כדי שהרוחב הקבוע לא יגדיל את המינימום של הכרטיס הנסגר. */
@media (min-width: 1025px) {
  html body .elementor .ms-route {
    transition: flex-grow var(--ms-dur-l) var(--ms-ease), flex-shrink var(--ms-dur-l) var(--ms-ease),
      flex-basis var(--ms-dur-l) var(--ms-ease), padding var(--ms-dur-l) var(--ms-ease);
  }
  html body .elementor .ms-route::before {
    content: ''; position: absolute; left: -8px; top: -8px; width: 100%; height: 100%;
    border: 1px solid var(--ms-brick-light); box-sizing: border-box; z-index: -1; pointer-events: none;
    opacity: 0; transition: opacity var(--ms-dur-m) var(--ms-ease);
  }
  html body .elementor .ms-route[open]::before { opacity: 1; transition-delay: calc(var(--ms-dur-l) * 0.3); }
  html body .elementor .ms-route .ms-route-body { overflow: clip; contain: inline-size; }
  html body .elementor .ms-routes-acc[style*="--ms-rt-w"] .ms-route-text { width: var(--ms-rt-w); max-width: none; }
  @supports selector(::details-content) {
    html body .elementor details.ms-route::details-content {
      opacity: 0;
      transition: opacity var(--ms-dur-xs) var(--ms-ease), block-size var(--ms-dur-m) var(--ms-ease),
        content-visibility var(--ms-dur-m) allow-discrete;
    }
    html body .elementor details.ms-route[open]::details-content {
      opacity: 1;
      transition: opacity var(--ms-dur-m) var(--ms-ease) calc(var(--ms-dur-l) * 0.4), block-size var(--ms-dur-l) var(--ms-ease),
        content-visibility 0s allow-discrete;
    }
  }
}

/* 30ג. אקורדיוני גובה. אלמנטור (frontend inline) כבר נותן ל-e-accordion-item-base גובה 0 ל-auto ב-‎.3s ease‎, גם ב-reduce.
   כאן: העקומה והמשך האחידים, opacity, ריפוד, ו-reduce מיידי (למטה). (שאלות נפוצות ms-faq-item, "איפה אתם עומדים" ms-where-item במובייל, מסלולים במובייל, כל e-accordion):
   גובה אמיתי 0 ל-auto (interpolate-size + ::details-content), ו-opacity. overflow hidden כדי שה-margin של התשובה יישאר בפנים.
   הריפוד התחתון של פריט פתוח (16 ל-24 וכו') עובר יחד. דפדפן בלי תמיכה (Firefox, Safari ישן): פתיחה מיידית כמו קודם.
   מסלולים עד 1024: ה-display: none של הגוף הסגור (custom_css של ms-route) מבוטל, כי ::details-content מסתיר אותו בעצמו. */
@media (prefers-reduced-motion: no-preference) {
  @supports (interpolate-size: allow-keywords) and selector(::details-content) {
    html body .elementor details.e-accordion-item-base { interpolate-size: allow-keywords; }
    html body .elementor details.e-accordion-item-base:not(.ms-route) { transition: padding var(--ms-dur-m) var(--ms-ease); }
    html body .elementor details.e-accordion-item-base:not(.ms-route)::details-content {
      block-size: 0; overflow: hidden; opacity: 0;
      transition: block-size var(--ms-dur-m) var(--ms-ease), opacity var(--ms-dur-m) var(--ms-ease),
        content-visibility var(--ms-dur-m) allow-discrete;
    }
    html body .elementor details.e-accordion-item-base:not(.ms-route)[open]::details-content { block-size: auto; opacity: 1; }
  }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 1024px) {
  @supports (interpolate-size: allow-keywords) and selector(::details-content) {
    html body .elementor details.ms-route::details-content {
      block-size: 0; overflow: hidden; opacity: 0;
      transition: block-size var(--ms-dur-m) var(--ms-ease), opacity var(--ms-dur-m) var(--ms-ease),
        content-visibility var(--ms-dur-m) allow-discrete;
    }
    html body .elementor details.ms-route[open]::details-content { block-size: auto; opacity: 1; }
    html body .elementor .ms-route:not([open]) .ms-route-body { display: block; }
  }
}
@media (prefers-reduced-motion: reduce) {
  html body .elementor details.e-accordion-item-base,
  html body .elementor details.e-accordion-item-base::details-content { transition: none; }
}

/* 30ד. חלון הנגן (ms-vbox) וחלון הקריאה (ms-reader): הרקע ב-fade (xs), והחלון עולה 12 בעקומה האחידה (m). רק transform. */
.elementor .ms-vbox-panel,
.elementor .ms-reader-panel { transform: translate3d(0, 12px, 0); transition: transform var(--ms-dur-m) var(--ms-ease); }
.elementor.ms-vbox.ms-vbox-on .ms-vbox-panel,
.elementor.ms-reader.ms-reader-on .ms-reader-panel { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .elementor .ms-vbox-panel, .elementor .ms-reader-panel { transform: none; transition: none; }
}

/* 30ה. מסילות: נקודות (12 ל-24 בדיו) ופס ההתקדמות של ההמלצות עוברים בהדרגה. הגלילה בחיצים: site.js חלק 0 (rAF, l). */
html body .elementor .ms-rail-dot { transition: flex-basis var(--ms-dur-s) var(--ms-ease), width var(--ms-dur-s) var(--ms-ease), background-color var(--ms-dur-s) var(--ms-ease); }
.elementor .ms-testi-controls .ms-progress::after { transition: width var(--ms-dur-m) var(--ms-ease); }

/* 31. "להמשך קריאה" בטורים של טל ונטע (מי אנחנו 01 v3, פיגמה 1098:382 / 1098:469; 09.11, 1.0.55). המבנה: ‎.ms-bio-text‎
   (מחלקת V4 על הפסקה בכל טור). הטקסט נחתך בארבע שורות עם "..." כמו בפיגמה, כך שכל הטורים באותו גובה. site.js חלק 26
   מוסיף כפתור רק לטקסט שנחתך, ופותח בגובה (--ms-dur-m, --ms-ease). reduce: מיידי (המשכים 0 בחלק 30). */
html body .ms-bio-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}
html body .ms-bio-text.ms-bio-open,
html body .ms-bio-text.ms-bio-anim {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: none;
}
html body .ms-bio-text.ms-bio-anim {
  transition: height var(--ms-dur-m) var(--ms-ease);
}
html body .ms-bio-more {
  -webkit-appearance: none;
  appearance: none;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: var(--ms-font);
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--ms-ink);
  text-decoration: underline;
  text-underline-offset: auto;
  cursor: pointer;
  transition: color var(--ms-dur-xs) var(--ms-ease);
}
html body .ms-bio-more[hidden] { display: none; }
/* 09.11 (1.0.56): הסגנון והמצבים של ms-text-link ("להכיר את טל"): דיו וקו תחתון במנוחה ובפוקוס עכבר (:focus אחרי לחיצה),
   brick ב-hover וב-focus-visible, טבעת 2px. reset.css של Hello נותן ל-button:hover / :focus רקע ורוד #c36 וטקסט לבן, בלי קו תחתון. */
html body .ms-bio-more:hover,
html body .ms-bio-more:focus,
html body .ms-bio-more:active {
  background: none;
  background-color: transparent;
  color: var(--ms-ink);
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: auto;
  outline: none;
}
html body .ms-bio-more:hover,
html body .ms-bio-more:focus-visible { color: var(--ms-brick); }
html body .ms-bio-more:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }

/* 32. כפתורי button באתר מול reset.css של Hello (09.11, 1.0.56). reset נותן לכל button ב-:hover ו-:focus רקע #c36 וטקסט לבן,
   וב-:focus-visible טבעת לבנה 4px (box-shadow). נבדקו כל ה-button באתר (תפריט, חצים, חלונות, טפסים, מסילות, כפתור העצירה):
   לכולם יש רקע וצבע בכלל עם ספציפיות גבוהה מה-reset, והחריג היחיד היה button.ms-bio-more (חלק 31) שנפל על :focus אחרי לחיצה.
   כאן רשת ביטחון לטבעת הלבנה בלבד (הטבעת של האתר היא outline), בלי דפי נחיתה (V3). */
html body:not(.page-id-3480, .page-id-7912, .page-id-7972, .page-id-9189, .page-id-9424, .page-id-9535) .elementor button:focus-visible { box-shadow: none; }

/* 33. ראש דף פנימי עד 1024: בלי פירורי לחם ובלי בורר תחומים (09.11, החלטת רויטל, 1.0.58). גיבוי: backups/2026-11-09-mobile-head/.
   עד 1024 (טאבלט ומובייל) ב-ms-crumbs וב-nav.ms-toggle הדף מתחיל בהדר ואז בתווית / בכותרת. מעל 1024 לא משתנה דבר.
   נשארים: שני דפי הבית (page-id-10374 טל, page-id-10734 נטע), שם הבורר הוא חלק מההירו, וסינון הארכיון (ms-art-filter).
   דפי נחיתה (V3) לא משתמשים ב-ms-crumbs / ms-toggle ולא מושפעים.
   אחידות: המרחק מתחתית ההדר לראש התווית / ה-H1 הוא 40 בכל הדפים הפנימיים (ריפוד ראש 28 + 12 של שורת הכותרת).
   בדפים עם משטח בז' (ms-page-head-shape: מי אנחנו, תחומים, פודקאסט) הריפוד 16 והרווח 64 היו אחרי הפירורים, ולכן כאן
   הם 28 ו-12, והמשטח (::before) מתחיל מתחתית ההדר (top 0), כלומר 40 מעל התווית בכולם (ב-ms-head-duo זה היה 84). */
@media (max-width: 1024px) {
  body:not(.page-id-10374):not(.page-id-10734) .elementor .ms-crumbs,
  body:not(.page-id-10374):not(.page-id-10734) .elementor nav.ms-toggle:not(.ms-art-filter) { display: none; }
  body:not(.page-id-10374):not(.page-id-10734) .elementor .ms-page-head.ms-page-head-shape { padding-block-start: 28px; }
  body:not(.page-id-10374):not(.page-id-10734) .elementor .ms-page-head.ms-page-head-shape > .ms-page-head-row { margin-block-start: 12px; }
  body:not(.page-id-10374):not(.page-id-10734) .elementor .ms-page-head.ms-page-head-shape::before { top: 0; }
}

/* 34. גוף הפוסטים הישנים (תבנית single 1197) לא גולש אופקית (09.11, 1.0.59). גיבוי: backups/2026-11-09-old-posts/.
   הגורם: פסקאות של שורות קו תחתון / [ ] בלי רווחים (אישור רופא, 586 ו-467 ברוחב עמודה 275) שאינן נשברות, ותמונות/טבלאות/iframe
   ישנים עם רוחב קבוע. מוגבל ל-.elementor-1197 (גוף התבנית בלבד: לא ההדר, הפוטר, דפי נחיתה או הדפים החדשים). בלי שינוי טיפוגרפי.
   תמונות ממוזערות של ווידג'ט הפוסטים הקשורים לא נוגעים (הם נחתכים ב-overflow:hidden של המסגרת). */
.elementor-1197 .elementor-widget-theme-post-content :is(p, li, h1, h2, h3, h4, h5, h6, td, th, dt, dd, blockquote, figcaption, span, a, strong, em, b, i, u, div) { overflow-wrap: anywhere; }
.elementor-1197 .elementor-widget-theme-post-content :is(img, video, embed, object, iframe, figure, .wp-caption, svg) { max-width: 100%; box-sizing: border-box; }
.elementor-1197 .elementor-widget-theme-post-content :is(img, video) { height: auto; }
.elementor-1197 .elementor-widget-theme-post-content table { display: block; max-width: 100%; overflow-x: auto; }
.elementor-1197 .elementor-widget-theme-post-content :is(pre, code) { max-width: 100%; overflow-x: auto; }
/* 1.0.60: כותרת H1 של התבנית (ווידג'ט הכותרת, מחוץ לגוף הפוסט) עם מילה ארוכה בגודל 40 גלשה ל-413 בעמודה 275 (חוק מיסוי מקרקעין שבח ורכישה, חוק התכנון והבניה, חוק חיזוק בתים). */
.elementor-1197 :is(h1, h2, h3, h4, #breadcrumbs) { overflow-wrap: anywhere; }
/* 1.0.61: site.js (נגד מילה בודדת) עוטף את סוף הכותרת ב-span.ms-nobr עם white-space:nowrap בשורה; ב-H1 של 40px בעמודה 275 הקטע
   "ורכישה), התשכ"ג-1963" רחב 413 וגולש. במובייל בלבד, בכותרות התבנית, מאפשרים שבירה (inline בלי !important לא גובר על זה). */
@media (max-width: 767px) {
  .elementor-1197 :is(h1, h2, h3) .ms-nobr { white-space: normal !important; }
}
/* 1.0.62: מחזירים את ms-nobr ל-nowrap (בלי מילה בודדת בשורה האחרונה) ומקטינים את H1 של גוף הפוסט במובייל כדי שהקטע הלא-נשבר נכנס לעמודה. רק .elementor-1197 ב-767 ומטה. h2/h3 כמו ב-1.0.61. */
@media (max-width: 767px) {
  .elementor-1197 h1.elementor-heading-title { font-size: 32px !important; }
  .elementor-1197 h1 .ms-nobr { white-space: nowrap !important; }
}

/* 35. תבניות Legacy Tal (12000) ו-Legacy Neta (12001) לפוסטים הישנים (09.11, 1.0.63). גיבוי: backups/2026-11-09-legacy-single/ (1.0.62).
   הגוף הישן הוא תוכן קלאסי בתוך ‎.ms-art-content‎ (הטיפוגרפיה של h2-h4, רשימות, טבלאות, תמונות, ציטוט וקישורים כבר שם, סעיף 25 והמחלקה).
   כאן רק מה שהתוכן הישן צריך ובמאמרים החדשים לא: שורות ארוכות בלי רווחים ("____", "[ ]"), טבלאות רחבות, תמונות ו-iframe עם רוחב קבוע.
   מוגבל לשתי התבניות (לא 10934/10947 ולא הדפים החדשים). כללי הגלישה של 1.0.59-1.0.62 (תבנית 1197) נשארים כמו שהם. */
:is(.elementor-12000, .elementor-12001) .ms-art-content :is(p, li, h1, h2, h3, h4, h5, h6, td, th, dt, dd, blockquote, figcaption, span, a, strong, em, b, i, u, div) { overflow-wrap: anywhere; }
:is(.elementor-12000, .elementor-12001) .ms-art-content :is(img, video, embed, object, iframe, figure, .wp-caption, svg) { max-width: 100%; box-sizing: border-box; }
:is(.elementor-12000, .elementor-12001) .ms-art-content :is(img, video) { height: auto; }
:is(.elementor-12000, .elementor-12001) .ms-art-content :is(pre, code) { max-width: 100%; overflow-x: auto; }
:is(.elementor-12000, .elementor-12001) :is(h1, .ms-crumbs) { overflow-wrap: anywhere; }
@media (max-width: 767px) {
  :is(.elementor-12000, .elementor-12001) .ms-art-content table { display: block; max-width: 100%; overflow-x: auto; }
}

/* 36. תפריט מובייל במסך נמוך (09.11, 1.0.67). ב-375x667 הפאנל גלל (722 מול 603). רק בגובה 740 ומטה, ב-390x844 ומעלה אין שינוי.
   שורה 44 (40 + 2 + 2, מינימום מגע), ריווח עליון 32, לפני הכפתור 24, כפתור→אייקונים 20, ריפוד תחתון 24.
   גיבוי: backups/2026-11-09-mm-short-height/. */
@media (max-width: 1024px) and (max-height: 740px) {
  #ms-mobile-menu { padding-block-end: 24px; }
  #ms-mobile-menu .ms-mm-list { padding-block-start: 32px; }
  #ms-mobile-menu .ms-mm-list .ms-mm-item > .ms-mm-link,
  #ms-mobile-menu .ms-mm-list .ms-mm-item > .ms-mm-link:is(:hover, :focus, :active) { min-height: 44px; padding-block: 2px; }
  #ms-mobile-menu .ms-mm-foot { gap: 20px; padding-block-start: 24px; }
}

/* 37. עמודי המדריכים (09.11, 1.0.68). ארבעה פוסטים בקטגוריה "מדריכים" (guides-cat) על single 12000, גוף קלאסי בתוך .ms-art-content.
   ה-HTML נוצר מ-04-content/guides/*.md עם elementor-assets/code/guides/md2guide.py. רכיבים משפת האתר בלבד:
   פתיח פרק (תווית במבטא + H2 + קו מעל), שורות עם קו דק (E01) ומספר דק במבטא, הגדרות בשורות, טבלה בקווים אופקיים
   עם כותרות טור בסגנון ms-caption (עד 767 נערמת: שורה לכל tr, תווית לכל תא), מקרה = הציטוט של המאמר + תווית.
   כפתור ההורדה = ms-btn עם אייקון ms-ico-download (מחלקות V4 לא נטענות בגוף קלאסי, לכן כאן). גיבוי: backups/2026-11-09-guide-pages/. */
.elementor .ms-art-content .ms-guide-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin: 0 0 8px; }
.elementor .ms-art-content .ms-guide-by { margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; color: var(--ms-ink); }
.elementor .ms-art-content a.ms-guide-dl {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 44px;
  padding: 0 20px 3px; border: 1px solid var(--ms-ink); border-radius: 999px; background-color: transparent;
  font-family: var(--ms-font); font-weight: 400; font-size: 18px; line-height: 24px; color: var(--ms-ink);
  text-decoration: none; white-space: nowrap; transition: background-color 400ms, color 400ms;
}
.elementor .ms-art-content a.ms-guide-dl::after {
  content: ''; flex: none; width: 16px; height: 18px; translate: 0 1px; background-color: var(--ms-brick); transition: background-color 400ms;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 14.3'%3E%3Cpath d='M6.9 0.4V10.4M11.4 5.9L6.9 10.4L2.4 5.9' fill='none' stroke='%23000' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.4 13.9H13.4' fill='none' stroke='%23000' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13.8px 14.3px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 14.3'%3E%3Cpath d='M6.9 0.4V10.4M11.4 5.9L6.9 10.4L2.4 5.9' fill='none' stroke='%23000' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.4 13.9H13.4' fill='none' stroke='%23000' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13.8px 14.3px no-repeat;
}
.elementor .ms-art-content a.ms-guide-dl:is(:hover, :focus-visible) { background-color: var(--ms-ink); color: var(--ms-paper); text-decoration: none; }
.elementor .ms-art-content a.ms-guide-dl:is(:hover, :focus-visible)::after { background-color: var(--ms-paper); }
.elementor .ms-art-content a.ms-guide-dl:focus-visible { outline: 2px solid var(--ms-ink); outline-offset: 3px; }
.elementor .ms-art-content a.ms-guide-dl:active { transform: scale3d(0.98, 0.98, 1); }
.elementor .ms-art-content .ms-guide-dl-end { margin: 48px 0 0; }
/* פתיח פרק ותווית שלב */
.elementor .ms-art-content .ms-guide-chap { margin: 72px 0 24px; padding-block-start: 24px; border-block-start: 1px solid var(--ms-rule); }
.elementor .ms-art-content .ms-guide-sub { margin: 40px 0 16px; }
.elementor .ms-art-content .ms-guide-label { margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; color: var(--ms-brick); }
.elementor .ms-art-content :is(.ms-guide-chap, .ms-guide-sub) > :is(h2, h3) { margin: 8px 0 0; }
.elementor .ms-art-content .ms-guide-chap + h3, .elementor .ms-art-content .ms-guide-chap + .ms-guide-sub { margin-top: 24px; }
/* שורות (E01): קו דק בין פריטים, בלי בולטים; ממוספרות עם מספר דק במבטא */
.elementor .ms-art-content :is(ul, ol).ms-guide-rows { list-style: none; margin: 0 0 24px; padding: 0; border-block-end: 1px solid var(--ms-rule); }
.elementor .ms-art-content .ms-guide-rows > li { margin: 0; padding: 12px 0; border-block-start: 1px solid var(--ms-rule); }
.elementor .ms-art-content .ms-guide-num > li { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: 16px; }
.elementor .ms-art-content .ms-guide-n { font-size: 14px; font-weight: 400; color: var(--ms-brick); font-variant-numeric: tabular-nums; }
.elementor .ms-art-content .ms-guide-cap { margin: 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 400; color: var(--ms-muted); }
/* הגדרות (פסקאות שנפתחות במונח מודגש) כשורות */
.elementor .ms-art-content .ms-guide-defs { margin: 0 0 24px; border-block-end: 1px solid var(--ms-rule); }
.elementor .ms-art-content .ms-guide-defs > p { margin: 0; padding: 16px 0; border-block-start: 1px solid var(--ms-rule); }
/* טבלה */
.elementor .ms-art-content .ms-guide-table { margin: 0 0 24px; }
.elementor .ms-art-content .ms-guide-table table { display: table; margin: 0; overflow: visible; }
.elementor .ms-art-content .ms-guide-table thead th { font-size: 14px; line-height: 20px; font-weight: 400; color: var(--ms-muted); text-wrap: pretty; }
.elementor .ms-art-content .ms-guide-table tbody th { font-weight: 400; color: var(--ms-ink); }
/* מקרה מהתיקים: הציטוט של המאמר (קו בצד) + תווית */
.elementor .ms-art-content blockquote.ms-guide-case { margin: 40px 0; }
.elementor .ms-art-content .ms-guide-case-label { margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; color: var(--ms-brick); }
.elementor .ms-art-content .ms-guide-case > h3 { margin: 8px 0 16px; }
/* יצירת קשר והערה */
.elementor .ms-art-content .ms-guide-contact { margin: 64px 0 0; padding-block-start: 24px; border-block-start: 1px solid var(--ms-rule); }
.elementor .ms-art-content .ms-guide-contact > p { margin: 0; }
.elementor .ms-art-content .ms-guide-contact > .ms-guide-name { margin-block-end: 8px; color: var(--ms-ink); font-weight: 400; }
.elementor .ms-art-content .ms-guide-nw { white-space: nowrap; }
.elementor .ms-art-content .ms-guide-contact > .ms-guide-note { margin-block-start: 24px; font-size: 14px; line-height: 20px; color: var(--ms-muted); }
@media (max-width: 1024px) {
  .elementor .ms-art-content .ms-guide-chap { margin-top: 56px; padding-block-start: 16px; }
  .elementor .ms-art-content .ms-guide-sub { margin-top: 32px; }
}
@media (max-width: 767px) {
  .elementor .ms-art-content a.ms-guide-dl { font-weight: 300; font-size: 16px; }
  .elementor .ms-art-content .ms-guide-num > li { grid-template-columns: 24px minmax(0, 1fr); column-gap: 12px; }
  /* טבלה נערמת: כל שורה בלוק, כותרת השורה ואז תווית + ערך לכל תא */
  .elementor .ms-art-content .ms-guide-table :is(table, tbody, tr, th, td) { display: block; width: auto; }
  .elementor .ms-art-content .ms-guide-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .elementor .ms-art-content .ms-guide-table tbody { border-block-end: 1px solid var(--ms-rule); }
  .elementor .ms-art-content .ms-guide-table tbody tr { padding: 12px 0; border-block-start: 1px solid var(--ms-rule); }
  .elementor .ms-art-content .ms-guide-table tbody tr > :is(th, td),
  .elementor .ms-art-content .ms-guide-table tbody tr:first-child > :is(th, td) { padding: 0; border: 0; }
  .elementor .ms-art-content .ms-guide-table tbody td { margin-block-start: 8px; }
  .elementor .ms-art-content .ms-guide-table tbody td::before { content: attr(data-label); display: block; font-size: 14px; line-height: 20px; color: var(--ms-muted); }
  .elementor .ms-art-content .ms-guide-table tbody td:empty { display: none; }
}
/* 37א (1.0.70): בטבלת מדריך עם טור שני ארוך, כותרת השורה (שתי מילים) נשברה למילה בכל שורה. רוחב מינימלי מ-768. */
@media (min-width: 768px) {
  .elementor .ms-art-content .ms-guide-table tbody th { min-width: 8em; }
}
/* 37ב (1.0.71): כותרת כרטיס מדריך (ms-learn-card ב-12029 ובבית) היא קישור לעמוד הקריאה; כפתור ההורדה נשאר הורדה.
   ה-link של e-heading מקבל all:unset, ולכן ריחוף ופוקוס כאן. כרטיס שלם לא נעשה קישור: הכפתור בתוכו הוא קישור. */
.elementor .ms-learn-card .ms-card-title > a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.elementor .ms-learn-card .ms-card-title > a:focus-visible { outline: 2px solid var(--ms-paper); outline-offset: 3px; }
/* 37ג (1.0.72, 09.11, החלטות המנהל אחרי design-qa-guide-pages-0911). גיבוי: backups/2026-11-09-guide-pages/*.1.0.71.
   1. 12029: סקרים בכרטיסים לפי C09 (0 ב-20%, 60% ב-55%, 86% בתחתית; עד 1024: 0, 60% ב-20%, 86%) ותגית ink 60%.
      מוגבל ל-12029: בבית הכרטיס הגלובלי עדיין 0/45/82 ותגית 32% (לא תואם C09 גם שם; לא שונה כאן).
   2. מקרה (ms-guide-case): בלי קו בצד ובלי ריפוד; קו rule עליון, 16 עד התווית, הטקסט ברוחב הטור.
   3. ms-guide-n: מספר Thin במבטא כמו ms-num-sm (40/40, עד 767 28/28).
   4. אייקון ההורדה 20x20, קו 1.5 (משפחת ms-ico).
   5. כפתור ההורדה העליון בתחילת השורה (ימין), כמו הסופי: שורת המחבר ואז הכפתור, 16 ביניהם.
   6. ms-guide-by כמו ms-caption (14/20/400 מושתק).
   7. טבלאות: מ-768 table-layout fixed, הטור הראשון 30%; עד 767 טקסט תא 16/24 כמו הגוף. */
html body.page-id-12029 .elementor .ms-learn-card:has(> .ms-card-tag)::before {
  background-image:
    linear-gradient(180deg, rgba(18,10,9,0.3) 0, rgba(18,10,9,0.3) 64px, rgba(18,10,9,0) 128px),
    linear-gradient(180deg, rgba(18,10,9,0.28) 0%, rgba(18,10,9,0) 32%),
    linear-gradient(180deg, rgba(18,10,9,0) 20%, rgba(18,10,9,0.6) 55%, rgba(18,10,9,0.86) 100%);
}
html body.page-id-12029 .elementor .ms-learn-card > .ms-card-tag { background-color: rgba(18,10,9,0.6); }
/* "tablet" של C09 = עד 1024 (כשהכרטיס 260x236). ההצללה העליונה נשארת 30% עד 767 ו-20% מתחת, כמו בחלק 11ב. */
@media (max-width: 1024px) {
  html body.page-id-12029 .elementor .ms-learn-card:has(> .ms-card-tag)::before {
    background-image:
      linear-gradient(180deg, rgba(18,10,9,0.3) 0, rgba(18,10,9,0.3) 64px, rgba(18,10,9,0) 128px),
      linear-gradient(180deg, rgba(18,10,9,0) 0%, rgba(18,10,9,0.6) 20%, rgba(18,10,9,0.86) 100%);
  }
}
@media (max-width: 767px) {
  html body.page-id-12029 .elementor .ms-learn-card:has(> .ms-card-tag)::before {
    background-image:
      linear-gradient(180deg, rgba(18,10,9,0.2) 0, rgba(18,10,9,0.2) 64px, rgba(18,10,9,0) 128px),
      linear-gradient(180deg, rgba(18,10,9,0) 0%, rgba(18,10,9,0.6) 20%, rgba(18,10,9,0.86) 100%);
  }
}
html body .elementor .ms-art-content blockquote.ms-guide-case {
  margin: 40px 0; padding: 16px 0 0; border: 0; border-block-start: 1px solid var(--ms-rule); border-radius: 0; background: none;
}
html body .elementor .ms-art-content blockquote.ms-guide-case::before,
html body .elementor .ms-art-content blockquote.ms-guide-case::after { content: none; }
html body .elementor .ms-art-content .ms-guide-num > li { grid-template-columns: 56px minmax(0, 1fr); column-gap: 16px; align-items: start; }
html body .elementor .ms-art-content .ms-guide-n { font-family: var(--ms-font); font-weight: 100; font-size: 40px; line-height: 40px; color: var(--ms-brick); font-variant-numeric: tabular-nums; }
html body .elementor .ms-art-content a.ms-guide-dl::after {
  width: 20px; height: 20px; translate: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3V13M5.5 8.5L10 13L14.5 8.5M3.5 17H16.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3V13M5.5 8.5L10 13L14.5 8.5M3.5 17H16.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}
html body .elementor .ms-art-content .ms-guide-top { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 16px; }
html body .elementor .ms-art-content .ms-guide-dl-end { text-align: start; }
html body .elementor .ms-art-content .ms-guide-by { font-size: 14px; line-height: 20px; font-weight: 400; color: var(--ms-muted); }
@media (min-width: 768px) {
  html body .elementor .ms-art-content .ms-guide-table table { table-layout: fixed; width: 100%; }
  html body .elementor .ms-art-content .ms-guide-table tr > :first-child { width: 30%; min-width: 0; }
}
@media (max-width: 767px) {
  html body .elementor .ms-art-content .ms-guide-num > li { grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; }
  html body .elementor .ms-art-content .ms-guide-n { font-size: 28px; line-height: 28px; }
  html body .elementor .ms-art-content .ms-guide-table tbody :is(th, td) { font-size: 16px; line-height: 24px; }
  html body .elementor .ms-art-content .ms-guide-table tbody td::before { font-size: 14px; line-height: 20px; }
}