/* Added on top of the copied Wix styles: only what Wix's scripts used to do. */
html { scroll-behavior: smooth; }
.mx-js .mx-wait { opacity: 0; }

/* form: error text and the thank-you message */
.mx-err { color: #b3261e; font-size: 14px; line-height: 1.3; margin-top: 4px; text-align: right; }
.mx-thanks { text-align: center; padding: 48px 16px; color: rgb(26, 46, 38); font-family: almoni-dl-aaa-700, assistant-v2, sans-serif; font-size: 28px; line-height: 1.4; }
.mx-thanks small { display: block; margin-top: 8px; font-family: almoni-dl-aaa-400, assistant-v2, sans-serif; font-size: 20px; color: rgb(74, 93, 84); }

/* phone prefix: the country picker is a fixed Israel prefix */
[data-hook="country-selector-trigger"] { cursor: default; }

/* mobile menu (replaces the Wix dialog): full cream panel, the link on the left, the close X on the right */
.mx-menu { position: fixed; inset: 0; z-index: 99999; background: #f7f5f0; display: none; }
.mx-menu.open { display: block; }
.mx-menu a { position: absolute; left: 15px; top: 115px; font-family: assistant-v2, sans-serif; font-size: 15px; line-height: 21px; color: rgb(26, 46, 38); text-decoration: underline; }
.mx-menu button { position: absolute; top: 0; right: 0; width: 44px; height: 44px; border: 0; background: none; cursor: pointer; }
.mx-menu button::before, .mx-menu button::after { content: ""; position: absolute; left: 10px; top: 21px; width: 24px; height: 1.5px; background: rgb(26, 46, 38); transform: rotate(45deg); }
.mx-menu button::after { transform: rotate(-45deg); }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* main headline: "לחסוך מאות אלפי שקלים" keeps the headline's own size (the big one); the rest of the sentence uses exactly the size of the line under the 39% ("פסולת שפשוט לטפל...") so the page keeps few font sizes */
#comp-mok6hp93 h1 .mx-b { display: block; font-size: 1em; line-height: 1.1; }
#comp-mok6hp93 h1 .mx-s { display: block; font-size: max(0.5px, 0.0237154 * (var(--scaling-factor) - var(--scrollbar-width))); line-height: 1.4; }
@media screen and (max-width: 1023px) {
  #comp-mok6hp93 h1 .mx-s { font-size: max(0.5px, 0.0426667 * (var(--scaling-factor) - var(--scrollbar-width))); }
}

/* the yellow form section sits above the photo below it: the photo drifts upward while scrolling (parallax) and used to slide over the Submit button */
#comp-mok6gfwq { position: relative; z-index: 3; }

/* one typeface for the whole page (the top half was Assistant, the bottom half Almoni) */
body *:not(svg):not(svg *):not(.mx-orig-font):not(.mx-orig-font *) { font-family: assistant-v2, sans-serif !important; }

/* headings that wrap break evenly instead of leaving one word alone on the second line */
#comp-mp35k3xg h2, #comp-momxt4o6 h2, #comp-momxt4r9 h2, #comp-mpmle2qp h2 { text-wrap: balance; }

/* services cards: title 600 / promise 500 / bullets 300 */
#comp-mouiwpzq h3, #comp-mouikdst1 h3, #comp-mouit596 h3 { font-weight: 600 !important; }

/* top of page: no empty strip above the header, tighter beige above the video */
:root, body, #SITE_CONTAINER, #main_MF { --wix-ads-height: 0px !important; --sticky-offset: 0px !important; --wix-ads-top-height: 0px !important; }

/* header + title: logo and "בית" bottoms sit on the title's top line; space above the title = space below it */
#main_MF .comp-mb7ogqrp_r_comp-mdr142kt-container { grid-template-rows: calc(0.050 * (var(--scaling-factor) - var(--scrollbar-width))) !important; }
#comp-mb7ogqrp_r_comp-mok6ixlj, #comp-mb7ogqrp_r_comp-mok6ix6j { align-self: end !important; margin-top: 0 !important; margin-bottom: 0 !important; }
#comp-mb7ogqrp_r_comp-mok6ixlj { transform: translateY(33.6%); }
#comp-mb7ogqrp_r_comp-mok6ix6j { transform: translateY(32.4%); }
#comp-mok6hp93 { margin-top: calc(-0.0112 * (var(--scaling-factor) - var(--scrollbar-width))) !important; margin-bottom: calc(0.0287 * (var(--scaling-factor) - var(--scrollbar-width))) !important; }
@media screen and (max-width: 1023px) {
  #main_MF .comp-mb7ogqrp_r_comp-mdr142kt-container { grid-template-rows: max(34px, calc(0.070 * (var(--scaling-factor) - var(--scrollbar-width)))) !important; }
  #comp-mok6hp93 { margin-top: calc(-0.0196 * (var(--scaling-factor) - var(--scrollbar-width))) !important; margin-bottom: max(52px, calc(0.0960 * (var(--scaling-factor) - var(--scrollbar-width)))) !important; }
}

/* title nudged down a touch, visually only (transform keeps the beige band the same height) */
#comp-mok6hp93 { transform: translateY(calc(0.0100 * (var(--scaling-factor) - var(--scrollbar-width)))); }

/* phone and tablet: the two lower buttons were still in the old peach colour; all three are the brand green */
@media screen and (max-width: 1023px) {
  #main_MF :where(#comp-mokjgzwu), #main_MF :where(#comp-mopub5r3), #comp-mokjgzwu, #comp-mopub5r3 { background-color: var(--wst-accent-1-color) !important; }
}
