/* =========================================================
   landing.css - Fluid Responsive RTL
   Base: 1440px -> 1rem = 18px (1.25vw)
   ========================================================= */

html {
	/* חישוב הבסיס: 18px חלקי 1440px = 1.25vw.
	   שימוש ב-clamp:
	   - מינימום: 14px (למניעת פונט קטן מדי לפני מובייל)
	   - מציאות: 1.25vw (גודל רספונסיבי לחלוטין)
	   - מקסימום: 64px (מגביל צמיחה במסכי קולנוע 5119px+)
	*/
	font-size: clamp(14px, 1.25vw, 64px);
}

.lp-root {
	/* כל המשתנים הומרו מ-px ל-rem (ערך הפיקסל לחלק ב-18) */
	--lp-container: 71.111rem;  /* 1280px */
	--lp-gutter: 1.333rem;      /* 24px */
	--lp-header-h: 5rem;        /* 90px */
	
	--lp-fs-h1: 5rem;           /* 90px */
	--lp-fs-h2: 3.33333333rem;       /* 56px */
	--lp-fs-h3: 1.555rem;       /* 28px */
	
	font-family: var(--font-main), 'Simona', sans-serif;
	color: var(--c-primary);
	background-color: var(--c-bg-top); /* F8F3F3 מהעיצוב */
	line-height: 1.6;
	overflow-x: clip;
}

html {
	/* גלילה חלקה ברמת הדפדפן */
	scroll-behavior: smooth;
	
	/* הסטה עבור הדר קבוע: ככה הסקשן לא יתחבא מתחת להדר */
	/* נניח שההדר שלך הוא בערך 80-90 פיקסלים */
	scroll-padding-top: 5rem; 
}

/* אם רוצים גלילה חלקה רק כשמגיעים מלינקים פנימיים */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.lp-mission__hand--top, 
.lp-mission__hand--bottom, 
.lp-testi__col, 
.lp-testi__flower, 
.lp-yossi__circle, 
.lp-yossi__img {
	will-change: transform;
}


/* שורת הכפתורים בסקשן המיזם */
.lp-mission__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	justify-content: flex-start; /* RTL: מתחיל מימין */
}

/* הכפתור הכחול: גרדיאנט מההדר, אבל בגובה 60px ורוחב כמו שאר כפתורי המיזם */
.lp-mission__actions .lp-btn--mission-lightblue {
	height: 3.333rem;           /* 60px */
	width: 15rem;               /* 270px */
	padding: 0 0 0 2rem;
	font-size: 1.33333333rem;   /* 18px */
}
.lp-mission__actions .lp-btn--mission-lightblue::after {
	left: 1.5rem; /* מחזיר את הלב למיקום של כפתור המיזם הרגיל */
}

/* כפתור "עוד על המיזם" - מראה זהה ל"עוד על יוסי", רוחב אוטומטי לטקסט */
.lp-mission__actions .lp-btn--yossi {
	width: auto;
	padding: 0 1.5rem;
}

.lp-modal[data-modal="about"] .lp-modal__visual {
	background: none;
}
.lp-modal[data-modal="about"] .lp-modal__main {
	align-items: flex-start;
}




/* =========================================================
   HEADER DROPDOWN ("אודות המיזם")
   ========================================================= */
.lp-header__dropdown {
	position: relative;
	display: flex;
	align-items: center;
}

/* כפתור הפתיחה - נראה כמו פריט ניווט רגיל */
.lp-header__dropdown-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.444rem;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	font-family: inherit;
	font-size: 0.888rem;
	font-weight: 500;
	color: inherit;
	transition: color 0.3s ease;
}

/* צבע הכפתור לפי מצב ההדר - זהה לשאר פריטי הניווט */
.lp-header:not(.lp-header--fixed):not(.lp-header--internal) .lp-header__dropdown-toggle {
	color: #A6CFF0;
}
.lp-header--fixed .lp-header__dropdown-toggle,
.lp-header--internal .lp-header__dropdown-toggle {
	color: var(--c-primary);
}

/* החץ - מצביע מטה כברירת מחדל, מסתובב מעלה כשפתוח */
.lp-header__dropdown-arrow {
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.3s ease;
	position: relative;
	top: -0.12rem;
}
.lp-header__dropdown:hover .lp-header__dropdown-arrow,
.lp-header__dropdown:focus-within .lp-header__dropdown-arrow {
	transform: rotate(225deg);
	top: 0.08rem;
}

/* פאנל הדרופדאון */
.lp-header__dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 0.8rem;
	min-width: 12rem;
	background-color: #EAF1F5;
	border-radius: 1.1rem;
	padding: 0.6rem 0;
	box-shadow: 0 10px 30px rgba(16, 74, 103, 0.18);
	list-style: none;

	/* מצב סגור */
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.5rem);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
	z-index: 100;
}
.lp-header__dropdown:hover .lp-header__dropdown-menu,
.lp-header__dropdown:focus-within .lp-header__dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* "גשר" שקוף שממלא את הרווח שבין הכפתור לפאנל - כך ההאבר לא נקטע במעבר */
.lp-header__dropdown-menu::before {
	content: "";
	position: absolute;
	top: -0.8rem;   /* חייב להיות זהה ל-margin-top של הפאנל */
	left: 0;
	right: 0;
	height: 0.8rem;
}

/* פריטי הדרופדאון - תמיד כחול כהה (הרקע בהיר), ללא קשר למצב ההדר */
.lp-header__dropdown-menu a {
	display: block;
	padding: 0.55rem 1.4rem;
	font-size: 0.888rem;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none;
	color: var(--c-primary) !important;
	transition: opacity 0.2s ease;
}
.lp-header__dropdown-menu a:hover {
	opacity: 0.6;
}

.lp-bigfooter__arrow {
	padding: 0 3rem;
}
.lp-bigfooter__arrow img {
	display: block;
	width: 100%;
	height: auto;
}




/* =========================================================
   BREAKPOINTS (הכנה ושליטה במסכי ענק ומובייל)
   ========================================================= */
@media (max-width: 768px) {
	html {
		/* קנה מידה שונה למובייל (יותאם מדויק כשיגיעו העיצובים) */
		font-size: clamp(14px, 4vw, 18px);
	}
}

@media (min-width: 1700px) { /* הכנה לסטייל ספציפי אם נדרש */ }
@media (min-width: 1919px) { /* הכנה לסטייל ספציפי אם נדרש */ }
@media (min-width: 2559px) { /* הכנה לסטייל ספציפי אם נדרש */ }
@media (min-width: 5119px) { /* הכנה לסטייל ספציפי אם נדרש */ }


/* =========================================================
   TYPOGRAPHY
   ========================================================= */
.lp-root .Henri {
	font-family: var(--font-heading), 'Henri', sans-serif !important;
	font-weight: 400;
	line-height: 0.95;
}

.eyebrow {
	display: block;
	color: #A6CFF0;
	text-align: right;
	font-family: var(--font-main), 'Simona', sans-serif;
	font-size: 1rem; /* 18px */
	font-style: normal;
	font-weight: 400;
	line-height: 1.29; 
	margin-bottom: 0.833rem; /* 15px */
	/* הסלאש יופיע טבעית משמאל עקב זרימת RTL של הטקסט */
}

/* =========================================================
   HEADER & NAVIGATION (Unified Logic)
   ========================================================= */
.lp-header {
	width: 100%;
	height: var(--lp-header-h);
	padding: 2.222rem var(--lp-gutter) 0; /* 40px */
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
}

/* המצב הקבוע (בגלילה) והפנימי - תואם לעיצוב הלבן עם הקו התחתון */
.lp-header--fixed, .lp-header--internal {
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-bottom: 1px solid #144E6D;
	padding-top: 0;
	height: 4.555rem; /* 100px */
}

.lp-header--fixed {
	position: fixed !important;
	top: -6.666rem; /* מתחיל מחוץ למסך לאנימציית החלקה */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	transition: top 0.3s ease-in-out;
	z-index: 1000;
}

body.scrolled .lp-header--fixed { top: 0; }

.lp-header__inner {
	max-width: var(--lp-container);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between; /* פעולות בימין, לוגו בשמאל (RTL) */
	height: 100%;
}

.lp-header__actions { 
	display: flex; 
	align-items: center; 
	gap: 1.666rem; 
}

.lp-header__logo img { display: block; height: 2.333rem; width: auto; }

.lp-header__nav-list {
	display: flex; align-items: center; gap: 1.666rem;
	font-size: 0.888rem; font-weight: 500;
}

.lp-header__lang {
	background: transparent; border: none; cursor: pointer;
	font-size: 0.888rem; font-weight: 600;
	display: flex; align-items: center; gap: 0.444rem;
	font-family: inherit;
}

.lp-header__lang-icon {
	display: inline-block; width: 0.888rem; height: 0.888rem;
	background-color: currentColor; 
	-webkit-mask: url('../img/icon-globe.svg') no-repeat center / contain;
	mask: url('../img/icon-globe.svg') no-repeat center / contain;
}

/* --- לוגיקת החלפת צבעים, לוגו וכפתורים --- */

/* 1. מצב שקוף (עמוד הבית למעלה) */
.lp-header:not(.lp-header--fixed):not(.lp-header--internal) .logo-dark { display: none; }
.lp-header:not(.lp-header--fixed):not(.lp-header--internal) .logo-light { display: block; }
.lp-header:not(.lp-header--fixed):not(.lp-header--internal) .lp-header__cta { display: none; } /* מסתיר כפתור */
.lp-header:not(.lp-header--fixed):not(.lp-header--internal) .lp-header__nav-list a,
.lp-header:not(.lp-header--fixed):not(.lp-header--internal) .lp-header__lang {
	color: #A6CFF0; /* טקסט תכלת */
}
.lp-header:not(.lp-header--fixed):not(.lp-header--internal) .bt_menu span {
	background-color: #A6CFF0; /* המבורגר תכלת */
}

/* 2. מצב אטום (בגלילה או בעמוד פנימי) */
.lp-header__cta.lp-btn--mission {position: absolute; left: 12rem;}
.lp-header--fixed .logo-light, .lp-header--internal .logo-light { display: none; }
.lp-header--fixed .logo-dark, .lp-header--internal .logo-dark { display: block; }
.lp-header--fixed .lp-header__cta, .lp-header--internal .lp-header__cta { display: inline-flex; } /* מציג כפתור */
.lp-header--fixed .lp-header__nav-list a, .lp-header--internal .lp-header__nav-list a,
.lp-header--fixed .lp-header__lang, .lp-header--internal .lp-header__lang {
	color: var(--c-primary); /* טקסט כחול כהה */
}
.lp-header--fixed .bt_menu span, .lp-header--internal .bt_menu span {
	background-color: var(--c-primary); /* המבורגר כחול כהה */
}

/* =========================================================
   BUTTONS
   ========================================================= */
.lp-btn {
	display: inline-flex; align-items: center; justify-content: center;
	gap: 0.555rem; /* 10px */
	padding: 0.777rem 1.777rem; /* 14px 32px */
	font-size: 0.888rem; /* 16px */
	font-weight: 600;
	border-radius: 2.777rem; /* 50px */
	border: 1.5px solid var(--c-primary); /* פיקסלים בגבולות דקים (<=3px) */
	color: var(--c-primary);
	background: transparent;
	position: relative; overflow: hidden;
	transition: color 0.3s ease, border-color 0.3s ease;
	z-index: 1; cursor: pointer;
}

.lp-btn::before {
	content: ""; position: absolute;
	top: var(--mouse-y, 50%); left: var(--mouse-x, 50%);
	width: 0; height: 0;
	background-color: var(--c-primary); border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.4s ease, height 0.4s ease;
	z-index: -1;
}

