/* 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; }
