.elementor-kit-8{--e-global-color-primary:#503A25;--e-global-color-secondary:#F3F2EE;--e-global-color-text:#4AAC48;--e-global-color-accent:#61CE7000;--e-global-color-84efb1a:#262525;--e-global-typography-primary-font-family:"Assistant";--e-global-typography-primary-font-size:1.5rem;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Assistant";--e-global-typography-secondary-font-size:1.8rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Assistant";--e-global-typography-text-font-size:3.7rem;--e-global-typography-text-font-weight:800;--e-global-typography-accent-font-family:"Assistant";--e-global-typography-accent-font-size:1.2rem;--e-global-typography-accent-font-weight:400;--e-global-typography-9a64cbf-font-family:"Assistant";--e-global-typography-9a64cbf-font-size:2.2rem;--e-global-typography-9a64cbf-font-weight:600;--e-global-typography-b48b4f2-font-size:1.4rem;--e-global-typography-ee0d307-font-family:"Assistant";--e-global-typography-ee0d307-font-size:1.1rem;--e-global-typography-ee0d307-font-weight:700;--e-global-typography-a0943b0-font-family:"Assistant";--e-global-typography-a0943b0-font-size:1.8rem;--e-global-typography-a0943b0-font-weight:700;--e-global-typography-28cd835-font-family:"Assistant";--e-global-typography-28cd835-font-size:1.1rem;--e-global-typography-28cd835-font-weight:400;--e-global-typography-7e970a0-font-family:"Assistant";--e-global-typography-7e970a0-font-size:3rem;--e-global-typography-7e970a0-font-weight:800;--e-global-typography-df3a7c6-font-family:"Assistant";--e-global-typography-df3a7c6-font-size:1.1rem;--e-global-typography-df3a7c6-font-weight:600;--e-global-typography-df3a7c6-line-height:1.625rem;--e-global-typography-c917c39-font-family:"Assistant";--e-global-typography-c917c39-font-size:1.8rem;--e-global-typography-c917c39-font-weight:700;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-primary-font-size:1.1rem;--e-global-typography-secondary-font-size:1.8rem;--e-global-typography-text-font-size:2.8rem;--e-global-typography-9a64cbf-font-size:2.2em;--e-global-typography-df3a7c6-font-size:1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:1rem;--e-global-typography-secondary-font-size:1.3rem;--e-global-typography-text-font-size:2.5rem;--e-global-typography-accent-font-size:1.1rem;--e-global-typography-9a64cbf-font-size:1.5rem;--e-global-typography-7e970a0-font-size:1.8rem;--e-global-typography-df3a7c6-font-size:1rem;--e-global-typography-c917c39-font-size:1.6rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   HS Scroll Cards — Spanish Final CSS
   חום משמאל, בהיר מימין, ספרדית LTR
========================================================= */


/* =========================================================
   Base Reset
========================================================= */

.hs-scroll-section,
.hs-scroll-stage,
.hs-cards-stack,
.hs-card-state,
.hs-card-left,
.hs-card-right,
.hs-card-media,
.hs-card-left > .elementor-widget,
.hs-card-right > .elementor-widget,
.hs-card-left > .elementor-element,
.hs-card-right > .elementor-element,
.hs-card-media > .elementor-widget {
  box-sizing: border-box !important;
}


/* =========================================================
   Main Section + Sticky Stage
========================================================= */

.hs-scroll-section {
  position: relative !important;
  overflow-x: clip !important;
}

.hs-scroll-stage {
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body.admin-bar .hs-scroll-stage {
  top: 32px !important;
  height: calc(100vh - 32px) !important;
}

@media (max-width: 782px) {
  body.admin-bar .hs-scroll-stage {
    top: 46px !important;
    height: calc(100vh - 46px) !important;
  }
}


/* =========================================================
   Cards Stack — Desktop Default
   Spanish order: Brown left, Light right
========================================================= */

.hs-cards-stack {
  --card-w: min(1394px, calc(100vw - 36px));
  --card-h: min(680px, calc(100vh - 80px));
  --media-w: 440px;
  --media-gap-y: 20px;
  --radius: 16px;

  --left-pad-left: 34px;
  --left-pad-right: 240px;
  --left-pad-top: 20px;
  --left-pad-bottom: 20px;

  --right-pad-left: 240px;
  --right-pad-right: 34px;
  --right-pad-top: 20px;
  --right-pad-bottom: 20px;

  position: absolute !important;
  inset: 0 !important;

  width: var(--card-w) !important;
  height: var(--card-h) !important;

  margin: auto !important;

  overflow: hidden !important;
  border-radius: var(--radius) !important;
  isolation: isolate !important;

  background: linear-gradient(
    90deg,
    #503A25 0 50%,
    #F3F1ED 50% 100%
  ) !important;
}

.hs-cards-stack::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;

  background: linear-gradient(
    90deg,
    #503A25 0 50%,
    #F3F1ED 50% 100%
  ) !important;

  pointer-events: none !important;
  z-index: 0 !important;
}


/* =========================================================
   Card State Layout
   Spanish order: right/brown visually left, left/light visually right
========================================================= */

.hs-card-state {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-areas: "right left" !important;
  gap: 0 !important;

  opacity: 0;
  visibility: hidden;
  pointer-events: none !important;

  z-index: auto !important;
  transform: none;
  isolation: auto !important;

  background: none !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  clip-path: none !important;
  direction: ltr !important;
}

.hs-card-state.hs-state-1 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto !important;
}