.lp-btn:hover { color: #fff; }
.lp-btn:hover::before { width: 300%; height: 300%; }

.lp-btn--outline-light { border-color: rgba(255,255,255,0.5); color: #fff; }
.lp-btn--outline-light::before { background-color: #fff; }
.lp-btn--outline-light:hover { color: var(--c-primary); }

/* =========================================================
   CTA BUBBLE (Pixel Perfect - Fix Vertical Align)
   ========================================================= */
.lp-btn--bubble {
   width: 15.011rem;
   height: 4.867rem;
   color: #194C66 !important;
   font-family: var(--font-heading), 'Henri', sans-serif !important;
   font-size: 1.333rem;
   font-weight: 700;
   line-height: 3.6rem;
   letter-spacing: -0.013rem;
   border-radius: 0;
   text-align: right;
   display: inline-flex;
   padding: 0 1.4rem 0 0;
   justify-content: flex-start;
   align-items: flex-start;
   border: none;
   cursor: pointer;
   position: relative;
   z-index: 1;
   transition: transform 0.2s ease;
   background: url('../img/button-bg.svg') center / 100% 100% no-repeat;
   transition: 0.3s ease-in-out background-image;
}

/* שכבת הלב (icon-heart.svg) ב-after */
.lp-btn--bubble::after {
	content: '';
	position: absolute;
	left: 2rem; 
	top: 50%; 
	/* ממרכז את הלב, ומעלה אותו טיפה (0.45rem) בתיאום עם הטקסט בגלל הזנב */
	transform: translateY(calc(-50% - 0.65rem)); 
	width: 1.222rem;
	height: 1.222rem;
	background: url('../img/icon-heart.svg') center / contain no-repeat;
	z-index: 1;
}
html[lang="ar"] .lp-btn--bubble::after {
	left: 1rem;
}
html[lang="ar"] .lp-btn--bubble {
	padding-right: 0.9rem;
}

/* =========================================================
   אפקט Hover
   ========================================================= */
.lp-btn--bubble:hover {
	background-image: url('../img/button-bg-white.svg');
}


/* =========================================================
   HERO & ELLIPSE (מבוסס תמונת רקע)
   ========================================================= */
.lp-hero-wrapper {
	background-color: var(--c-bg-top); /* חשיפת צבע הבאדי (F8F3F3) מתחת */
	position: relative;
}

.lp-hero {
	position: relative;
	color: #fff;
	padding: 8.888rem var(--lp-gutter) 14rem; /* מרווח תחתון גדול יותר בשביל הקימור בתמונה */
	position: relative;
	
	/* שימוש בתמונת הרקע החתוכה כפי שביקשת */
	background-size: 100% 100%;
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 1;
}
.lp-hero:before {
	content: "";
	display: block;
	position: absolute;
	top: -23vw;
	right: 50%;
	transform: translateX(50%);
	width: 149.72222222vw;
	height: 89.16166667vw;
	border-radius: 50%;
	background: url('../img/grain-test-3.svg') 0% 0% / 50px 50px repeat, linear-gradient(142deg, #2D576D 27.43%, #12435D 98.63%);
}

/* (מחקנו את ה- .lp-hero::before שהיה כאן קודם) */

/* פסי אורך דקים (נמצאים מעל הרקע ומתחת לתוכן) */
.lp-hero__lines {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	display: flex; justify-content: space-evenly;
	pointer-events: none; z-index: 0;
}

.lp-hero__line {
	width: 1px; height: 100%;
	background-color: rgba(193, 222, 237, 0.12);
}

.lp-hero__inner {
	position: relative; z-index: 2;
	max-width: var(--lp-container); margin: 0 auto;
	display: grid; grid-template-columns: 1fr 1fr; gap: 3.333rem; /* 60px */
	align-items: center;
}

.lp-hero__content h1 { font-size: var(--lp-fs-h1); color: #fff; margin-bottom: 1.388rem; /* 25px */ }
.lp-hero__content p { font-size: 1.111rem; /* 20px */ opacity: 0.9; max-width: 25.666rem; /* 480px */ margin-bottom: 2.222rem; /* 40px */ }

.lp-hero__visual img { max-width: 100%; height: auto; display: block; margin: 0 auto;}

/* =========================================================
   MISSION SECTION (אודות)
   ========================================================= */
.lp-mission {
	position: relative;
	padding: 6.111rem var(--lp-gutter) 18.5rem; 
}

/* שומר על מסגרת הרוחב ומצמיד את התוכן לימין (ב-RTL flex-start = ימין) */
.lp-mission__container {
	max-width: var(--lp-container);
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start; 
}

/* רוחב מדויק של 575.75px מומר ל-rem */
.lp-mission__inner {
	max-width: 29.986rem; 
	text-align: right;
	transform: translateY(3.333rem); 
	opacity: 0;
	transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 1s ease-out;
}

.lp-mission.is-visible .lp-mission__inner {
	transform: translateY(0);
	opacity: 1;
}

.lp-mission__inner .eyebrow {
	color: var(--c-primary);
	text-align: right; 
}

.lp-mission__inner p {
	font-size: 1.444rem; 
	font-weight: 400;
	line-height: 1.42;
	margin: 1.4rem 0 2.5rem; 
}

/* =========================================================
   GSAP BUTTON (Mission Section) - Pure Integration
   ========================================================= */
.lp-btn--mission {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	
	/* מידות מהעיצוב: 270x60 */
	width: 15rem; 
	height: 3.333rem; 
	border-radius: 0.90555556rem; /* 20px */
	border: 1px solid var(--c-primary);
	
	background-color: transparent;
	color: var(--c-primary);
	
	font-size: 1.33333333rem; /* 18px */
	font-weight: 700;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;

	font-family: var(--font-heading);
	
	/* דוחף את הטקסט קצת ימינה כדי לאזן את הלב משמאל */
	padding-left: 2rem; 
	transition: all 0.3s ease-in-out;
	z-index: 1;
}
.lp-btn--mission-white {
	border-color: #ffffff;
	color: #ffffff;
}

/* שכבת הלב (מחליפה את החץ של סו-יאמי) */
.lp-btn--mission::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 1.5rem; /* ממוקם משמאל */
	transform: translateY(-50%);
	
	width: 1.2rem; /* 16px */
	height: 1.2rem;
	
	/* שימוש במאסק מאפשר ללב להחליף צבע עם הטקסט באמצעות currentColor */
	background-color: currentColor; 
	-webkit-mask: url('../img/icon-heart.svg') center / contain no-repeat;
	mask: url('../img/icon-heart.svg') center / contain no-repeat;
	filter: none;
}
html[lang="ar"] .lp-btn--mission::after {
	left: 1rem;
}

.lp-btn--mission-white::after {
	-webkit-mask: url('../img/icon-heart-white.svg') center / contain no-repeat;
	mask: url('../img/icon-heart-white.svg') center / contain no-repeat;
}

/* מצב Hover כללי לכפתור */
.lp-btn--mission.button--stroke:hover,
.lp-btn--mission:hover {
	color: #ffffff; /* משפיע מיד על הטקסט ועל הלב */
	text-decoration: none;
}

.lp-btn--mission-white.button--stroke:hover,
.lp-btn--mission-white:hover {
	color: var(--c-primary); /* משפיע מיד על הטקסט ועל הלב */
}

/* =========================================================
   אלמנטים המוזרקים דרך ה-GSAP (ה-CSS של אבישי)
   ========================================================= */
.button__label {
	position: relative;
	z-index: 2;
	transition: color 0.15s ease; /* ירשנו את ה-ease מהקוד שלך */
}

/* מעטפת האנימציה שה-GSAP מזיז (x, y) ומשנה לה scale */
.button__flair {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	transform: scale(0);
	transform-origin: 0 0; /* קריטי כדי שהעכבר יהיה נקודת ה-0,0 */
	will-change: transform;
}

/* העיגול הצבוע עצמו שמתרחב */
.button__flair:before {
	content: "";
	display: block;
	position: absolute;
	width: 170%;
	aspect-ratio: 1 / 1;
	background-color: var(--c-primary); /* הותאם מהאדום לכחול שלנו */
	border-radius: 50%;
	left: 0;
	top: 0;
	/* ממקם את מרכז העיגול בדיוק על קצה העכבר (0,0 של מעטפת ה-flair) */
	transform: translate(-50%, -50%); 
}
.lp-btn--mission-white .button__flair:before {
	background-color: #ffffff;
}

/* יצירת הלב דרך mask כדי שיהפוך ללבן אוטומטית בהאבר יחד עם הטקסט */
.lp-btn__icon-heart {
	display: inline-block;
	width: 0.888rem; /* 16px */
	height: 0.888rem;
	background-color: currentColor; 
	-webkit-mask: url('../img/icon-heart.svg') center / contain no-repeat;
	mask: url('../img/icon-heart.svg') center / contain no-repeat;
}
.lp-btn--mission-white .lp-btn__icon-heart {
	-webkit-mask: url('../img/icon-heart-white.svg') center / contain no-repeat;
	mask: url('../img/icon-heart-white.svg') center / contain no-repeat;
}

/* =========================================================
   TICKER (Textscape Style - Pure CSS Seamless Loop)
   ========================================================= */
.lp-ticker {
	position: absolute;
	bottom: 3.5rem;
	left: 0;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 0;
	/* מציב את שני הטראקים אחד ליד השני */
	display: flex; 
}

.lp-ticker__track {
	display: flex;
	white-space: nowrap;
	/* קריטי: מונע מהדפדפן למעוך את הטקסט כדי שיכנס למסך */
	flex-shrink: 0; 
	/* טרנזישן רציף ולופ אינסופי */
	animation: ticker-rtl 140s linear infinite;
}

.lp-ticker__text {
	font-size: 16.11111111rem; 
	line-height: 1;
	color: #797979;
	opacity: 0.1; 
	/* המרווח בין המחזורים מגיע מפה */
	padding-left: 2rem; 
	line-height: 0.65 !important;
}
html[lang="ar"] .lp-ticker__text {
	line-height: 1 !important;
}

/* ב-RTL (ימין לשמאל) תנועה ימינה היא תנועה חיובית בציר ה-X */
@keyframes ticker-rtl {
	0% { transform: translateX(0); }
	100% { transform: translateX(100%); }
}

/* ================= ========================================
   HANDS - UPDATED POSITIONS
   ========================================================= */
.lp-mission__hand {
	position: absolute;
	z-index: 1;
	width: 38.40277778vw; /* 553px / 18 */
	transition: transform 0.1s ease-out; /* החלקה לאנימציה */
	pointer-events: none; /* מונע חסימת קליקים */
}

/* 1. היד העליונה (שמאל) - ממוקמת גבוה יותר וצמודה לשמאל */
.lp-mission__hand--top {
	top: -14vw;
	left: -6vw;
}

/* 2. היד התחתונה (ימין) - ממוקמת בימין ולמטה, מוכנה לעלות */
.lp-mission__hand--bottom {
	width: 26.25vw; /* גודל היד הקטנה יותר */
	bottom: -12vw;
	right: 32vw;
	left: unset;
}


/* =========================================================
   HOW IT WORKS
   ========================================================= */
.lp-how {
	background-color: var(--c-primary); /* Primary מהעיצוב */
	color: #fff;
	padding: 8.888rem var(--lp-gutter) 11.111rem; /* 160px 200px */
	position: relative;
	text-align: center;
	z-index: 2;
}

/* 1. החומה בחלק העליון - חוזרת על עצמה בציר ה-X */
.lp-how::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.88888889rem; /* כ-45 פיקסלים (התאם לפי גובה התמונה המדויק שלך) */
	
	/* תמונת החומה שחוזרת על עצמה */
	background-image: url('../img/wall-landing.png');
	background-repeat: repeat-x;
	background-position: 0.8rem bottom;
	background-size: auto 100%;
	
	/* דוחף את החומה כלפי מעלה כך שהיא יושבת בדיוק על התפר העליון */
	transform: translateY(-100%); 
	z-index: 10;
}

/* 2. המשולש הגדול בתחתית הסקשן - CSS טהור */
.lp-how::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(100%);
	
	/* מידות משולש מחושבות (287px רוחב) */
	border-left: 2.222rem solid transparent; 
	border-right: 2.222rem solid transparent;
	border-top: 2.222rem solid var(--c-primary); /* אותו צבע של הסקשן */
	
	z-index: 10;
}

/* --- המשך הקוד של הסקשן נשאר אותו הדבר --- */
.lp-how__inner {
	max-width: var(--lp-container);
	margin: 0 auto;
}

.lp-how__header {
	margin-bottom: 5.555rem;
}

.lp-how__header h2 {
	font-size: var(--lp-fs-h2);
	color: #fff;
	margin-bottom: 0.555rem;
}

.lp-how__header p {
	font-size: 1.33333333rem;
}

/* הגריד של השלבים */
.lp-how__grid {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2.02833333rem; /* מרווח קטן יותר בגלל החצים */
	margin-bottom: 5.555rem;
}

.lp-how__step {
	background-color: #0D4059; /* כרטיסיה שקופה למחצה */
	border-radius: 3.33333333rem; /* 30px */
	padding: 1.666rem;
	width: 16.83333333rem; /* 335.41px */
	height: 19.72222222rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.lp-how__step-icon {
	height: 10.83333333rem;
	margin-bottom: 0.2rem;
}

.lp-how__step h3 {
	font-size: 1.44444444rem; /* 28px */
	color: #9CC1D4;
	margin: 0;
	line-height: 1.25;
}

/* החץ שבין הכרטיסיות */
.lp-how__arrow-img {
	width: 2.5rem; /* כ-45px */
	height: auto;
}

/* =========================================================
   אנימציות "איך זה עובד" - דסקטופ בלבד (> 768px)
   ========================================================= */
@media (min-width: 769px) {
	.lp-how__step {
		/* אנימציה: Fade in וזרימה מימין לשמאל */
		opacity: 0;
		transform: translateX(3rem);
		transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
		transition-delay: calc(var(--anim-order) * 0.15s);
	}

	.lp-how__arrow-img {
		/* גם החץ מקבל אנימציה מדורגת */
		opacity: 0;
		transform: translateX(1.5rem);
		transition: opacity 0.6s ease-out, transform 0.6s ease-out;
		transition-delay: calc(var(--anim-order) * 0.15s);
	}

	/* הפעלת האנימציה כשהסקשן גלוי */
	.lp-how.is-visible .lp-how__step,
	.lp-how.is-visible .lp-how__arrow-img {
		opacity: 1;
		transform: translateX(0);
	}
}

.lp-how__footer {
	display: flex;
	justify-content: center;
}

.lp-how__header .Henri {color: #9CC1D4; font-weight: 400;}


/* =========================================================
   TESTIMONIALS (צוותי החינוך משתפים)
   ========================================================= */
.lp-testimonials {
	background-color: #C1DEED; /* צבע התכלת של הרקע מהעיצוב */
	padding: 8.888rem 0; /* 160px */
	position: relative;
	overflow: hidden; /* שומר על הפרחים בתוך גבולות הסקשן */
}

/* --- פרחים דקורטיביים בפינות --- */
.lp-testi__flower {
	position: absolute;
	width: 17.36vw; /* 250px - התאם לפי הצורך */
	z-index: 1;
	transition: transform 0.1s ease-out; /* החלקה לאנימציית הגלילה */
}

.lp-testi__flower--tr { top: 0; right: 0; transform-origin: top right; }
.lp-testi__flower--tl { top: 0; left: 0; transform-origin: top left; }
.lp-testi__flower--br { bottom: 0; right: 4vw; transform-origin: bottom right; }
.lp-testi__flower--bl { bottom: 0; left: 4.2vw; transform-origin: bottom left; }

/* --- תוכן פנימי --- */
.lp-testimonials__inner {
	position: relative;
	z-index: 2;
	/* שינוי חשוב: 80rem = 1440px כדי להכיל 4 עמודות מבלי שיישברו */
	max-width: 90vw; 
	margin: 0 auto;
	padding: 0 var(--lp-gutter);
}

.lp-testimonials__header {
	text-align: center;
	margin-bottom: 4.444rem;
	color: var(--c-primary);
}

.lp-testimonials__header h2 {
	font-size: var(--lp-fs-h2);
	margin-bottom: 0.555rem;
}

.lp-testimonials__header p {
	font-size: 1.111rem;
	font-weight: 500;
}

/* --- גריד עמודות (מייסונרי מדופה) --- */
.lp-testimonials__grid {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 1.5rem; /* 22.03px מהעיצוב */
	margin-bottom: 4.444rem;
}

/* כל עמודה מתנהגת כ-Flex Column */
.lp-testi__col {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: 16.22222222rem;
	will-change: transform; /* אופטימיזציה לאנימציית פאראלאקס */
}

/* הסטה התחלתית כדי לייצר את מראה המייסונרי הזיג-זגי */
.lp-testi__col--offset {
	margin-top: 4.444rem; 
}

/* --- כרטיסיה --- */
.lp-testi-card {
	background: #FFF8EF; /* צבע שהגדרת */
	border-radius: 3.33333333rem; /* הרדיוס שהגדרת */
	padding: 2.222rem 1.666rem; /* 40px 30px */
	text-align: center;
	color: var(--c-primary);
	box-shadow: 0 0.555rem 1.666rem rgba(16,74,103,0.05);
}
.lp-testi-card > div {
	font-size: 1rem;
}

.lp-testi-card__avatar {
	width: 3.888rem; /* 70px */
	height: 3.888rem;
	margin: 0 auto 1.111rem;
	border-radius: 50%;
	overflow: hidden;
	background-color: #E6E6E6; 
}

.lp-testi-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lp-testi-card p {
	font-size: 1rem; /* 18px */
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1.111rem;
	font-family: var(--font-heading), 'Henri', sans-serif;
}

.lp-testi-card strong {
	font-weight: 700;
}

.lp-testi-card > div:last-child {
	flex-shrink: 0; 
	width: 100%;
	
	/* הגבלת השורות לקרדיט */
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lp-testimonials__footer {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 10;
}

/* =========================================================
   YOSSI SECTION (לזכרו)
   ========================================================= */
.lp-yossi {
	background-color: var(--c-bg-top); 
	padding: 6.666rem 0 0; 
	position: relative;
	/* חותך את מה שבורח מהסקשן (העיגול ייחתך למעלה אבל יברח לימין המסך) */
	overflow: hidden; 
}

/* העיגול המדויק מפיגמה (935px) */
.lp-yossi__circle {
	position: absolute;
	width: 51.944rem;  /* 935 / 18 */
	height: 51.944rem; /* 935 / 18 */
	background-color: #194C66; 
	border-radius: 50%;
	
	/* מיקום בצד ימין למעלה, בורח ימינה אל מחוץ למסך */
	top: -23rem; 
	right: -17rem; 
	
	z-index: 1;
	will-change: transform;
	transform-origin: center center;
}

.lp-yossi__inner {
	max-width: var(--lp-container);
	margin: 0 auto;
	padding: 0 var(--lp-gutter);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4.444rem; 
	position: relative;
	z-index: 2; /* מוודא שהתוכן יושב מעל העיגול */
}

/* --- עמודת התמונה (ימין) --- */
.lp-yossi__visual {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.lp-yossi__img {
	max-width: 100%;
	height: auto;
	display: block;
	will-change: transform;
}

/* --- עמודת הטקסט (שמאל) --- */
.lp-yossi__content {
	flex: 1;
	max-width: 35.666rem; /* הוגדל קצת כדי להכיל את תמונת הסטיקרים */
}

/* הסטיקרים החדשים (642x145) */
.lp-yossi__stickers {
	display: block;
	width: 35.666rem;  /* 642 / 18 */
	height: 8.055rem;  /* 145 / 18 */
	margin-bottom: 2.222rem; 
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}

.lp-yossi__content .eyebrow {
	color: var(--c-primary);
}

.lp-yossi__content h2 {
	font-size: 3.555rem; 
	color: var(--c-primary);
	margin-bottom: 1.111rem;
	line-height: 1.1;
}

.lp-yossi__content p {
	font-size: 1.222rem; 
	line-height: 1.5;
	margin-bottom: 2.222rem; 
	color: var(--c-primary);
	max-width: 28.888rem; /* מגביל את הטקסט למרות שהתמונה רחבה */
}

/* =========================================================
   GSAP BUTTON - YOSSI
   ========================================================= */
.lp-btn--yossi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 10.166rem;    /* 183 / 18 */
	height: 3.333rem;    /* 60 / 18 */
	border-radius: 1.111rem; /* 20 / 18 */
	border: 1px solid var(--c-primary);
	background-color: transparent;
	color: var(--c-primary);
	font-family: var(--font-heading);
	font-size: 1.33333333rem; 
	font-weight: 700;
	cursor: pointer;
	
	/* --- תוספות חובה לאנימציית GSAP --- */
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-decoration: none;
	transition: color 0.3s ease;
}

/* במצב Hover אנחנו משנים רק את הטקסט ללבן. הרקע נוצר מה-Flair */
.lp-btn--yossi:hover,
.lp-btn--yossi.button--stroke:hover {
	color: #fff;
}

/* מוודאים שהעיגול של ה-Flair מקבל את צבע ה-primary */
.lp-btn--yossi .button__flair:before {
	background-color: var(--c-primary);
}


/* =========================================================
   FOOTER
   ========================================================= */
.lp-bigfooter {
	background-color: #194C66; /* הצבע הכהה */
	position: relative;
	padding: 0 0 2.222rem; 
	color: #fff;
	margin-top: 0; /* המינוס שמושך אותו לעלות על סקשן יוסי */
	z-index: 10;
}

/* החומה (שיניים) - מטפסת החוצה מהפוטר כלפי מעלה */
.lp-bigfooter__teeth {
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 1.88888889rem; /* גובה התמונה */
	background-image: url('../img/wall-landing.png');
	background-repeat: repeat-x;
	background-position: 0.8rem bottom;
	background-size: auto 100%;
	transform: translateY(-100%); 
}

/* התאמת צבע הטיקר ברקע */
.lp-ticker--footer {
	position: absolute;
	top: 10.10833333rem;
	bottom: unset;
	left: 0;
	width: 100%;
	overflow: hidden; /* מונע שבירת מסך לרוחב */
}
.lp-ticker--footer .lp-ticker__text {
	color: #A6CFF0;
	opacity: 0.1;
}

.lp-bigfooter__inner {
	position: relative;
	z-index: 2;
	max-width: var(--lp-container);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* מעטפה */
.lp-bigfooter__envelope {
	padding-top: 6.666rem;
	padding-bottom: 5.555rem;
	width: 100vw;
	cursor: none; /* קריטי להפעלת העכבר המותאם */
	text-align: center;
}
.lp-bigfooter__envelope img {
	max-width: 25rem; 
	height: auto;
}

/* תבנית שורות (קישורים ולוגואים) */
.lp-bigfooter__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 1.666rem;
	margin-bottom: 1.666rem;
}

/* תפריטי ניווט */
.lp-bigfooter__nav {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 0.5rem;
}

.lp-bigfooter__nav a {
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
	opacity: 0.7;
	transition: opacity 0.3s ease;
	cursor: pointer; /* מחזיר פוינטר על קישורים */
}
.lp-bigfooter__nav a:hover {
	opacity: 1;
}

/* הפס המפריד (Pipe) בין הלינקים */
.lp-bigfooter__nav li + li::before {
	content: '|';
	margin-left: 0.5rem;
	opacity: 0.7;
	font-size: 1rem;
}

/* שורת לוגואים */
.lp-bigfooter__logo img {
	height: 4.2222222rem;
	width: auto;
}

.lp-bigfooter__partners {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 1.666rem;
	align-items: center;
}
.lp-bigfooter__partners img {
	height: 3.8rem;
	width: auto;
}
.lp-bigfooter__partners li:nth-child(2) img {
	height: 4.8rem;
}

.lp-bigfooter__partners li:nth-child(3) img {
	height: 4rem;
}

/* קרדיטים */
.lp-bigfooter__credits {
	text-align: center;
	font-size: 0.77777778rem;
	color: rgba(255,255,255,0.7);
	margin-top: 1.111rem;
}
.lp-bigfooter__credits a {
	text-decoration: underline;
}
.lp-bigfooter__credits a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);;
}

/* =========================================================
   CUSTOM CURSOR (עכבר מותאם אישית כפתור תכלת)
   ========================================================= */
.lp-custom-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	pointer-events: none; /* חובה! מונע מהעכבר לחסום קליקים */
	
	/* מידות זהות לחלוטין לכפתור התכלת בהדר */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 2.71166667rem; /* הועתק מ: lp-btn--mission-lightblue */
	padding: 0 1.2rem 0 3.1rem; 
	border-radius: 0.90555556rem; /* 20px */
	
	background-image: 
	radial-gradient(107.08% 85.59% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.00) 86.18%),
	radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0.00) 76.6%),
	linear-gradient(0deg, #7ADEFF 0%, #7ADEFF 100%);
	
	color: var(--c-primary);
	font-family: var(--font-heading), 'Henri', sans-serif;
	font-weight: 700;
	font-size: 1.05555556rem; /* הועתק מההדר */
	white-space: nowrap;
	
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.3s ease; 
}

