/* il.css — Hebrew (RTL) layer for /il/.
   Loads after home.css. home.css already uses logical properties, so this file
   only handles the things direction-independence can't: the Hebrew typeface,
   the arrow glyphs, and a few reading-comfort tweaks for Hebrew text. */

@font-face {
  font-family: "Heebo";
  src: url("/fonts/heebo-var-hebrew.woff2") format("woff2");
  font-weight: 100 900; font-display: swap;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: "Heebo";
  src: url("/fonts/heebo-var-latin.woff2") format("woff2");
  font-weight: 100 900; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                 U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Playfair has no Hebrew glyphs, so Heebo carries both body and display here.
   Weight and tracking do the work the serif would have done. */
.home.il,
.home.il h1, .home.il h2, .home.il h3, .home.il h4 {
  font-family: "Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.home.il h1, .home.il h2, .home.il h3 { font-weight: 700; letter-spacing: -.02em; line-height: 1.18; }
.home.il .h-ital { font-style: normal; font-weight: 500; }
.home.il .h-stats .n,
.home.il .h-row__n, .home.il .h-row__t,
.home.il .h-plan__price, .home.il .h-home__t, .home.il .h-home__p,
.home.il .h-how li b, .home.il .foot h4 {
  font-family: "Heebo", system-ui, sans-serif; font-weight: 700;
}

/* Hebrew reads better with a touch more line height and slightly larger body copy */
.home.il .h-lead { line-height: 1.8; font-size: 1.05rem; }
.home.il .h-row__d { line-height: 1.85; }
.home.il .h-door p { line-height: 1.85; }

/* the eyebrow rule sits to the right of the text in RTL */
.home.il .h-eyebrow { letter-spacing: .08em; }

/* carousel arrows point the other way in RTL */
.home.il .h-hero__arrow--prev::before { content: "\203A"; }
.home.il .h-hero__arrow--next::before { content: "\2039"; }
.home.il .h-hero__arrow { font-size: 0; }
.home.il .h-hero__arrow::before { font-size: 1.6rem; line-height: 1; }

/* numerals and prices stay left-to-right inside Hebrew sentences */
.home.il .ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* the header nav is short here; keep it comfortable in RTL */
.home.il .site-header { direction: rtl; }
.home.il .foot__top { direction: rtl; }
.home.il address { font-style: normal; }

/* pain-point grid, unique to this page */
.home.il .il-pains { display: grid; gap: 1.2rem; margin-top: clamp(2rem, 4vw, 3rem); }
@media (min-width: 720px) { .home.il .il-pains { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .home.il .il-pains { grid-template-columns: repeat(3, 1fr); } }
.home.il .il-pain {
  background: #fff; border: 1px solid var(--hair); border-radius: 4px;
  padding: 1.5rem 1.4rem; transition: border-color .3s, transform .4s cubic-bezier(.4,0,.2,1);
}
.home.il .il-pain:hover { border-color: var(--gold-ink); transform: translateY(-3px); }
.home.il .il-pain h3 { font-size: 1.08rem; color: var(--navy); margin-bottom: .5rem; }
.home.il .il-pain p { color: var(--slate); font-size: .93rem; line-height: 1.8; margin: 0; }
.home.il .il-pain__n {
  font-size: .72rem; font-weight: 700; letter-spacing: .12em; color: var(--gold-ink);
  display: block; margin-bottom: .6rem;
}

@media (prefers-reduced-motion: reduce) { .home.il .il-pain { transition: none; } }