/* =========================================================
   Shared Card Elements
========================================================= */

.hs-card-left,
.hs-card-right,
.hs-card-media {
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  will-change: transform, opacity !important;
  backface-visibility: hidden !important;
  transition: none !important;
}


/* =========================================================
   Left Card — Light Area
   Now visually on the right side
========================================================= */

.hs-card-left {
  grid-area: left !important;
  position: relative !important;

  width: 100% !important;
  height: 100% !important;

  padding:
    var(--left-pad-top)
    var(--left-pad-left)
    var(--left-pad-bottom)
    var(--left-pad-right) !important;

  background: #F3F1ED !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  overflow: hidden !important;
  z-index: 1 !important;
  border-radius: 0 !important;
}


/* =========================================================
   Right Card — Brown Area
   Now visually on the left side
========================================================= */

.hs-card-right {
  grid-area: right !important;
  position: relative !important;

  width: 100% !important;
  height: 100% !important;

  padding:
    var(--right-pad-top)
    var(--right-pad-left)
    var(--right-pad-bottom)
    var(--right-pad-right) !important;

  background: #503A25 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  overflow: hidden !important;
  z-index: 1 !important;
  border-radius: 0 !important;
}


/* =========================================================
   Center Media
========================================================= */

.hs-card-media {
  position: absolute !important;

  left: 50% !important;
  top: 50% !important;

  width: var(--media-w) !important;
  height: calc(var(--card-h) - (var(--media-gap-y) * 2)) !important;

  max-width: var(--media-w) !important;
  max-height: calc(var(--card-h) - (var(--media-gap-y) * 2)) !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  transform: translate(-50%, -50%) !important;

  pointer-events: none !important;
  z-index: 9999 !important;
}

.hs-card-media > .elementor-widget,
.hs-card-media > .elementor-element,
.hs-card-media .elementor-widget-container,
.hs-card-media .elementor-image,
.hs-card-media .elementor-widget-image,
.hs-card-media picture,
.hs-card-media a {
  width: 100% !important;
  height: 100% !important;

  max-width: 100% !important;
  max-height: 100% !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

.hs-card-media img,
.hs-card-media .elementor-image img,
.hs-card-media .elementor-widget-image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  margin: 0 auto !important;
}


/* =========================================================
   Elementor Widgets Inside Cards
========================================================= */

.hs-card-left > .elementor-widget,
.hs-card-right > .elementor-widget,
.hs-card-left > .elementor-element,
.hs-card-right > .elementor-element {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;

  flex: 0 0 auto !important;
}