/* אייקון הלב בתוך העכבר (החלפנו ל-before כדי למנוע התנגשויות) */
.lp-custom-cursor::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 1.111rem;
	transform: translateY(-50%);
	width: 1.2rem;
	height: 1.2rem;
	background-color: currentColor; 
	-webkit-mask: url('../img/icon-heart.svg') center / contain no-repeat;
	mask: url('../img/icon-heart.svg') center / contain no-repeat;
}

/* דריסה חזקה: מבטל ::after במקרה ויש קלאס נוסף של כפתור על ה-div שיוצר כפילות */
.lp-custom-cursor::after {
	display: none !important;
}

.lp-custom-cursor.is-active {
	opacity: 1;
}


/* =========================================================
   MODAL YOSSI (Pixel Perfect Smooth Animation)
   ========================================================= */
.lp-modal {
   position: fixed;
   z-index: 99999;
   inset: 0;
   display: flex;
   align-items: flex-start; /* שונה מ-center כדי לאפשר גלילה תקינה של תוכן ארוך */
   justify-content: center;
   padding: 4rem 1rem; /* כאן אנחנו קובעים את המרווח: 4rem למעלה ולמטה, 1rem בצדדים למובייל */
   height: 100vh;
   overflow-y: auto;
   
   /* מצב התחלתי - מוסתר */
   visibility: hidden;
   opacity: 0;
   transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* כשהמודאל פתוח */
body.yossi-modal-open .lp-modal[data-modal="yossi"],
body.about-modal-open .lp-modal[data-modal="about"] {
	visibility: visible;
	opacity: 1;
}
body.yossi-modal-open,
body.about-modal-open {
	overflow: hidden;
}

.lp-modal__overlay {
	position: fixed;
	inset: 0;
	background: rgba(16, 74, 103, 0.85); /* הכחול הכהה מהדוגמה שלך */
	backdrop-filter: blur(8.4px);
	-webkit-backdrop-filter: blur(8.4px);
}

.lp-modal__panel {
	position: relative; /* שונה מ-absolute כדי לחזור לזרימה הטבעית של הגלילה */
	margin: auto; /* הקסם: ממרכז את הפופאפ מכל הכיוונים אם נשאר מקום פנוי */
	width: 100%; /* שיניתי ל-100% כי ה-padding של המעטפת (1rem) שומר על השוליים בצדדים */
	max-width: 55.77777778rem;
	background-color: #F8F3F3;
	border-radius: 3.33333333rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	z-index: 2;

	/* האנימציה שביקשת: שילוב של סקייל ופייד עם Bezier קפיצי */
	opacity: 0;
	transform: scale(0.8);
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
}

/* הפעלה כשהקלאס מתווסף לבאדי */
body.yossi-modal-open .lp-modal[data-modal="yossi"] .lp-modal__panel,
body.about-modal-open .lp-modal[data-modal="about"] .lp-modal__panel {
	opacity: 1;
	transform: scale(1);
}

/* --- פריסת תוכן המודאל --- */
.lp-modal__main {
	display: flex;
	flex: 1;
	align-items: flex-start;
	overflow-y: auto;
	background-color: #C1DEED; /* תכלת מהעיצוב */
}

.lp-modal__visual {
	flex: 0 0 42%;
	background-color: #F8F3F3; /* לבן מתחת לתמונה */
	padding: 6.333rem 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lp-modal__visual img {
	max-width: 100%;
	height: auto;
}

.lp-modal__copy {
	flex: 1;
	padding: 8.72222222rem 2.888889rem 8.333rem 3.888889rem;
	color: var(--c-primary);
	text-align: right;
}

.lp-modal__copy h2 {
	font-size: 3.333rem;
	margin-bottom: 1.111rem;
	line-height: 1;
}

.lp-modal__text p {
	font-size: 1rem; /* ~17px */
	line-height: 1.42;
	margin-bottom: 1rem;
}

/* --- החלק התחתון: חומה ופרח --- */
.lp-modal__bottom {
	background-color: #F8F3F3;
	position: relative;
	padding: 2rem 0;
	text-align: center;
}

.lp-modal__wall {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.888rem;
	background-image: url('../img/wall-popup.png');
	background-repeat: repeat-x;
	background-position: 0.8rem bottom;
	background-size: auto 100%;
	transform: translateY(-98%); /* מטפס על התכלת */
}

.lp-modal__sign {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.lp-modal__sign span {
	font-size: 1.22222222rem;
	letter-spacing: 0.23222222rem;
	font-weight: 700;
}

/* אנימציית ה"התנפנפות" לפרח ה-SVG */
.lp-modal__flower {
	position: absolute;
	width: 4.5rem;
	right: -4rem;
	bottom: -2.2rem;
	height: auto;
	transform-origin: bottom center;
	animation: flowerSway 3s ease-in-out infinite;
}

@keyframes flowerSway {
	0%, 100% { transform: rotate(-3deg); }
	50% { transform: rotate(3deg); }
}

/* סגירה */
.lp-modal__close {
	position: absolute;
	top: 2.5rem;
	right: 2.5rem;
	width: 2.22222222rem;
	height: 2.22222222rem;
	padding: 0;
	border-radius: 50%;
	border: none;
	background-color: transparent;
	background-image: url('../img/icon-close.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
}
.lp-modal__close:hover {
	transform: scale(1.1);
}
.lp-modal .eyebrow {color: var(--c-primary)}

.lp-modal__text p.popup_intro {
	font-size: 1.33333333rem;
}


/* =========================================================
   CONTACT PAGE (עמוד יצירת קשר)
   ========================================================= */
.lp-main--contact {
	background-color: #C1DEED !important; /* צבע התכלת של הרקע */
	min-height: 100vh;
	padding-top: var(--lp-header-h);
}

.lp-contact {
	padding: 8.72222222rem 0 0;
	position: relative;
}

.lp-contact__container {
	max-width: var(--lp-container);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 4.444rem;
}

/* --- עמודת הטקסט --- */
.lp-contact__content {
	flex: 1;
	position: relative;
}

.lp-contact__content h1 {
	font-size: 4.444rem; /* 80px */
	color: var(--c-primary);
	margin-bottom: 2.222rem;
	line-height: 0.95;
}

.lp-contact__text p {
	font-size: 1.44444444rem; /* 24px */
	line-height: 1.42;
	margin-bottom: 1.111rem;
}

.lp-contact__email {
	font-size: 1.44444444rem;
	text-decoration: underline;
}

/* היד עם הפרח */
.lp-contact__hand {
	position: absolute;
	bottom: -3rem;
	left: 9rem;
	width: 15rem;
	z-index: 5;
}

/* =========================================================
   קומפוזיציית המעטפה (מיקומים אבסולוטיים)
   ========================================================= */
.lp-contact__visual {
	flex: 1;
	display: flex;
	justify-content: center;
	position: relative;
}

.lp-envelope {
	position: relative;
	width: 36.38888889rem; /* ~600px */
	display: flex;
	justify-content: center;
}

/* גב המעטפה (החלק הפתוח) - מקובע לתחתית */
.lp-envelope__back {
	position: absolute;
	bottom: 7rem;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
}

/* הנייר הלבן - יושב באמצע עם z-index 2 */
.lp-envelope__paper {
	background: #FFFFFF;
	width: 91%;
	position: relative;
	z-index: 2;
	border-radius: 3.05555556rem 3.05555556rem 0 0;
	padding: 4.80333333rem 2.29388889rem 13rem;
	box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.05);
}

/* החלק הקדמי (הכיס) - מקובע לתחתית עם z-index 3 */
.lp-envelope__front-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	pointer-events: none; /* חובה! מוודא שאפשר ללחוץ על כפתור השליחה גם אם המעטפה מסתירה אותו טיפה */
}

.lp-envelope__front {
	width: 100%;
	height: auto;
	display: block;
}


/* =========================================================
   תיקון הגריד של Contact Form 7
   ========================================================= */
.lp-form-wrapper {
	width: 100%;
}

/* איפוס תגיות ש-CF7 עלול להזריק בטעות */
.lp-form-wrapper p {
	margin: 0;
	padding: 0;
	width: 100%;
}

.lp-form-wrapper br {
	display: none;
}

/* שורות הטופס */
.lp-form-row > p {
	display: flex;
	gap: 1.111rem; /* מרווח בין השדות */
	margin-bottom: 1.111rem;
	width: 100%;
}

/* מכריח כל שדה לקחת בדיוק חצי מהרוחב (50%) */
.lp-form-row > p > span.wpcf7-form-control-wrap {
	flex: 1;
	display: block;
	width: 100%;
}

.lp-form-control.lp-form-control--full {
	width: 100%;
}

/* עיצוב השדות עצמם */
.lp-form-control input,
.lp-form-control textarea {
	width: 100%;
	border: 1px solid #B4C6D1;
	border-radius: 1rem;
	padding: 0.888rem 1.333rem;
	font-size: 0.888rem;
	font-family: inherit;
	color: var(--c-primary);
	background-color: transparent;
	outline: none;
	transition: border-color 0.3s ease;
	box-sizing: border-box;
}

.lp-form-control input:focus,
.lp-form-control textarea:focus {
	border-color: var(--c-primary);
}

.lp-form-control textarea {
	border-radius: 1.111rem;
	min-height: 8.888rem; /* 160px */
	resize: vertical;
}

.lp-form-control input::placeholder,
.lp-form-control textarea::placeholder {
	color: #8CA7B8;
	opacity: 1;
}

/* מרכוז כפתור השליחה */
.lp-form-submit {
	text-align: center;
	position: relative;
	z-index: 10; /* מוודא שהוא תמיד מעל הכל ולחיץ */
	width: 15.94444444rem;
	margin: 0 auto;
}

.wpcf7-not-valid-tip {
	font-size: 0.8rem !important;
}

.wpcf7-response-output {
	display: none !important;
}
.wpcf7-spinner {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	margin: 0 !important;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
	direction: rtl;
}

/* =========================================================
   INTERNAL HEADER (תיקון פריסה ואנימציה)
   ========================================================= */

/* 1. המצב הסטטי - יושב בראש העמוד ולא זז */
.lp-header--internal {
	position: absolute; /* משנה מ-fixed ל-absolute כדי שלא יהיה "כפול" בטעינה */
	top: 0;
	left: 0;
	width: 100%;
	height: 4.555rem; /* 100px */
	padding-top: 0;
	background: rgba(255, 255, 255, 0.60);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-bottom: 1px solid #144E6D;
	z-index: 10;
}

/* 2. המצב המשוכפל (הקלאס שה-JS מוסיף לשכפול) */
.lp-header--internal.lp-header--fixed {
	position: fixed !important;
	/* מתחיל מחוץ למסך (למעלה) כדי שיוכל להחליק פנימה */
	top: -6.666rem; /* -120px */
	
	/* דריסת צבע הרקע הכחול של דף הבית */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	
	/* מוודא שהאנימציה קיימת */
	transition: top 0.3s ease-in-out;
	z-index: 1000;
}

/* 3. הפעלת האנימציה ברגע שה-JS מוסיף את המחלקה 'scrolled' לבאדי */
body.scrolled .lp-header--internal.lp-header--fixed {
	top: 0;
}

/* תיקון צבעים ויישור בפנים */
.lp-header--internal .lp-header__inner {
	height: 100%;
	display: flex;
	align-items: center;
}

.lp-header--internal .lp-header__nav-list,
.lp-header--internal .lp-header__lang {
	color: var(--c-primary);
}

.lp-header__brand {
	display: flex;
	align-items: center;
	gap: 1.666rem;
}


/* =========================================================
   BUTTON: LIGHT BLUE (כפתור הדר פנימי)
   ========================================================= */
.lp-btn--mission-lightblue {
	background-image: 
	radial-gradient(107.08% 85.59% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.00) 86.18%),
	radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0.00) 76.6%),
	linear-gradient(0deg, #7ADEFF 0%, #7ADEFF 100%);
	border: none !important;
	color: var(--font-heading) !important;
	height: 2.71166667rem;
	width: auto;
	padding: 0 1.2rem 0 3.1rem;
	font-size: 1.05555556rem;
}

