/* סצנת SIMA (גרסה B), מועתקת מ-simplex3d.com/he/sima/ (sima.css). רק הכללים של ה-hero. */
.sima-page{--sima-mint:#c0f3d1}

@media (min-width: 1024px){
.sima-page .sima-flip{transform: scaleX(-1);}
.sima-page .sima-flip-y{transform: scaleY(-1);}
}
.sima-page .sima-hero__media{position: relative; aspect-ratio: 1920 / 799; overflow: hidden; container-type: inline-size;}
.sima-page .sima-hero__media > *{--h: calc(100cqw / 1920);}
.sima-page .sima-hero__img{width: 100%; height: 100%; object-fit: cover;}
.sima-page .sima-hero__media::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; z-index: 1; pointer-events: none;
	background: linear-gradient(178.55deg, rgba(9, 69, 89, 0) 12%, rgb(9, 69, 89) 70%);}
.sima-page .sima-hero__badge{position: absolute; left: 45.68%; top: 17.77%; width: 8.61%; height: auto; z-index: 2;}
@media (max-width: 1023px){
.sima-page .sima-hero__media{aspect-ratio: 4 / 3.2;}
.sima-page .sima-hero__badge{left: 40%; top: 7%; width: 96px; transform: translateX(-50%);}
}
.sima-page .sima-fx{position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; overflow: visible;}
.sima-page .sima-fx__ring{fill: none; stroke: #e6fff7; stroke-width: 7; stroke-linecap: round; stroke-dasharray: 0 1000; opacity: 0; filter: url(#sima-glow);}
.sima-page .sima-fx__lamps circle{fill: #f2fffb; opacity: 0; filter: url(#sima-glow);}
.sima-page .sima-fx__parcel{fill: rgba(42, 250, 197, .42); stroke: #2afac5; stroke-width: 3; stroke-linejoin: round; opacity: 0; filter: url(#sima-glow);}
.sima-page .sima-fx__parcel.is-on{opacity: 1; animation: sima-parcel 1.6s ease-in-out infinite; transition: opacity .4s;}
.sima-page .sima-fx__nearby circle{fill: #2afac5; stroke: #0e2d3a; stroke-width: 3; opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(0); transition: opacity .3s, transform .4s cubic-bezier(.3, 1.6, .5, 1);}
.sima-page .sima-fx__nearby.is-on circle{opacity: 1; transform: scale(1);}
.sima-page .sima-fx__nearby.is-on circle:nth-child(2){transition-delay: .15s;}
.sima-page .sima-fx__nearby.is-on circle:nth-child(3){transition-delay: .3s;}
.sima-page .sima-fx__pin-drop{opacity: 0;}
.sima-page .sima-fx__pin-drop path{fill: #2afac5; stroke: #0e2d3a; stroke-width: 2.5;}
.sima-page .sima-fx__pin-drop circle{fill: #0e2d3a;}
.sima-page .sima-fx__ripple{fill: none; stroke: #e6fff7; stroke-width: 4; filter: url(#sima-glow);}
.sima-page .sima-hero__media{cursor: pointer; -webkit-tap-highlight-color: transparent;}
@media (min-width: 1024px){
.sima-page .sima-fx{-webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 84%); mask-image: linear-gradient(to bottom, #000 70%, transparent 84%);}
}
.sima-page .sima-hero__img{position: relative; z-index: 0;}
.sima-page .sima-fx{z-index: 1;}
.sima-page .sima-fx__strips path{fill: none; stroke: #eafff8; stroke-width: 5; stroke-linecap: round; stroke-dasharray: 0 1000; opacity: 0; filter: url(#sima-glow);}
.sima-page .sima-agents{position: absolute; inset: 0; z-index: 2; pointer-events: none;}
.sima-page .sima-agent{position: absolute; inset: 0; transition: opacity .45s ease, filter .45s ease;}
.sima-page .sima-ag-p{position: absolute; left: calc(var(--x) * var(--h)); top: calc(var(--y) * var(--h)); width: calc(var(--w) * var(--h)); height: auto;}
.sima-page .sima-agent__photo{height: calc(var(--ht) * var(--h)); overflow: visible;
	-webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat;
	-webkit-mask-size: calc(83.479 * var(--h)) calc(105.697 * var(--h)); mask-size: calc(83.479 * var(--h)) calc(105.697 * var(--h));
	-webkit-mask-position: calc(var(--mx) * var(--h)) calc(var(--my) * var(--h)); mask-position: calc(var(--mx) * var(--h)) calc(var(--my) * var(--h));}
.sima-page .sima-agent__photo img{width: 100%; height: 100%; object-fit: cover;}
.sima-page .sima-flip{transform: scaleX(-1);}
.sima-page .sima-agent__label{text-align: right; font-size: calc(14 * var(--h)); line-height: 1; color: #fff; direction: rtl;}
.sima-page .sima-agent__line path{stroke-width: 1; transition: stroke .3s;}
.sima-page .sima-agent__packet{fill: #eafff8; opacity: 0; filter: drop-shadow(0 0 3px #2afac5);}
.sima-page .sima-agents__dot{aspect-ratio: 1; border-radius: 50%; background: #2afac5; box-shadow: 0 0 8px 2px rgba(42, 250, 197, .6);}
.sima-page .sima-agents.is-asking .sima-agent{opacity: .38; filter: saturate(.6);}
.sima-page .sima-agents.is-asking .sima-agent.is-active{opacity: 1; filter: none;}
.sima-page .sima-agent.is-active .sima-agent__glow,
.sima-page .sima-agent.is-active .sima-agent__icon-glow{filter: brightness(1.8) drop-shadow(0 0 calc(10 * var(--h)) rgba(42, 250, 197, .8));}
.sima-page .sima-agent.is-active .sima-agent__ring{filter: drop-shadow(0 0 calc(8 * var(--h)) #2afac5);}
.sima-page .sima-agent.is-active .sima-agent__line{filter: drop-shadow(0 0 3px rgba(42, 250, 197, .9));}
.sima-page .sima-agent.is-active .sima-agent__line path{stroke: #eafff8; stroke-width: 2;}
@media (max-width: 1023px){
.sima-page .sima-agents{display: none;}
}
.sima-page .sima-agent .sima-agent__line path{stroke-dasharray: 1 1; stroke-dashoffset: 1; transition: stroke-dashoffset .45s ease-out, stroke .3s;}
.sima-page .sima-agent .sima-agent__line circle:not(.sima-agent__packet){opacity: 0; transition: opacity .2s .4s;}
.sima-page .sima-agent--folder{opacity: 0; scale: .82; transition: opacity .3s ease, scale .35s cubic-bezier(.3, 1.5, .5, 1);}
.sima-page .sima-agent--avatar{opacity: 0; scale: .3; transition: opacity .25s ease, scale .4s cubic-bezier(.3, 1.6, .5, 1);}
.sima-page .sima-agent--icon{opacity: 0; translate: 0 calc(6 * var(--h)); transition: opacity .3s ease, translate .3s ease;}
.sima-page .sima-agent.is-open .sima-agent__line path{stroke-dashoffset: 0;}
.sima-page .sima-agent.is-open .sima-agent__line circle:not(.sima-agent__packet){opacity: 1;}
.sima-page .sima-agent.is-open .sima-agent--folder{opacity: 1; scale: 1; transition-delay: .42s;}
.sima-page .sima-agent.is-open .sima-agent--avatar{opacity: 1; scale: 1; transition-delay: .72s;}
.sima-page .sima-agent.is-open .sima-agent--icon{opacity: 1; translate: 0 0; transition-delay: 1.02s;}
.sima-page .sima-agent.is-open .sima-agent__label{transition-delay: 1.02s;}
.sima-page .sima-markers{position: absolute; inset: 0; z-index: 3; pointer-events: none;}
.sima-page .sima-marker{position: absolute; left: 0; top: 0; width: 34px; height: 34px; margin: -17px 0 0 -17px; padding: 0;
	border: 0; border-radius: 50%; background: none; clip-path: none; cursor: pointer; pointer-events: auto;
	-webkit-tap-highlight-color: transparent;}
.sima-page .sima-marker::before,
.sima-page .sima-marker::after{content: ""; position: absolute; left: 50%; top: 50%; border-radius: 50%; pointer-events: none;}
.sima-page .sima-marker::before{width: 12px; height: 12px; margin: -6px 0 0 -6px; background: #eafff8; box-shadow: 0 0 6px 2px #2afac5, 0 0 16px 4px rgba(42, 250, 197, .55); animation: sima-blink 1.8s ease-in-out infinite; animation-delay: var(--md, 0s);}
.sima-page .sima-marker::after{content: none;}
.sima-page .sima-marker__ring{position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; border: 2px solid #2afac5; animation: sima-radar 1.8s ease-out infinite; animation-delay: var(--md, 0s); pointer-events: none;}
.sima-page .sima-marker:nth-child(2){--md: .35s;}
.sima-page .sima-marker:nth-child(3){--md: .7s;}
.sima-page .sima-marker:nth-child(4){--md: 1.05s;}
.sima-page .sima-marker:nth-child(5){--md: 1.4s;}
.sima-page .sima-marker.is-found .sima-marker__ring{animation: none; opacity: 0;}
.sima-page .sima-marker.is-found::before{animation: none; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px;}
.sima-page .sima-marker:hover::before,
.sima-page .sima-marker:focus-visible::before{width: 16px; height: 16px; margin: -8px 0 0 -8px;}
.sima-page .sima-marker:focus-visible{outline: 2px solid var(--sima-mint); outline-offset: 2px;}
.sima-page .sima-hero__badge{animation: sima-bob 6s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce){
.sima-page .sima-hero__badge,
.sima-page .sima-marker::before,
.sima-page .sima-marker__ring{animation: none;}
.sima-page .sima-agent *,
.sima-page .sima-agent .sima-agent__line path{transition: none !important;}
}
.sima-page .sima-agents__glint{height: auto;}
.sima-page .sima-marker{width: 30px; height: 30px; margin: -15px 0 0 -15px;}
.sima-page .sima-marker::before{content: none;}
.sima-page .sima-marker__glint{position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; animation: sima-glint 2.6s ease-in-out infinite; animation-delay: var(--md, 0s); pointer-events: none;}
.sima-page .sima-marker:hover .sima-marker__glint,
.sima-page .sima-marker:focus-visible .sima-marker__glint{animation: none; opacity: 1; scale: 1.25; transition: scale .25s;}
.sima-page .sima-fx__ring.is-thin{stroke-width: 2.4; filter: url(#sima-glow-soft);}
.sima-page .sima-fx__ripple{stroke-width: 1.4; opacity: .8; filter: url(#sima-glow-soft);}
@media (prefers-reduced-motion: reduce){
.sima-page .sima-marker__glint{animation: none;}
}
.sima-page .sima-hero .sima-fx__ripple{stroke-width: 1.4; opacity: .8; filter: url(#sima-glow-soft);}
.sima-page .sima-marker{width: max(28px, calc(var(--ms, 24px) * 1.6)); height: max(28px, calc(var(--ms, 24px) * 1.6)); margin: 0; translate: -50% -50%;}
.sima-page .sima-marker__glint{display: none;}
.sima-page .sima-marker__dot{position: absolute; left: 50%; top: 50%; width: var(--ms, 24px); height: var(--ms, 24px); translate: -50% -50%; pointer-events: none; animation: sima-dot-blink 3s ease-in-out infinite; animation-delay: var(--md, 0s);}
.sima-page .sima-marker:hover .sima-marker__dot,
.sima-page .sima-marker:focus-visible .sima-marker__dot{animation: none; opacity: 1; filter: drop-shadow(0 0 4px #30fff6);}
.sima-page .sima-fx__travel{pointer-events: none;}
@media (prefers-reduced-motion: reduce){
.sima-page .sima-marker__dot{animation: none;}
.sima-page .sima-fx__travel{display: none;}
}
.sima-page .sima-tour{display: none;}
.sima-page .sima-tour__sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
@media (max-width: 1023px){
.sima-page .sima-hero--b .sima-tour{display: block; position: relative; z-index: 4; height: 150px;}
.sima-page .sima-tour__cards{position: absolute; inset: 0; pointer-events: none;}
.sima-page .sima-tour__card{position: absolute; left: 50%; top: -62px; width: 196px; aspect-ratio: 198 / 184.4; translate: -50% 0;
		container-type: inline-size; --h: calc(100cqw / 198);}
.sima-page .sima-tour__card .sima-agent{position: absolute; inset: 0;}
.sima-page .sima-tour__line{position: absolute; left: 0; width: 100%; overflow: visible; pointer-events: none; z-index: 1;}
.sima-page .sima-tour__line path{fill: none; stroke: #2afac5; stroke-width: 1.2; stroke-dasharray: 1 1; stroke-dashoffset: 1; transition: stroke-dashoffset .45s ease-out; filter: drop-shadow(0 0 3px rgba(42, 250, 197, .7));}
.sima-page .sima-tour__line circle{fill: #2afac5; opacity: 0; transition: opacity .2s .4s;}
.sima-page .sima-tour__line.is-on path{stroke-dashoffset: 0;}
.sima-page .sima-tour__line.is-on circle{opacity: 1;}
.sima-page .sima-tour__dots{position: absolute; left: 50%; top: 132px; translate: -50% 0; display: flex; gap: 6px;}
.sima-page .sima-tour__dots i{position: relative; display: block; width: 26px; height: 3px; border-radius: 2px; overflow: hidden; background: rgba(192, 243, 209, .28);}
.sima-page .sima-tour__dots i::after{content: ""; position: absolute; inset: 0; background: #c0f3d1; transform: scaleX(0); transform-origin: right center;}
.sima-page .sima-tour__dots i.is-done::after{transform: scaleX(1);}
.sima-page .sima-tour__dots i.is-active::after{animation: sima-dash var(--dwell, 4300ms) linear forwards;}
.sima-page .sima-marker__dot{width: max(var(--ms, 24px), 15px); height: max(var(--ms, 24px), 15px);}
.sima-page .sima-marker.is-story .sima-marker__dot{animation: none; opacity: 1; scale: 1.35; transition: scale .3s; filter: drop-shadow(0 0 4px #30fff6) drop-shadow(0 0 9px rgba(48, 255, 246, .65));}
}
@media (prefers-reduced-motion: reduce){
.sima-page .sima-tour__line path,
.sima-page .sima-tour__line circle{transition: none;}
.sima-page .sima-tour__dots i.is-active::after{animation: none; transform: scaleX(1);}
}
.sima-page .sima-marker.is-active .sima-marker__dot{animation: none; opacity: 1; scale: 1.3; transition: scale .3s; filter: drop-shadow(0 0 4px #30fff6) drop-shadow(0 0 9px rgba(48, 255, 246, .55));}
@keyframes sima-blink{0%, 100% { opacity: 1; } 50% { opacity: .35; }}
@keyframes sima-bob{50% { translate: 0 -8px; }}
@keyframes sima-dot-blink{0%, 100% { opacity: 1; } 50% { opacity: .45; }}
@keyframes sima-glint{0%, 100% { opacity: .45; scale: .8; } 50% { opacity: 1; scale: 1.05; }}
@keyframes sima-parcel{50% { fill: rgba(42, 250, 197, .7); }}
@keyframes sima-radar{0% { transform: scale(1); opacity: .9; } 100% { transform: scale(3.6); opacity: 0; }}

/* ============================================================
   התאמות לדף הנחיתה
   ============================================================ */
.sx-sima{grid-column:1 / -1}
.sx-sima__stage{position:relative;background:rgb(9,69,89);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lift);color:#fff}
.sima-page .sima-agent__label{font-family:inherit;font-weight:700}

/* דסקטופ: חותכים 240px מכל צד של הסצנה (1920 ל-1440). כל השכבות ממוקמות ביחס ל-media,
   ולכן מרחיבים אותה מעבר למסגרת במקום לשנות את המידות שלה. */
@media (min-width:1024px){
  .sx-sima__view{position:relative;aspect-ratio:1440 / 799;overflow:hidden}
  .sx-sima__view > .sima-hero__media{position:absolute;top:0;left:-16.6667%;width:133.3333%}
}
/* מתחת ל-1024 זה מצב הסטוריז של האתר; בטאבלט לא נותנים לו להימתח לכל הרוחב */
@media (max-width:1023px){
  .sx-sima__stage{max-width:560px;margin-inline:auto}
}

html.sxa-still .sima-page .sima-fx__travel{display:none}