.hs-card-right > .elementor-widget,
.hs-card-right > .elementor-element {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.hs-card-left > .elementor-widget,
.hs-card-left > .elementor-element {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.hs-card-left .elementor-widget-container,
.hs-card-right .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}


/* =========================================================
   Text Direction + Colors — Spanish LTR
========================================================= */

.hs-card-left,
.hs-card-left * {
  direction: ltr !important;
  text-align: right !important;
  color: #5B3D24 !important;
}

.hs-card-right,
.hs-card-right * {
  direction: ltr !important;
  text-align: left !important;
  color: #fff !important;
}

.hs-card-right h1,
.hs-card-right h2,
.hs-card-right h3,
.hs-card-right h4,
.hs-card-right h5,
.hs-card-right h6,
.hs-card-right p,
.hs-card-left h1,
.hs-card-left h2,
.hs-card-left h3,
.hs-card-left h4,
.hs-card-left h5,
.hs-card-left h6,
.hs-card-left p,
.hs-card-left div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   Large Screens — 2560px+
========================================================= */

@media (min-width: 2560px) {
  .hs-scroll-stage {
    height: 100svh !important;
  }

  .hs-cards-stack {
    --card-w: calc(100vw - 160px);
    --card-h: calc(100svh - 160px);
    --media-w: min(900px, 33vw);
    --media-gap-y: 32px;
    --radius: 28px;

    --left-pad-left: 100px;
    --left-pad-right: min(480px, 19vw);
    --left-pad-top: 60px;
    --left-pad-bottom: 60px;

    --right-pad-left: min(480px, 19vw);
    --right-pad-right: 100px;
    --right-pad-top: 60px;
    --right-pad-bottom: 60px;
  }
}


/* =========================================================
   Desktop Wide — 1441px to 2559px
========================================================= */

@media (min-width: 1441px) and (max-width: 2559px) {
  .hs-cards-stack {
    --card-w: min(1700px, calc(100vw - 80px));
    --card-h: min(680px, calc(100svh - 80px));
    --media-w: 560px;
    --media-gap-y: 20px;
    --radius: 20px;

    --left-pad-left: 60px;
    --left-pad-right: 300px;
    --left-pad-top: 36px;
    --left-pad-bottom: 36px;

    --right-pad-left: 300px;
    --right-pad-right: 60px;
    --right-pad-top: 36px;
    --right-pad-bottom: 36px;
  }
}


/* =========================================================
   Desktop / Laptop — 1024px to 1440px
========================================================= */

@media (min-width: 1024px) and (max-width: 1440px) {
  .hs-cards-stack {
    --card-w: min(1200px, calc(100vw - 40px));
    --card-h: min(680px, calc(100vh - 60px));
    --media-w: 400px;
    --media-gap-y: 16px;
    --radius: 16px;

    --left-pad-left: 44px;
    --left-pad-right: 220px;
    --left-pad-top: 28px;
    --left-pad-bottom: 28px;

    --right-pad-left: 220px;
    --right-pad-right: 44px;
    --right-pad-top: 28px;
    --right-pad-bottom: 28px;
  }
}


/* =========================================================
   Tablet — 768px to 1023px
========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {
  .hs-cards-stack {
    --card-w: min(940px, calc(100vw - 40px));
    --card-h: min(620px, calc(100vh - 70px));
    --media-w: 290px;
    --media-gap-y: 20px;
    --radius: 16px;

    --left-pad-left: 28px;
    --left-pad-right: 105px;
    --left-pad-top: 28px;
    --left-pad-bottom: 28px;

    --right-pad-left: 105px;
    --right-pad-right: 28px;
    --right-pad-top: 28px;
    --right-pad-bottom: 28px;
  }
}


/* =========================================================
   Tablet Text Fixes — mirrored for Spanish layout
========================================================= */

@media (min-width: 768px) and (max-width: 880px) {
  .hs-cards-stack {
    --left-pad-left: 34px !important;
    --left-pad-right: 155px !important;
  }

  .hs-card-left > .elementor-widget,
  .hs-card-left > .elementor-element,
  .hs-card-left .elementor-widget-container,
  .hs-card-left .elementor-text-editor,
  .hs-card-left p {
    width: 215px !important;
    max-width: 215px !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    line-height: 1.42 !important;
  }

  .hs-state-1 .hs-card-left,
  .hs-state-2 .hs-card-left {
    padding-left: 165px !important;
    padding-right: 58px !important;
  }

  .hs-state-1 .hs-card-left > .elementor-widget,
  .hs-state-1 .hs-card-left > .elementor-element,
  .hs-state-1 .hs-card-left .elementor-widget-container,
  .hs-state-1 .hs-card-left .elementor-text-editor,
  .hs-state-1 .hs-card-left p,
  .hs-state-2 .hs-card-left > .elementor-widget,
  .hs-state-2 .hs-card-left > .elementor-element,
  .hs-state-2 .hs-card-left .elementor-widget-container,
  .hs-state-2 .hs-card-left .elementor-text-editor,
  .hs-state-2 .hs-card-left p {
    width: 200px !important;
    max-width: 200px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: translateX(-18px) !important;
    translate: none !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    line-height: 1.42 !important;
  }
}


/* =========================================================
   Mobile — Full Phone Card
   רווחים: צדדים + תחתית, בלי רקע מאחור
========================================================= */

@media (max-width: 767px) {
  .hs-scroll-section,
  .hs-scroll-stage {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  .hs-scroll-section::before,
  .hs-scroll-section::after,
  .hs-scroll-stage::before,
  .hs-scroll-stage::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .hs-scroll-stage {
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.admin-bar .hs-scroll-stage {
    height: calc(100dvh - 46px) !important;
    min-height: calc(100dvh - 46px) !important;
    max-height: calc(100dvh - 46px) !important;
  }

  .hs-cards-stack {
    --hs-phone-side-gap: 16px;
    --hs-phone-top-gap: 8px;
    --hs-phone-bottom-gap: 56px;

    --card-w: calc(100vw - (var(--hs-phone-side-gap) * 2));
    --card-h: calc(100dvh - var(--hs-phone-top-gap) - var(--hs-phone-bottom-gap));

    --radius: 24px;

    --hs-mobile-brown-h: calc(37svh - 8px);
    --hs-mobile-brown-gap: 12px;
    --hs-mobile-image-lift: 14px;

    --hs-mobile-left-pad-top: 66px;
    --hs-mobile-left-pad-side: 24px;
    --hs-mobile-left-pad-bottom: 46px;

    --hs-mobile-left-extra-down-1: 10px;
    --hs-mobile-left-extra-down-2: 10px;
    --hs-mobile-left-extra-down-3: 10px;
    --hs-mobile-left-extra-down-4: -12px;

    position: absolute !important;

    top: var(--hs-phone-top-gap) !important;
    right: var(--hs-phone-side-gap) !important;
    bottom: auto !important;
    left: var(--hs-phone-side-gap) !important;

    inset: auto !important;

    width: var(--card-w) !important;
    max-width: var(--card-w) !important;
    min-width: 0 !important;

    height: var(--card-h) !important;
    min-height: var(--card-h) !important;
    max-height: var(--card-h) !important;

    margin: 0 !important;

    overflow: hidden !important;
    border-radius: var(--radius) !important;
    background: #F3F1ED !important;
    isolation: isolate !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
  }

  .hs-cards-stack::before,
  .hs-cards-stack::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .hs-card-state {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    overflow: hidden !important;
    border-radius: var(--radius) !important;
    background: #F3F1ED !important;

    opacity: 0;
    visibility: hidden;
  }

  .hs-card-state.hs-state-1 {
    opacity: 1;
    visibility: visible;
  }

  .hs-card-right {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: var(--hs-mobile-brown-h) !important;

    padding: 42px 22px 34px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: var(--hs-mobile-brown-gap) !important;

    overflow: hidden !important;
    background: #503A25 !important;
    border-radius: var(--radius) var(--radius) 0 0 !important;

    z-index: 2 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .hs-card-right,
  .hs-card-right * {
    text-align: center !important;
  }

  .hs-card-right > .elementor-widget,
  .hs-card-right > .elementor-element,
  .hs-card-right > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    align-self: stretch !important;
  }

  .hs-card-left {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    top: var(--hs-mobile-brown-h) !important;
    bottom: 0 !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding:
      var(--hs-mobile-left-pad-top)
      var(--hs-mobile-left-pad-side)
      var(--hs-mobile-left-pad-bottom) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;

    background: #F3F1ED !important;
    border-radius: 0 0 var(--radius) var(--radius) !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;

    z-index: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .hs-card-left::-webkit-scrollbar {
    display: none !important;
  }

  .hs-card-left,
  .hs-card-left * {
    text-align: center !important;
  }

  .hs-card-left > .elementor-widget,
  .hs-card-left > .elementor-element,
  .hs-card-right > .elementor-widget,
  .hs-card-right > .elementor-element {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
  }

  .hs-card-left .elementor-widget-container,
  .hs-card-left .elementor-text-editor,
  .hs-card-left .elementor-heading-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .hs-state-1 .hs-card-left {
    padding-top: calc(var(--hs-mobile-left-pad-top) + var(--hs-mobile-left-extra-down-1)) !important;
  }

  .hs-state-2 .hs-card-left {
    padding-top: calc(var(--hs-mobile-left-pad-top) + var(--hs-mobile-left-extra-down-2)) !important;
  }

  .hs-state-3 .hs-card-left {
    padding-top: calc(var(--hs-mobile-left-pad-top) + var(--hs-mobile-left-extra-down-3)) !important;
  }

  .hs-state-4 .hs-card-left,
  .hs-card-state:last-child .hs-card-left {
    padding-top: calc(var(--hs-mobile-left-pad-top) + var(--hs-mobile-left-extra-down-4)) !important;
  }

  .hs-card-media {
    position: absolute !important;

    top: calc(var(--hs-mobile-brown-h) - var(--hs-mobile-image-lift)) !important;
    left: 50% !important;

    width: min(390px, calc(100vw - 42px)) !important;
    height: 196px !important;

    max-width: min(390px, calc(100vw - 42px)) !important;
    max-height: 196px !important;

    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  .hs-card-media .elementor-image,
  .hs-card-media .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .hs-card-media img,
  .hs-card-media .elementor-image img,
  .hs-card-media .elementor-widget-image img {
    width: 196px !important;
    height: min(390px, calc(100vw - 42px)) !important;

    max-width: 196px !important;
    max-height: min(390px, calc(100vw - 42px)) !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: rotate(90deg) !important;
    transform-origin: center center !important;
  }

  .hs-card-right::before,
  .hs-card-left::before {
    display: none !important;
    content: none !important;
  }

  .hs-card-right,
  .hs-card-left {
    backface-visibility: hidden !important;
    transform-style: flat !important;
    will-change: transform !important;
  }

  .hs-card-left * {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}


/* =========================================================
   Mobile — Very Small Phones
========================================================= */

@media (max-width: 767px) and (max-height: 740px) {
  .hs-cards-stack {
    --hs-phone-side-gap: 12px;
    --hs-phone-top-gap: 6px;
    --hs-phone-bottom-gap: 46px;

    --card-w: calc(100vw - (var(--hs-phone-side-gap) * 2));
    --card-h: calc(100dvh - var(--hs-phone-top-gap) - var(--hs-phone-bottom-gap));

    --hs-mobile-brown-h: calc(36svh - 5px);
    --hs-mobile-brown-gap: 10px;
    --hs-mobile-image-lift: 10px;

    --hs-mobile-left-pad-top: 50px;
    --hs-mobile-left-pad-side: 22px;
    --hs-mobile-left-pad-bottom: 70px;

    --hs-mobile-left-extra-down-1: 7px;
    --hs-mobile-left-extra-down-2: 7px;
    --hs-mobile-left-extra-down-3: 7px;
    --hs-mobile-left-extra-down-4: -10px;

    top: var(--hs-phone-top-gap) !important;
    right: var(--hs-phone-side-gap) !important;
    bottom: auto !important;
    left: var(--hs-phone-side-gap) !important;

    width: var(--card-w) !important;
    max-width: var(--card-w) !important;

    height: var(--card-h) !important;
    min-height: var(--card-h) !important;
    max-height: var(--card-h) !important;
  }

  .hs-card-right {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .hs-card-media {
    width: min(350px, calc(100vw - 44px)) !important;
    height: 168px !important;

    max-width: min(350px, calc(100vw - 44px)) !important;
    max-height: 168px !important;
  }

  .hs-card-media img,
  .hs-card-media .elementor-image img,
  .hs-card-media .elementor-widget-image img {
    width: 168px !important;
    height: min(350px, calc(100vw - 44px)) !important;

    max-width: 168px !important;
    max-height: min(350px, calc(100vw - 44px)) !important;

    transform: rotate(90deg) !important;
  }
}


/* =========================================================
   Header — Stable Width + Hide During Cards
========================================================= */

.site-main-header,
.elementor-location-header,
header:has(.site-main-header),
.elementor-sticky:has(.site-main-header),
.elementor-sticky--effects:has(.site-main-header) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  clip-path: none !important;
  transform-origin: top center !important;
}

.site-main-header *,
.elementor-location-header * {
  box-sizing: border-box !important;
}

.site-main-header .e-con,
.site-main-header .e-con-inner,
.site-main-header .elementor-container,
.site-main-header .elementor-widget-wrap,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-widget-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.hs-cards-active .site-main-header,
body.hs-cards-active header:has(.site-main-header),
body.hs-cards-active .elementor-location-header:has(.site-main-header),
body.hs-cards-active .elementor-sticky:has(.site-main-header),
body.hs-cards-active .elementor-sticky--effects:has(.site-main-header),
.hs-auto-hide-header,
.hs-force-hide-header,
.hs-header-soft-hidden,
.hs-mobile-header-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body:not(.hs-cards-active) .site-main-header,
body:not(.hs-cards-active) header:has(.site-main-header),
body:not(.hs-cards-active) .elementor-location-header:has(.site-main-header),
body:not(.hs-cards-active) .elementor-sticky:has(.site-main-header),
body:not(.hs-cards-active) .elementor-sticky--effects:has(.site-main-header),
body:not(.hs-mobile-cards-active) .site-main-header,
body:not(.hs-mobile-cards-active) .elementor-location-header,
body:not(.hs-mobile-cards-active) header:has(.site-main-header),
body:not(.hs-mobile-cards-active) .elementor-sticky:has(.site-main-header),
body:not(.hs-mobile-cards-active) .elementor-sticky--effects:has(.site-main-header),
.hs-header-soft-visible,
.hs-mobile-header-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  translate: none !important;
  clip-path: none !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

@media (max-width: 767px) {
  body.hs-mobile-cards-active .site-main-header,
  body.hs-mobile-cards-active .elementor-location-header,
  body.hs-mobile-cards-active header:has(.site-main-header),
  body.hs-mobile-cards-active .elementor-sticky:has(.site-main-header),
  body.hs-mobile-cards-active .elementor-sticky--effects:has(.site-main-header),
  body.hs-mobile-header-prehide .site-main-header,
  body.hs-mobile-header-prehide .elementor-location-header,
  body.hs-mobile-header-prehide header:has(.site-main-header),
  body.hs-mobile-header-prehide .elementor-sticky:has(.site-main-header),
  body.hs-mobile-header-prehide .elementor-sticky--effects:has(.site-main-header),
  body.hs-mobile-cards-active .hs-header-soft-hidden {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translate3d(0, -140%, 0) !important;
    translate: none !important;
    clip-path: none !important;
    overflow: visible !important;

    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;

    transition: none !important;
    z-index: 999999 !important;
  }

  body.hs-mobile-cards-active .elementor-sticky__spacer,
  body.hs-mobile-cards-active .elementor-sticky-spacer,
  body.hs-mobile-cards-active .e-sticky-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}


/* =========================================================
   Header Menu Hover — Fake Bold Without Layout Shift
========================================================= */

@media (min-width: 768px) {
  body .site-main-header .elementor-nav-menu a:hover,
  body .site-main-header .elementor-nav-menu .elementor-item:hover,
  body .site-main-header nav a:hover,
  body .elementor-location-header .elementor-nav-menu a:hover,
  body .elementor-location-header .elementor-nav-menu .elementor-item:hover,
  body .elementor-location-header nav a:hover,
  body header .elementor-nav-menu a:hover,
  body header .elementor-nav-menu .elementor-item:hover,
  body header nav a:hover,
  body .elementor-sticky--effects .elementor-nav-menu a:hover,
  body .elementor-sticky--effects .elementor-nav-menu .elementor-item:hover,
  body .elementor-sticky--effects nav a:hover,
  body .elementor-sticky .elementor-nav-menu a:hover,
  body .elementor-sticky .elementor-nav-menu .elementor-item:hover,
  body .elementor-sticky nav a:hover {
    font-weight: inherit !important;
    letter-spacing: inherit !important;

    -webkit-text-stroke: 0.24px currentColor !important;

    text-shadow:
      0.26px 0 0 currentColor,
      -0.26px 0 0 currentColor,
      0 0.18px 0 currentColor !important;
  }

  body .site-main-header .elementor-nav-menu a,
  body .site-main-header .elementor-nav-menu .elementor-item,
  body .elementor-location-header .elementor-nav-menu a,
  body .elementor-location-header .elementor-nav-menu .elementor-item,
  body header .elementor-nav-menu a,
  body header .elementor-nav-menu .elementor-item,
  body .elementor-sticky--effects .elementor-nav-menu a,
  body .elementor-sticky--effects .elementor-nav-menu .elementor-item,
  body .elementor-sticky .elementor-nav-menu a,
  body .elementor-sticky .elementor-nav-menu .elementor-item {
    transition:
      text-shadow 0.15s ease,
      -webkit-text-stroke 0.15s ease,
      color 0.15s ease !important;
  }
}


/* =========================================================
   Direction Arrows
========================================================= */

.hs-direction-arrow {
  position: fixed !important;

  width: 42px !important;
  height: 42px !important;

  z-index: 2147483000 !important;
  pointer-events: none !important;

  opacity: 0 !important;
  visibility: hidden !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transition:
    opacity 0.18s ease,
    visibility 0.18s ease !important;
}

.hs-direction-arrow img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

.hs-direction-arrow.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.hs-direction-arrow-bottom {
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

.hs-direction-arrow-top {
  transform: translate(-50%, -50%) rotate(180deg) !important;
}

@media (max-width: 767px) {
  .hs-direction-arrow {
    width: 32px !important;
    height: 32px !important;
  }
}


/* =========================================================
   Text Layout Fix
========================================================= */

.hs-card-left,
.hs-card-left *,
.hs-card-right,
.hs-card-right * {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.hs-card-left > .elementor-widget,
.hs-card-left > .elementor-element,
.hs-card-left .elementor-widget-container,
.hs-card-left .elementor-text-editor,
.hs-card-left .elementor-heading-title,
.hs-card-left .e-con,
.hs-card-left .e-con-inner,
.hs-card-left .elementor-widget-wrap,
.hs-card-right > .elementor-widget,
.hs-card-right > .elementor-element,
.hs-card-right .elementor-widget-container,
.hs-card-right .elementor-text-editor,
.hs-card-right .elementor-heading-title,
.hs-card-right .e-con,
.hs-card-right .e-con-inner,
.hs-card-right .elementor-widget-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.hs-card-left p,
.hs-card-left .elementor-text-editor,
.hs-card-left .elementor-widget-text-editor,
.hs-card-right p,
.hs-card-right .elementor-text-editor,
.hs-card-right .elementor-widget-text-editor {
  line-height: 1.42 !important;
  text-wrap: pretty !important;
}


/* =========================================================
   Mobile Text Safety
========================================================= */

@media (max-width: 767px) {
  .hs-card-left,
  .hs-card-left *,
  .hs-card-right,
  .hs-card-right * {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}


/* =========================================================
   Safety Fallback
========================================================= */

.hs-scroll-section.hs-no-animation {
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
}

.hs-scroll-section.hs-no-animation .hs-scroll-stage {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
}

.hs-scroll-section.hs-no-animation .hs-cards-stack {
  position: relative !important;
  inset: auto !important;
  margin: 0 auto !important;
  height: auto !important;
  min-height: 600px !important;
}

.hs-scroll-section.hs-no-animation .hs-card-state {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.hs-scroll-section.hs-no-animation .hs-card-state:not(:first-child) {
  display: none !important;
}

.hs-scroll-section.hs-no-animation .hs-card-left,
.hs-scroll-section.hs-no-animation .hs-card-right,
.hs-scroll-section.hs-no-animation .hs-card-media {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* =========================================================
   MOBILE — Final left text layout
   מסדר את התוכן בלבן: רווח מהתמונה + שורות מאוזנות
========================================================= */

@media (max-width: 767px) {
  .hs-cards-stack {
    --hs-mobile-left-pad-top: 88px !important;
    --hs-mobile-left-pad-side: 14px !important;
    --hs-mobile-left-pad-bottom: 28px !important;
  }

  .hs-card-left {
    padding:
      var(--hs-mobile-left-pad-top)
      var(--hs-mobile-left-pad-side)
      var(--hs-mobile-left-pad-bottom) !important;

    align-items: center !important;
  }

  .hs-card-left > .elementor-widget,
  .hs-card-left > .elementor-element,
  .hs-card-left .elementor-widget-container,
  .hs-card-left .elementor-text-editor,
  .hs-card-left .elementor-heading-title,
  .hs-card-left p {
    width: 100% !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .hs-card-left .elementor-text-editor,
  .hs-card-left p {
    max-width: min(390px, calc(100vw - 54px)) !important;
    line-height: 1.30 !important;
    text-wrap: balance !important;
  }

  .hs-card-left .elementor-heading-title,
  .hs-card-left h1,
  .hs-card-left h2,
  .hs-card-left h3,
  .hs-card-left h4,
  .hs-card-left h5,
  .hs-card-left h6 {
    max-width: min(350px, calc(100vw - 72px)) !important;
    line-height: 1.24 !important;
    text-wrap: balance !important;
  }

  .hs-state-1 .hs-card-left,
  .hs-state-2 .hs-card-left,
  .hs-state-3 .hs-card-left {
    padding-top: 88px !important;
    padding-bottom: 28px !important;
  }

  .hs-state-4 .hs-card-left,
  .hs-card-state:last-child .hs-card-left {
    padding-top: 76px !important;
    padding-bottom: 22px !important;
  }
}


/* אייפונים רגילים / מסכים נמוכים יותר */
@media (max-width: 430px) and (max-height: 760px) {
  .hs-cards-stack {
    --hs-mobile-left-pad-top: 72px !important;
    --hs-mobile-left-pad-side: 10px !important;
    --hs-mobile-left-pad-bottom: 18px !important;
  }

  .hs-card-left {
    padding:
      var(--hs-mobile-left-pad-top)
      var(--hs-mobile-left-pad-side)
      var(--hs-mobile-left-pad-bottom) !important;
  }

  .hs-card-left .elementor-text-editor,
  .hs-card-left p {
    max-width: min(392px, calc(100vw - 34px)) !important;
    line-height: 1.26 !important;
    text-wrap: balance !important;
  }

  .hs-card-left .elementor-heading-title,
  .hs-card-left h1,
  .hs-card-left h2,
  .hs-card-left h3,
  .hs-card-left h4,
  .hs-card-left h5,
  .hs-card-left h6 {
    max-width: min(350px, calc(100vw - 56px)) !important;
    line-height: 1.20 !important;
  }

  .hs-state-1 .hs-card-left,
  .hs-state-2 .hs-card-left,
  .hs-state-3 .hs-card-left {
    padding-top: 72px !important;
    padding-bottom: 18px !important;
  }

  .hs-state-4 .hs-card-left,
  .hs-card-state:last-child .hs-card-left {
    padding-top: 60px !important;
    padding-bottom: 14px !important;
  }
}


/* =========================================================
   MOBILE — Fine tune text balance for card 2 + 4 only
   מסדר שבירת שורות בכרטיסיות 2 ו-4 בלבן
========================================================= */

@media (max-width: 767px) {
  .hs-state-2 .hs-card-left .elementor-text-editor,
  .hs-state-2 .hs-card-left p,
  .hs-state-4 .hs-card-left .elementor-text-editor,
  .hs-state-4 .hs-card-left p,
  .hs-card-state:nth-child(2) .hs-card-left .elementor-text-editor,
  .hs-card-state:nth-child(2) .hs-card-left p,
  .hs-card-state:nth-child(4) .hs-card-left .elementor-text-editor,
  .hs-card-state:nth-child(4) .hs-card-left p {
    max-width: min(350px, calc(100vw - 72px)) !important;
    line-height: 1.30 !important;
    text-wrap: balance !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hs-state-2 .hs-card-left .elementor-heading-title,
  .hs-state-2 .hs-card-left h1,
  .hs-state-2 .hs-card-left h2,
  .hs-state-2 .hs-card-left h3,
  .hs-state-2 .hs-card-left h4,
  .hs-state-2 .hs-card-left h5,
  .hs-state-2 .hs-card-left h6,
  .hs-state-4 .hs-card-left .elementor-heading-title,
  .hs-state-4 .hs-card-left h1,
  .hs-state-4 .hs-card-left h2,
  .hs-state-4 .hs-card-left h3,
  .hs-state-4 .hs-card-left h4,
  .hs-state-4 .hs-card-left h5,
  .hs-state-4 .hs-card-left h6,
  .hs-card-state:nth-child(2) .hs-card-left .elementor-heading-title,
  .hs-card-state:nth-child(4) .hs-card-left .elementor-heading-title {
    max-width: min(320px, calc(100vw - 90px)) !important;
    text-wrap: balance !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 430px) and (max-height: 760px) {
  .hs-state-2 .hs-card-left .elementor-text-editor,
  .hs-state-2 .hs-card-left p,
  .hs-state-4 .hs-card-left .elementor-text-editor,
  .hs-state-4 .hs-card-left p,
  .hs-card-state:nth-child(2) .hs-card-left .elementor-text-editor,
  .hs-card-state:nth-child(2) .hs-card-left p,
  .hs-card-state:nth-child(4) .hs-card-left .elementor-text-editor,
  .hs-card-state:nth-child(4) .hs-card-left p {
    max-width: min(330px, calc(100vw - 54px)) !important;
    line-height: 1.27 !important;
  }

  .hs-state-2 .hs-card-left .elementor-heading-title,
  .hs-state-2 .hs-card-left h1,
  .hs-state-2 .hs-card-left h2,
  .hs-state-2 .hs-card-left h3,
  .hs-state-2 .hs-card-left h4,
  .hs-state-2 .hs-card-left h5,
  .hs-state-2 .hs-card-left h6,
  .hs-state-4 .hs-card-left .elementor-heading-title,
  .hs-state-4 .hs-card-left h1,
  .hs-state-4 .hs-card-left h2,
  .hs-state-4 .hs-card-left h3,
  .hs-state-4 .hs-card-left h4,
  .hs-state-4 .hs-card-left h5,
  .hs-state-4 .hs-card-left h6,
  .hs-card-state:nth-child(2) .hs-card-left .elementor-heading-title,
  .hs-card-state:nth-child(4) .hs-card-left .elementor-heading-title {
    max-width: min(304px, calc(100vw - 66px)) !important;
  }
}


/* =========================================================
   MOBILE FIX — remove beige background behind card transition
========================================================= */

@media (max-width: 767px) {
  .hs-scroll-section,
  .hs-scroll-stage,
  .hs-cards-stack,
  .hs-card-state {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  .hs-scroll-section::before,
  .hs-scroll-section::after,
  .hs-scroll-stage::before,
  .hs-scroll-stage::after,
  .hs-cards-stack::before,
  .hs-cards-stack::after,
  .hs-card-state::before,
  .hs-card-state::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}


/* =========================================================
   Mobile Dropdown Menu Glass
========================================================= */

@media (max-width: 767px) {
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container,
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container[aria-hidden="false"],
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container[style],
  body body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container.elementor-nav-menu__container.elementor-nav-menu__container,
  body body nav.elementor-nav-menu--dropdown[class][class][class],
  html body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container[aria-hidden] {
    background: rgba(80, 58, 37, 0.5) !important;
    background-color: rgba(80, 58, 37, 0.5) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    box-shadow: 0 10px 24px rgba(20, 12, 8, 0.14) !important;
    border: none !important;
    opacity: 1 !important;

    top: 68px !important;
    margin-top: 0 !important;
    padding-top: 20px !important;
  }

  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container > ul,
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul,
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li,
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container a,
  body body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul,
  body body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container li,
  body body nav.elementor-nav-menu--dropdown.elementor-nav-menu__container a {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    opacity: 1 !important;
  }
}/* End custom CSS */