/* הלב מקבל אוטומטית את צבע הטקסט (כחול כהה) בזכות currentColor,
   אנחנו רק צריכים למקם אותו מחדש בגלל הפאדינג החדש */
.lp-btn--mission-lightblue::after {
	left: 1.111rem;
}

/* --- הגדרות ההאבר (Hover) באמצעות ה-GSAP Flair --- */

/* 1. אומרים לעיגול האנימציה (Flair) להיות לבן במקום כחול */
.lp-btn--mission-lightblue .button__flair:before {
	background-color: #ffffff;
}

/* 2. במעבר עכבר - שומרים על הטקסט כחול (כדי שייראה על הרקע הלבן) */
.lp-btn--mission-lightblue:hover,
.lp-btn--mission-lightblue.button--stroke:hover {
	color: var(--c-primary) !important;
}

/* =========================================================
   CONTACT PAGE STICKERS (נקודות טקסטורה)
   ========================================================= */

/* חשוב להוסיף ל-main כדי שהסטיקרים לא יפרצו את רוחב המסך */
.lp-main--contact {
	position: relative;
	overflow: hidden; 
}

/* סטיקרים עליונים (642x145) */
.lp-contact__dots {
	position: absolute;
	top: 4.55rem;
	width: 35.666rem; /* 642px */
	height: 8.055rem; /* 145px */
	z-index: 1; /* יושב מתחת להדר שהוא z-index 10 */
	pointer-events: none; /* מונע חסימת קליקים */
}

.lp-contact__dots--tr {
	right: 0;
}

.lp-contact__dots--tl {
	left: 0;
}

/* סטיקר על הטופס עצמו (589x133) */
.lp-contact__dots-form {
	position: absolute;
	bottom: 8.555rem; /* יושב בתחתית הנייר הלבן */
	left: 50%;
	transform: translateX(-50%);
	width: 32.722rem; /* 589px */
	height: 7.388rem; /* 133px */
	z-index: 1; /* מתחת לכפתור השליחה שקיבל z-index 10 */
	pointer-events: none;
	opacity: 0.8; /* אפשר לשחק עם השקיפות אם זה בולט מדי */
}


/* =========================================================
   TEXT PAGES - UPDATED
   ========================================================= */

.lp-main--text {
	background-color: #F8F3F3; 
	min-height: 100vh;
	padding-top: calc(var(--lp-header-h) + 6.666rem);
	padding-bottom: 8.888rem;
	position: relative;
	overflow: clip;
}

.lp-text-page__container {
	max-width: 43.55555556rem;
	margin: 0 auto;
	position: relative; 
	display: flex;
	justify-content: space-between; /* מצמיד את התוכן לימין ב-RTL */
	align-items: flex-start;
	z-index: 2;
}

/* --- התוכן המרכזי (מימין) --- */
.lp-text-page__content {
	width: 33.333rem; /* 600px */
	max-width: 100%;
}

.lp-text-page__content h1 {
	font-size: 3.333rem;
	color: var(--c-primary);
	margin-bottom: 3.333rem;
}

/* --- תפריט הצד (משמאל) --- */
.lp-text-page__sidebar {
	flex: 0 0 7.5rem; /* רוחב התפריט */
	
	/* קסם ה-CSS הטהור */
	position: -webkit-sticky;
	position: sticky;
	top: 8.888rem; /* המרחק שיישמר מההדר (כ-160px) */
	
	/* קריטי נוסף ל-Flexbox */
	align-self: flex-start; 
	z-index: 5;
}

.lp-sidebar-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lp-sidebar-nav li {
	border-bottom: 1px solid rgba(20, 74, 103, 0.1);
}

.lp-sidebar-nav a {
	display: block;
	color: #104A67; /* הצבע שביקשת */
	text-align: right;
	font-family: var(--font-heading), 'Henri', sans-serif; /* פונט הנרי */
	font-size: 1.222rem; /* 22px */
	font-style: normal;
	font-weight: 400;
	line-height: 2;
	letter-spacing: -0.036rem; /* -0.66px */
	opacity: 0.6;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.lp-sidebar-nav li.current-menu-item a,
.lp-sidebar-nav a:hover {
	opacity: 1;
}

/* --- טקסט הרקע הבהיר --- */
.lp-text-page__bg {
	position: absolute;
	left: -38%;
	top: 12%;
	color: #175776;
	text-align: right;
	font-family: var(--font-heading), 'Henri', sans-serif;
	font-size: 10.344rem;
	font-weight: 400;
	line-height: 8.361rem;
	letter-spacing: -0.31rem;
	opacity: 0.05;
	pointer-events: none;
	z-index: 1;
	user-select: none;
	white-space: nowrap;
}


/* =========================================================
   404 ERROR PAGE (עמוד שגיאה)
   ========================================================= */
.lp-main--404 {
	background-color: #F8F3F3; /* אותו צבע רקע כמו עמודי הטקסט */
	min-height: calc(100vh - 2.222rem); /* גובה מסך מלא פחות הפוטר */
	padding-top: calc(var(--lp-header-h) + 11.444rem);
	padding-bottom: 7.666rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden; /* מונע מה-404 הענק לפרוץ את המסך לרוחב */
}

.lp-404-wrapper {
	position: relative;
	text-align: center;
	width: 100%;
	max-width: var(--lp-container);
}

/* ה-404 הענק מאחורה */
.lp-404-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%); /* ממורכז ומוסט טיפה למעלה */
	
	/* הסטייל שצירפת, מומר ל-rem מטעמי רספונסיביות */
	color: #797979;
	text-align: center;
	font-family: var(--font-heading), 'Henri', sans-serif;
	font-size: 38.594rem; /* 694.703px */
	font-weight: 400;
	line-height: 0.61; /* 61.111% */
	letter-spacing: -1.157rem; /* -20.841px */
	opacity: 0.1;
	
	/* קריטי: מונע הפרעה בעת לחיצה על הכפתור */
	pointer-events: none; 
	user-select: none;
	z-index: 1;
	white-space: nowrap;
}

/* התוכן הקדמי (העיפרון והטקסט) */
.lp-404-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.lp-404-image {
	width: 31.75444444rem; /* כ-450px, התאם לפי גודל ה-SVG המקורי */
	max-width: 90%;
	height: auto;
	margin-bottom: 0;
	display: block;
}

.lp-404-content h1 {
	color: var(--c-primary);
	font-size: 4.444rem; /* 80px */
	margin-bottom: 2.222rem;
	margin-top: -0.5rem; /* מושך את הכותרת קצת למעלה לכיוון העיפרון */
}

/* --- כפתור "בואו ננסה שוב" --- */
.lp-btn-404 {
	display: inline-flex;
	height: 3.333rem; /* 60px */
	padding: 0 1.444rem; /* 26px מימין ושמאל */
	justify-content: center;
	align-items: center;
	gap: 0.555rem; /* 10px */
	border-radius: 1.111rem; /* 20px */
	border: 1px solid var(--c-primary); /* #104A67 */
	
	color: var(--c-primary);
	font-family: var(--font-heading), 'Henri', sans-serif;
	font-size: 1.3333rem; /* 22px */
	font-weight: 700;
	text-decoration: none;
	background: transparent;
	transition: all 0.3s ease;
	cursor: pointer;
}

/* אפקט ריחוף (Hover) שהופך אותו לכחול מלא */
.lp-btn-404:hover {
	background-color: var(--c-primary);
	color: #fff;
}

/* =========================================================
   TEXT CONTENT FORMATTING (Word-like Lists)
   ========================================================= */
.content-formatting ol,
.content-formatting ul {
	padding-right: 1.388rem; /* דוחף את המספרים פנימה מצד ימין */
	padding-left: 0;
	margin-bottom: 1.666rem;
}

.content-formatting li {
	font-size: 1rem;
	line-height: 1.42;
	color: var(--c-primary);
}

.content-formatting p {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 1.111rem;
	color: var(--c-primary);
}

/* סגנונות רשימה - רמה 1 */
.content-formatting ol { list-style-type: decimal; }
.content-formatting ul { list-style-type: disc; }

/* סגנונות רשימה מקוננת - רמה 2 (כמו בוורד) */
.content-formatting ol ol {
	list-style-type: hebrew; /* אותיות: א, ב, ג... */
	margin-top: 0.555rem;
	margin-bottom: 0;
}
.content-formatting ul ul {
	list-style-type: circle; /* עיגול חלול */
	margin-top: 0.555rem;
	margin-bottom: 0;
}


/* =========================================================
   HERO CARDS STACK ANIMATION
   ========================================================= */
.lp-cards-wrapper {
	position: absolute;
	top: 1rem;
	left: 10%; /* ממקם בחלק השמאלי עליון */
	width: 17.77777778rem;
	height: 23.33333333rem;
	z-index: 5;
	perspective: 1000px;
}

.lp-cards-stack {
	position: relative;
	width: 100%;
	height: 100%;
}

/* הכרטיס עצמו */
.lp-stack-card {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2.22222222rem; /* ~30px */
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	background-color: #F8F3F3;
	overflow: hidden;
	
	/* אנימציית כניסה - מתחיל מחוץ למסך למעלה */
	transform: translateY(-70rem) scale(0.9);
	transition: transform 1s cubic-bezier(0.6, 0, 0.2, 1), background-color 0.4s ease;
}



/* המצבים של הכרטיסיות (מהאחרון לראשון ב-DOM) */

.lp-cards-stack.is-inited .lp-stack-card:nth-last-child(4) { transform: rotate(-18deg) scale(0.9); z-index: 1; }
.lp-cards-stack.is-inited .lp-stack-card:nth-last-child(3) { transform: rotate(-18deg) scale(0.9); z-index: 2; transition-delay: 0.1s;}
.lp-cards-stack.is-inited .lp-stack-card:nth-last-child(2) { transform: rotate(-9deg) scale(0.95); z-index: 3; transition-delay: 0.2s;}
.lp-cards-stack.is-inited .lp-stack-card:nth-last-child(1) { transform: rotate(0deg) scale(1); z-index: 4; transition-delay: 0.3s;}

/* אנימציית הנפילה לאחור כשהכרטיס סיים */
@keyframes cardDropRTL {
	0% { transform: translate3d(0, 0, 0) rotate(9deg) scale(1); z-index: 10; }
	40% { transform: translate3d(-90%, 0, 0) rotate(3deg) scale(0.925); z-index: -1; }
	100% { transform: translate3d(0, 0, 0) rotate(-3deg) scale(0.85); z-index: -1; }
}

.lp-stack-card.is-dropping {
	animation: cardDropRTL 0.8s forwards;
}

/* --- התוכן הפנימי של הכרטיס --- */
/* --- התוכן הפנימי של הכרטיס --- */
.lp-stack-card__inner {
	padding: 3rem 3rem 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start; /* שומר את הטקסט מרוכז כשהתמונה עדיין מוסתרת */
	height: 100%;
	text-align: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.lp-stack-card.is-active .lp-stack-card__inner {
	opacity: 1;
}

/* התמונה למעלה - מתחילה מגובה 0 כדי לא לתפוס מקום *//* --- המעטפת של התמונה: פותחת את המקום ודוחפת את הטקסט למטה --- */
/* --- המעטפת של התמונה: פותחת את המקום ומרחפת למעלה --- */
.lp-stack-card__img {
	background-color: transparent !important;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	/* הסרנו את overflow: hidden כדי לבטל את אפקט הוילון! */
	
	max-height: 0;
	margin-bottom: 0;
	
	/* פייד התחלתי ומיקום נמוך יותר כדי שתוכל לעלות למעלה */
	opacity: 0;
	transform: translateY(3rem);
	
	/* אנימציה משולבת: 
	   1. max-height + margin: דוחפים את הטקסט למטה.
	   2. transform: מעלה את התמונה למעלה.
	   3. opacity: פייד-אין עדין.
	*/
	transition: max-height 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
				margin-bottom 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
				transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
				opacity 0.7s ease 0.1s;
}

/* המצב הפעיל כשהתמונה מופיעה */
.lp-stack-card__img.is-visible {
	max-height: 8rem; /* פותח את המרווח שדוחף את הטקסט */
	opacity: 1; /* פייד פנימה */
	transform: translateY(0); /* החלקה חלקה למקום הטבעי */
}

.lp-stack-card__img img {
	max-width: 65%;
	height: 100%;
	display: block;
}

/* הטקסט המוקלד */
.lp-stack-card__typed {
	color: #104A67;
	font-family: var(--font-heading), 'Henri', sans-serif;
	font-size: 1.22rem; /* 21.96px */
	font-weight: 400;
	line-height: 1.15;
	margin-bottom: 1rem;
	position: relative;
	display: inline;
}

/* סמן ההקלדה המהבהב */
.lp-stack-card__typed::after {
	content: '|';
	color: #104A67;
	opacity: 1;
	animation: blinkCursor 0.7s infinite;
	display: none;
}
.lp-stack-card.is-typing .lp-stack-card__typed::after {
	display: inline;
}

@keyframes blinkCursor {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

/* המחבר (שולה מ...) */
.lp-stack-card__author {
	color: #104A67;
	font-family: var(--font-main), sans-serif; /* SimplerPro */
	font-size: 0.976rem; /* 17.56px */
	font-weight: 400;
	line-height: 1.15;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.5s ease;
}

.lp-stack-card__author.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* =========================================================
   HERO CANVAS ANIMATION (LINES & DOTS)
   ========================================================= */
.lp-hero__canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0; /* יושב ממש מעל הרקע הכחול ומתחת לתוכן */
	pointer-events: none; /* מונע הפרעה לקליקים על כפתורים/כרטיסיות */

	/* חותך את האנימציה בדיוק לפי תמונת הרקע (האליפסה) */
	-webkit-mask-image: url('../img/home-hero-bg-n.png');
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: center top;
	-webkit-mask-repeat: no-repeat;
	mask-image: url('../img/home-hero-bg-n.png');
	mask-size: 100% 100%;
	mask-position: center top;
	mask-repeat: no-repeat;
}

/* מוודא שהתוכן נשאר מעל הקנבס */
.lp-hero__inner {
	position: relative;
	z-index: 2;
}


/* === עיצוב צ'קבוקס אישור (תנאי שימוש) בטופס === */
.lp-form-consent {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 25px; /* מרווח מכפתור השליחה */
}

/* מאפס את מעטפת הליסט של CF7 */
.lp-form-consent .wpcf7-list-item {
	margin: 0;
	display: inline-block;
}

/* הופך את כל הלייבל ללחיץ ומיושר */
.lp-form-consent .wpcf7-list-item label {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	font-size: 0.88888889rem; /* 20px - תואם לגודל הטקסט בטופס */
	color: var(--c-primary);
	margin: 0;
}

/* הסתרת הצ'קבוקס המקורי של הדפדפן אבל השארתו נגיש לקוראי מסך */
.lp-form-consent input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* הזחת הטקסט כדי לפנות מקום לריבוע המעוצב */
.lp-form-consent .wpcf7-list-item-label {
	position: relative;
	padding-right: 1.5rem; 
	display: inline-block;
	user-select: none;
}

/* הריבוע המעוצב (Unchecked) */
.lp-form-consent .wpcf7-list-item-label::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.88888889rem;
	height: 0.88888889rem;
	border: 1px solid var(--c-primary);
	border-radius: 0.22222222rem;
	background-color: transparent;
	transition: all 0.2s ease;
}

/* אייקון ה-V (מוסתר כברירת מחדל) */
.lp-form-consent .wpcf7-list-item-label::after {
	content: "";
	position: absolute;
	right: 0.3rem;
	top: 45%;
	transform: translateY(-50%) rotate(45deg);
	width: 0.23rem;
	height: 0.5rem;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	opacity: 0;
	transition: opacity 0.2s ease;
}

/* מצב מסומן (Checked) - מילוי כחול */
.lp-form-consent input[type="checkbox"]:checked ~ .wpcf7-list-item-label::before {
	background-color: var(--c-primary);
}

/* מצב מסומן (Checked) - חשיפת ה-V */
.lp-form-consent input[type="checkbox"]:checked ~ .wpcf7-list-item-label::after {
	opacity: 1;
}

/* עיצוב הקישור של תנאי השימוש בתוך הלייבל */
.lp-form-consent .wpcf7-list-item-label a {
	color: var(--c-primary);
	font-weight: 700;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.lp-form-consent .wpcf7-list-item-label a:hover {
	text-decoration: none;
}

.lp-form-row.lp-form-consent > p {
	text-align: center;
}




/* הקונטיינר הראשי - המלבן הלבן שמאחור */
.contact-card-container {
	position: relative;
	background: #ffffff; /* הרקע הלבן שנשאר */
	border-radius: 12px; /* התאם את עיגול הפינות לעיצוב שלך */
	padding: 1px;
	min-height: 450px; /* שומר על גובה יציב כדי שהמעטפה לא תקרוס פנימה */
	overflow: hidden;
}

/* הטופס עצמו - מצב רגיל ומצב עף למעלה */
.lp-form-wrapper {
	position: relative;
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp-form-wrapper.fly-out {
	opacity: 0;
	transform: translateY(-60px); /* עף למעלה */
	pointer-events: none;
}

/* הודעת התודה - מצב מוסתר ומצב מופיע */
.contact-thank-you-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: translateY(40px); /* מחכה למטה */
	transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	transition-delay: 0.3s; /* מחכה שהטופס יתחיל לצאת לפני שהוא נכנס */
	pointer-events: none;
	z-index: 2;
}

.contact-thank-you-wrapper.show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/* עיצוב הטקסטים של הודעת התודה (לפי מה ששלחת) */
.ty-img {
	max-width: 150px;
	margin-bottom: 20px;
}

.ty-title {
	color: #174257;
	text-align: center;
	font-family: Henri, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 99%;
	margin: 0 0 10px 0;
}

.ty-text {
	color: #104A67;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	margin: 0;
}

/* העלמת הודעת ההצלחה הסטנדרטית והמכוערת של CF7 מתחת לטופס */
.wpcf7 form.sent .wpcf7-response-output {
	display: none !important;
}

/* אנימציית "חושב" לכפתור בזמן שליחה */
.wpcf7 form.submitting .btn-submit {
	opacity: 0.7;
	pointer-events: none;
}



/* מסתירים את ההמבורגר בדסקטופ גלובלית */
.m_only { display: none; }

@media (min-width: 769px) {
	/* מסתירים את המעטפת של הספלייד בדסקטופ */
	.splide-mobile-wrapper {
		display: none !important;
	}
}
@media (min-width: 1919px) {
	.lp-yossi__inner {
		min-height: 31rem;
	}
	.lp-yossi__visual {
		align-self: flex-end;
	}
	.lp-yossi__img {
		position: relative;
		top: -1rem;
	}
}


@media (max-width: 768px) {
	html {
		/* כיול מדויק: 1rem = 18px ברוחב מסך של 393px */
		font-size: 4.580vw; 
	}

	:root {
		/* צמצום שוליים ל-20 פיקסלים (20/18 = 1.111) */
		--lp-gutter: 1.111rem; 
	}
	
	.lp-root {
		--lp-fs-h2: 2.5rem;
		--lp-container: 89.82188295vw;
	}

	/* התאמת ריווחים כללית לסקשנים */
	section {
		padding: 4.444rem 0; /* 80px */
	}
	
	
	.lp-hero {
		/* מגדילים משמעותית את הגובה של הסקשן */
		padding-top: 8.888rem; /* דוחף למטה מההדר */
		padding-bottom: 30rem; /* ~500px: משאיר חלל ענק ריק עבור הכרטיסיות הצבעוניות */
		background-size: cover; /* מבטיח שהרקע הכחול יכסה את כל הגובה החדש */
		background-position: top center;
	}
	
	.lp-hero__container {
		display: flex;
		flex-direction: column;
		align-items: flex-start; /* ב-RTL זה מצמיד את הכל לימין החלון */
		gap: 2.222rem;
	}
	
	.lp-hero__content {
		text-align: right; /* יישור טקסט מוחלט לימין */
		display: flex;
		flex-direction: column;
		align-items: flex-start; /* מוודא שגם הכפתור יישאר צמוד לימין ולא יימתח לאמצע */
		width: 100%;
	}
	
	.lp-hero__content h1 {
		font-size: 2.777rem; /* 50px */
		line-height: 1.1;
		margin-bottom: 1.111rem;
	}
	
	.lp-hero__content p {
		font-size: 1.111rem; /* 20px */
		max-width: 100%;
		margin-bottom: 2.222rem;
	}
	
	/* הכפתור הכחול עם הבועה */
	.lp-hero .lp-btn--mission {
		width: 100%;
		max-width: 18.888rem; /* 340px */
	}
	
	.lp-hero__inner {
		display: flex;
		flex-direction: column;
	}	
	/* וידאו/תמונה מתחת לטקסט */
	.lp-hero__visual {
		width: 100%;
		height: 25rem; /* 450px */
		border-radius: 2.222rem;
	}
	
	
	.lp-mission__container {
		flex-direction: column;
		text-align: center;
		padding-bottom: 2rem;
	}
	
	.lp-mission__content {
		order: 1; /* הטקסט ראשון */
	}
	
	/* הידיים והפרחים - מיקומים חדשים שלא חוסמים טקסט */
	.lp-mission__hand-flower {
		order: 2;
		position: relative;
		width: 15rem;
		height: auto;
		margin: 2.222rem auto 0;
		left: auto;
		right: auto;
		bottom: 0;
	}
	
	.lp-mission__text p {
		font-size: 1rem;
		line-height: 1.6;
	}
	
	.lp-how-it-works__steps {
		flex-direction: column;
		align-items: center;
		gap: 3.333rem; /* רווח בין השלבים */
	}
	.lp-mission__inner p {
		font-size: 1.11111111rem;
	}
	
	.lp-step {
		width: 100%;
		max-width: 16.666rem; /* 300px */
	}
	
	/* סיבוב החצים שיצביעו למטה במקום הצידה */
	.lp-step__arrow {
		transform: rotate(90deg);
		margin: 1.111rem 0;
		position: relative;
		left: auto;
		top: auto;
	}
	
	.lp-yossi__container {
		flex-direction: column;
		text-align: center;
	}
	
	.lp-yossi__image {
		width: 100%;
		max-width: 20rem;
		margin: 0 auto;
	}
	
	.lp-yossi__content h2 {
		font-size: 2.222rem; /* 40px */
	}
	
	/* הטקסט הבהיר ברקע ("אומרים תודה") */
	.lp-yossi__bg-text {
		font-size: 5.555rem; /* 100px */
		line-height: 0.8;
		top: 10%;
	}
	.lp-ticker__text {
		font-size: 6rem;
	}
	.lp-how::before, .lp-bigfooter__teeth, .lp-modal__wall {
		top: 1px;
		height: 2rem;
		background-size: auto 99%;
		/* מוודא שהחומה תרונדר מראש מבלי להיחתך */
		-webkit-transform: translateY(-99%) translateZ(0);
		transform: translateY(-99%) translateZ(0);
		will-change: transform;
	}
	.lp-btn--mission {
		width: 12.5rem;
		height: 2.8rem;
		border-radius: 1.111rem;
		font-size: 1.11111111rem;
		padding-left: 2rem;
		transition: none !important;
	}
	html[lang="ar"] .lp-mobile-menu__cta {
		width: 14rem;
	}
	.lp-how {
		padding-top: 5.888rem;
	}
	.lp-how__header p {
		font-size: 1.11111111rem;
		line-height: 1;
	}
	.lp-how__grid {
		flex-direction: column;
	}
	
	.lp-how__grid {
		flex-direction: column;
		gap: 1rem;
	}
	
	.lp-how__step {
		border-radius: 16.66666667rem;
		padding: 0;
		width: 100%;
		height: 6rem;
		flex-direction: row;
		justify-content: flex-start;
		gap: 0;
	}
	.lp-how__arrow-img {
		transform: rotate(-90deg) !important;
		height: 1rem;
	}
	.lp-how__step-icon {
		height: 5rem;
		margin-bottom: 0;
	}
	.lp-how__step h3 {
		font-size: 1.22222222rem;
		margin: 0;
		line-height: 1.25;
		text-align: right;
	}
	.lp-btn--mission::after {
		left: 1.2rem;
	}
	.lp-how {
		padding-top: 5.888rem;
		padding-bottom: 3.111rem;
	}
	.lp-how::after {
		bottom: 1px;
	}
	
/* הגובה הקבוע והסידור הפנימי של הכרטיס (328px) - רק במובייל */
	.lp-testi-card {
		height: 18.222rem; 
		display: flex;
		flex-direction: column;
		height: 100%; 
		align-items: center; 
		text-align: center;
	}
	
	.lp-testi-card__avatar {
		flex-shrink: 0; 
		width: 4rem; /* 35px */
		height: 4rem; /* 35px */
		margin-bottom: 1.25rem; /* 20px */
	}
	
	/* מעלימים את גריד הפארלקס של הדסקטופ */
	.lp-testimonials__grid {
		display: none !important; 
	}
	
	/* הגדרות מעטפת הסליידר החדש */
	.splide-mobile-wrapper {
		margin-bottom: 2.222rem;
		direction: ltr; /* חובה ל-Splide גם כשעובדים ב-RTL */
	}
	
	.splide-mobile-wrapper .lp-testi-card {
		margin: 0;
		width: 100%;
	}
	.testimonials-mobile-slider {
		width: 100vw;
		position: relative;
		right: 50%;
		transform: translateX(50%);
	}
	.lp-testi-card p {
		font-size: 1.22222222rem;
		line-height: 1.15;
		
		flex-grow: 1; 
		margin: 0 0 1.25rem 0; /* מרווח תחתון של 20px */
		
		/* הגבלת מספר שורות (Line Clamping) */
		display: -webkit-box;
		-webkit-line-clamp: 4; 
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.lp-testimonials__footer {
		margin-top: 2.5rem;
	}
	/*
	.lp-how.is-visible .lp-how__step, .lp-how.is-visible .lp-how__arrow-img {
		opacity: 1;
		transform: translateX(0);
	}
	*/
	
	.lp-contact__content h1 {
		font-size: 3.05555556rem;
	}
	.lp-contact {
		padding-top: 6.722222rem;
	}
	.lp-contact__container {
		flex-direction: column;
	}
	.lp-contact__hand {
		display: none;
	}
	.lp-contact__text p, .lp-contact__email {
		font-size: 1.11111111rem;
	}
	.lp-contact__text p {
		margin-bottom: 0.5rem;
	}
	.lp-envelope__back, .lp-envelope__front-wrapper {
		left: unset;
		width: 100vw;
		right: 50%;
		transform: translateX(50%);
	}
	.lp-form-submit {
		width: 100%;
	}
	.lp-contact__dots-form {
		bottom: 4.555rem;
	}
	.lp-envelope__paper {
		width: 100%;
		border-radius: 1.80555556rem 1.80555556rem 0 0;
		padding: 1.4rem 1.11111rem 10rem;
	}
	.lp-form-row > p {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.lp-form-control input, .lp-form-control textarea {
		width: 100%;
		border-radius: 0.61111111rem;
		padding: 1.08rem 1rem;
	}
	.lp-form-control textarea {
		border-radius: 1.52777778rem;
		min-height: 6.55555556rem;
	}
	.lp-modal__main {
		flex-direction: column-reverse;
	}
	.lp-modal {
		padding: 5rem 0 7rem;
	}
	.lp-modal__panel {
		width: 100%;
		max-width: unset;
		background-color: #F8F3F3;
		border-radius: 0;
	}
	.lp-modal__close {
		top: 1.1111111rem;
		right: 1.1111111rem;
		background-color: #ffffff;
	}
	.lp-modal__visual {
		padding-top: 2rem;
		flex: unset;
	}
	.lp-modal__copy {
		padding: 4rem 1.11111rem 8.333rem;
	}
	.lp-modal__copy h2 {
		font-size: 2.5rem;
	}
	.lp-modal__text p.popup_intro {
		font-size: 1.1111rem;
	}
	
	/* =========================================================
	   TEXT PAGE - MOBILE (Sticky Top Nav)
	   ========================================================= */
	.lp-main--text {
		padding-top: calc(var(--lp-header-h) + 2.222rem);
	}
	
	.lp-text-page__container {
		flex-direction: column; /* הופך את הגריד לעמודה אחת */
	}
	
	/* משיכת התפריט למעלה וקיבוע כסטיקי */
	.lp-text-page__sidebar {
		flex: unset;
		order: -1; /* קסם הפלקס: זורק את ה-aside לפני התוכן למרות שהוא כתוב אחריו ב-HTML */
		
		/* פריצה לרוחב מסך מלא */
		width: 100%;
		max-width: unset;
		position: relative;
		
		/* סטיקי עליון */
		position: sticky;
		top: 4.555rem; /* גובה ההדר הפנימי שלך (lp-header--internal) */
		z-index: 90;
		
		background-color: #F8F3F3; /* רקע אטום שמסתיר את הטקסט שנגלל מאחוריו */
		padding: 0;
		margin-bottom: 2.222rem;
	}
	
	.lp-sidebar-nav ul {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 0;
		padding: 0;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none; 
	}
	.lp-sidebar-nav ul::-webkit-scrollbar { display: none; }
	
	.lp-sidebar-nav li {
		border-bottom: none; /* ביטול הקו התחתון שיש בדסקטופ לכל שורה */
	}
	
	.lp-sidebar-nav a {
		display: inline-block;
		padding: 1.111rem 0 0.555rem;
		font-size: 1.111rem; /* ~20px */
		line-height: 1;
		border-bottom: 2px solid transparent;
		opacity: 0.6;
	}
	
	/* מצב פעיל (הדף הנוכחי) */
	.lp-sidebar-nav li.current-menu-item a {
		font-weight: 700;
		border-bottom-color: var(--c-primary); /* קו תחתון כחול */
		opacity: 1;
	}
	
	/* עיצוב אזור הטקסט המרכזי למובייל */
	.lp-text-page__content {
		width: 100%;
		order: 2;
	}
	
	.lp-text-page__content h1 {
		font-size: 2.5rem;
		margin-bottom: 1.666rem;
		line-height: 1.1;
	}
	
	/* הסתרת טקסט הרקע הענק המפריע במובייל */
	.lp-text-page__bg {
		display: none; 
	}
	.lp-text-page__container {
		max-width: var(--lp-container);
	}
	
	.lp-main--404 {
		padding-top: calc(var(--lp-header-h) + 0.444rem);
		padding-bottom: 0;
	}
	.lp-404-bg {
		font-size: 12.5rem;
		top: 29%;
	}
	.lp-404-image {
		margin-top: 0;
		margin-bottom: 1.4rem;
		max-width: 84%;
	}
	
	.lp-btn-404 {
		height: 2.88888889rem;
		padding: 0 1.25rem;
		gap: 0;
		border-radius: 0.96055556rem;
		font-size: 1.11111111rem;
	}
	.lp-404-content h1 {
		font-size: 2.5rem;
	}
	
	.lp-testimonials__grid {
		display: none !important; /* מסתיר את הגריד המקורי */
	}
	
	/* תוספת קטנה כדי לתת לסליידר מרווח תחתון במקום הגריד */
	.testimonials-mobile-slider {
		margin-bottom: 4.444rem;
	}
	
	
	/* =========================================================
	   HEADER - MOBILE FIXES
	   ========================================================= */
	
	/* הסתרת ניווט דסקטופ והצגת המבורגר */
	.lp-header__nav-list { display: none; }
	.m_only { display: block; }
	
	/* פריסת אזור הפעולות (ימין ומרכז) */
	.lp-header__actions {
		flex: 1; /* לוקח את כל המקום הפנוי מימין ללוגו */
		gap: 0;
		justify-content: flex-start;
	}
	
	.lp-header--fixed .lp-header__lang, .lp-header--internal .lp-header__lang {
		display: none;
	}
	
	/* ההמבורגר נדחף לימין הקיצוני ב-RTL (order שלילי) */
	.bt_menu {
		order: -1;
		position: relative;
		width: 1.5rem;
		height: 1.388rem;
		z-index: 10001;
	}
	
	/* הכפתור/שפה ממורכזים ברווח שנותר */
	.lp-header__lang, .lp-header__cta {
		margin: 0 auto;
	}
	
	/* יישור הגלובוס לשמאל הטקסט "العربية" */
	.lp-header__lang {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		margin: 0 0.8rem 0 0;
	}
	
	/* התאמת גודל הכפתור במובייל שיישב טוב בתוך ההדר */
	.lp-header__cta {
		width: 9.38888889rem;
		height: 2rem;
		border-radius: 0.66666667rem;
		padding: 0 0.7rem 0 1rem;
		margin: 0 0.8rem 0 0;
		font-size: 0.88888889rem;
		justify-content: flex-start;
	}
	html[lang="ar"] .lp-header__cta {
		width: 10.38888889rem;
	}
	.lp-header__cta.lp-btn--mission {
		position: relative;
		left: unset;
	}
	.lp-header__cta::after {
		left: 0.8rem;
		transform: translateY(-50%);
		width: 1rem;
		height: 1rem;
	}
	
	/* --- אנימציית ההמבורגר --- */
	.bt_menu a { display: block; width: 100%; height: 100%; }
	.bt_menu span {
		position: absolute; display: block; width: 100%; height: 2px;
		border-radius: 0; left: 0;
		transition: background-color 0.5s linear, top .2s .25s, transform .2s 0s, opacity .2s .25s;
	}
	.bt_menu span:first-child { top: 0; }
	.bt_menu span:nth-child(2) { top: 0.65rem; }
	.bt_menu span:last-child { top: 1.3rem; }
	
	/* מצב פתוח */
	body.mopen { overflow: hidden; }
	/*
	body.mopen .bt_menu span:first-child { transform: rotate(45deg); top: 0.777rem; }
	body.mopen .bt_menu span:last-child { transform: rotate(-45deg); top: 0.777rem; }
	body.mopen .bt_menu span:nth-child(2) { opacity: 0; }
	body.mopen .bt_menu span {
		background-color: var(--c-primary); 
		transition: background .2s, top .2s, opacity .2s, transform .2s .25s;
	}
	*/
	
	
	/* =========================================================
	   MOBILE SLIDE-IN MENU (החלקה מימין לשמאל)
	   ========================================================= */
	.lp-mobile-menu {
		position: fixed;
		inset: 0;
		z-index: 100000;
		pointer-events: none; /* מונע חסימת קליקים כשהתפריט סגור */
	}
	
	body.mopen .lp-mobile-menu {
		pointer-events: auto;
	}
	
	/* הפאנל הלבן שמחליק פנימה */
	.lp-mobile-menu__panel {
		position: absolute;
		top: 0;
		right: -100%; /* מצמיד לימין */
		width: 82vw;
		max-width: 25rem;
		height: 100%;
		background: rgba(252, 250, 250, 0.85);
		box-shadow: -14px 4px 40px 0 rgba(16, 74, 103, 0.25);
		backdrop-filter: blur(8.399999618530273px);
		display: flex;
		flex-direction: column;
		
		/* האנימציה: מחביא את הפאנל 100% מחוץ למסך מצד ימין */
		transition: right 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
	}
	
	/* החלקה קשיחה אל תוך המסך */
	body.mopen .lp-mobile-menu__panel {
		right: 0;
	}
	
	/* --- כפתור הסגירה (SVG) --- */
	.lp-mobile-menu__close {
		position: absolute;
		top: 1.555rem;
		right: 1.111rem;
		width: 2.22222rem;
		height: 2.22222rem;
		border-radius: 50%;
		border: 0 solid var(--c-primary);
		-webkit-appearance: none;
		background-color: #ffffff;
		background-image: url(../img/icon-close.svg);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
		z-index: 20;
		padding: 0;
	}
	
	/* --- עיצוב התוכן הפנימי --- */
	.lp-mobile-menu__content {
		flex: 1;
		padding: 4.5rem var(--lp-gutter) 2.222rem; /* ריווח עליון גדול כדי לרדת מתחת ל-X */
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 1rem;
	}
	
	.lp-mobile-menu__nav ul {
		list-style: none; padding: 0; margin: 0;
		display: flex; flex-direction: column; gap: 1rem;
	}
	
	.lp-mobile-menu__nav a {
		font-size: 1.11111111rem;
		color: var(--c-primary);
		text-decoration: none;
		font-weight: 400;
	}
	
	.lp-mobile-menu__lang {
		background: transparent; border: none; padding: 0;
		font-size: 1.333rem;
		color: var(--c-primary);
		display: flex; flex-direction: row-reverse; align-items: center; gap: 0.555rem;
		font-family: inherit; font-weight: 500;
	}
	
	.lp-mobile-menu__cta {
		justify-content: flex-start;
		margin-top: 0.5rem;
		border-radius: 0.86666667rem;
	}
	
	/* --- דקורציה תחתונה --- */
	.lp-mobile-menu__bottom {
		position: relative;
		height: 8rem;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	.lp-mobile-menu__flower {
		display: none;
		position: relative;
		width: 11rem;
		height: auto;
		top: -3rem;
	}
	.lp-mobile-menu__wall {
		position: absolute;
		bottom: 0; left: 0; 
		width: 100%; height: 5.555rem;
		background-color: var(--c-primary); 
	}
	
	.lp-mobile-menu__wall::before {
		content: '';
		position: absolute;
		top: 0; left: 0; width: 100%; height: 1.888rem;
		background-image: url('../img/wall-landing.png');
		background-repeat: repeat-x;
		background-position: 0.8rem bottom;
		background-size: auto 99%;
		transform: translateY(-99%);
	}
	.button__flair:before {
		background-color: transparent !important;
	}
	.lp-hero:before {
		width: 262.814103vw;
		height: calc(100% + 23vw);
	}
	.lp-mission {
		top: -1px;
		padding-bottom: 24.5rem;
		overflow: hidden;
	}
	.lp-mission__hand--top {
		width: 82vw;
		top: unset;
		bottom: 34vw;
		left: -21vw;
	}
	.lp-mission__hand--bottom {
		width: 47vw;
		bottom: -39vw;
		right: -18vw;
	}
	.lp-testimonials {
		padding: 12rem 0;
	}
	.lp-testi__flower {
		width: 37vw;
	}
	.lp-testi__flower--bl {
		left: 12vw;
	}
	.lp-testi__flower--br {
		right: 9vw;
	}
	.lp-yossi__circle {
		display: none;
	}
	.lp-yossi__inner {
		flex-direction: column;
		padding: 0 0 60vw 0;
	}
	.lp-yossi__visual {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.lp-yossi__visual {
		position: absolute;
		bottom: 0;
		left: -15vw;
	}
	.lp-yossi__img {
		max-width: unset;
		width: 78vw;
	}
	.lp-yossi {
		padding: 4rem 0 0;
	}
	.lp-ticker--footer {
		top: 8.5rem;
	}
	.lp-bigfooter__envelope {
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
	.lp-bigfooter__envelope img {
		max-width: 16rem;
	}
	.lp-bigfooter__nav {
		flex-direction: column;
	}
	.lp-bigfooter__nav li + li::before {
		display: none;
	}
	.lp-bigfooter__row {
		justify-content: flex-start;
		gap: 3.5rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
		margin-bottom: 0;
	}
	.lp-bigfooter__arrow {
		display: none;
	}
	.lp-bigfooter__row--logos {
		flex-direction: column;
	}
	.lp-bigfooter__credits > span:first-child {
		display: block;
	}
	.lp-bigfooter__credits > span:nth-child(2) {
		display: none;
	}
	.lp-bigfooter {
		padding-bottom: 3rem;
	}
	.lp-cards-wrapper {
		top: 27rem;
		width: 73vw;
		height: 22.333333rem;
		left: unset;
	}
	.lp-stack-card__inner {
		padding: 2rem;
	}
	.lp-bigfooter__partners img {
		height: 2.2rem;
	}
	.lp-bigfooter__partners li:nth-child(2) img {
		height: 3.2rem;
	}
	.lp-bigfooter__partners li:nth-child(3) img {
		height: 2.4rem;
	}
	.lp-bigfooter__row--links {
		padding-right: 1rem;
	}
	
	/* =========================================================
	   MOBILE FIXES FOR SAFARI RENDER GLITCHES
	   ========================================================= */
	.lp-how {
		/* מכריח את המאיץ הגרפי של האייפון לחשב את הרקע הכחול מראש ומונע את הפלאש הלבן בגלילה */
		/*
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		*/
	}
	
	/* ביטול מוחלט של כל האנימציות במובייל - הצגה סטטית וקבועה */
	.lp-how .lp-how__step,
	.lp-how .lp-how__arrow-img {
		opacity: 1 !important;
		top: 0 !important;
		transition: none !important;
		animation: none !important;
	}
	
	/* החצים חייבים להישאר מסובבים כלפי מטה במובייל */
	.lp-how .lp-how__arrow-img {
		transform: rotate(-90deg) !important; 
	}
	
	/* ביטול כל ה-transform מהכרטיסיות (דורס את הגדרות הדסקטופ) */
	.lp-how .lp-how__step {
		transform: none !important;
		padding-right: 1rem;
	}
	
	.page-template-page-front .lp-main {
		background-color: var(--c-primary); /* רשת ביטחון כחולה */
	}
	.lp-mission {
		background-color: var(--c-bg-top);  /* מפורש: קרם */
	}
	
	.lp-modal[data-modal="about"] .lp-modal__visual {
		padding: 4rem 1.11111rem 0;
		margin: 0 auto;
	}
}


/* ==========================================
   תיקונים לדף הנחיתה (כותרת, לוגו ויישור טקסט בכפתור)
   ========================================== */

@media (min-width: 1024px) {
	/* 1. הקטנת הכותרת הראשית ב-20% (מכווץ את גוש הטקסט למרכז) */
	.lp-root {
		--lp-fs-h1: 4rem !important; 
	}
	
	/* 2. הגדלת הלוגו בהדר ב-30% */
	.lp-header__logo img {
		height: 3.03rem !important; 
	}
	.lp-header__cta.lp-btn--mission {
		left: 13.5rem;
	}
}

/* 3. תיקון יישור הטקסט בכפתור הבועה (מעלה אותו מעט למעלה) */
.lp-btn--bubble {
	line-height: 3.2rem !important; /* הוקטן מ-3.6 כדי למשוך את הטקסט כלפי מעלה */
}


/* =========================================================
   STICKY YOSSI IMAGE (Desktop Only) - PROTOTYPE MATCH
   ========================================================= */
@media (min-width: 769px) {
	/* 1. ביטול ההסתרה כדי לאפשר את הסטיקי */
	.lp-modal__panel {
		overflow: visible !important;
	}

	/* 2. מתיחת העמודות והחזרת הפינות העגולות למודאל */
	.lp-modal__main {
		align-items: stretch !important;
		overflow-y: visible !important;
		border-radius: 3.33333333rem 3.33333333rem 0 0;
	}

	.lp-modal__bottom {
		border-radius: 0 0 3.33333333rem 3.33333333rem;
	}

	/* 3. הפיכת עמודת התמונה לשקופה (כדי שהתכלת ייראה למעלה ולמטה) */
	.lp-modal__visual {
		padding: 0 !important;
		display: block !important;
		background-color: transparent !important; 
	}

	/* 4. הסטיקי והרקע הלבן מוחלים ישירות על התמונה עצמה */
	.lp-modal__visual img {
		position: -webkit-sticky;
		position: sticky;
		top: 0; /* נקודת העצירה בגלילה מראש המסך */
		margin-top: 0 !important; /* חובה לאפס כדי שהרקע הלבן ייגע בתקרה */
		padding-top: 6.333rem; /* דוחף את יוסי עצמו למטה אבל משאיר את הרקע לבן למעלה */
		background-color: #F8F3F3; /* הרקע הלבן/קרם של התמונה בלבד */
		width: 100%; /* מוודא שהרקע הלבן ימלא את רוחב העמודה שמאלה */
		max-width: 100%;
		height: auto;
		display: block;
	}
	.lp-modal__visual {
		border-top-left-radius: 3.33333333rem;
		overflow: clip;
	}
}