/* «למי זה מתאים?» — Figma y 1224–2490 (h 1266).
   Верх — текстура кирпичной стены @0.15 (до y698), низ белый.
   Чеклист с золотыми отметками + ряд из 3 иконок с разделителями. */

.fit {
  position: relative;
  height: calc(1266 * var(--u));
  background: var(--color-white);
  overflow: hidden;
}

.fit__texture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(698 * var(--u));
  background: url('../../img/texture.jpg') center / cover no-repeat;
  opacity: 0.15;
  pointer-events: none;
}

.fit__title {
  position: absolute;
  top: calc(105 * var(--u));
  left: 0;
  width: 100%;
}

/* Чеклист — box 755×295 на (343,235), 30/300, lh 40.8, по центру */
.fit__list {
  position: absolute;
  left: calc(343 * var(--u));
  top: calc(235 * var(--u));
  width: calc(755 * var(--u));
  font-size: calc(30 * var(--u));
  line-height: calc(40.8 * var(--u));
  text-align: center;
}

/* Вывод жирным — box 758 на (341,553) */
.fit__note {
  position: absolute;
  left: calc(341 * var(--u));
  top: calc(553 * var(--u));
  width: calc(758 * var(--u));
  font-size: calc(30 * var(--u));
  font-weight: var(--fw-bold);
  line-height: calc(40.8 * var(--u));
  text-align: center;
}

/* ---------- Ряд иконок (координаты — из Figma, полосы RTL: справа налево) ---------- */
.fit__icon,
.fit__label {
  position: absolute;
}

.fit__icon img,
.fit__icon svg {
  width: 100%;
  height: 100%;
}

.fit__label {
  font-size: calc(30 * var(--u));
  line-height: calc(40.8 * var(--u));
  text-align: center;
}

/* משפחתי ולא המוני (правая колонка) */
.fit__icon--family  { left: calc(1000 * var(--u)); top: calc(850 * var(--u)); width: calc(148 * var(--u)); height: calc(146 * var(--u)); }
.fit__label--family { left: calc(957 * var(--u));  top: calc(1047 * var(--u)); width: calc(242 * var(--u)); }

/* תורה גדולה אבל בקצב שלך (центр) */
.fit__icon--torah  { left: calc(640 * var(--u)); top: calc(892 * var(--u)); width: calc(160 * var(--u)); height: calc(109 * var(--u)); }
.fit__label--torah { left: calc(549 * var(--u)); top: calc(1047 * var(--u)); width: calc(342 * var(--u)); }

/* לברר את הזהות שלנו (левая колонка) */
.fit__icon--identity  { left: calc(279 * var(--u)); top: calc(829 * var(--u)); width: calc(184 * var(--u)); height: calc(174 * var(--u)); }
.fit__label--identity { left: calc(299 * var(--u)); top: calc(1047 * var(--u)); width: calc(172 * var(--u)); }

/* Вертикальные разделители — 1px ink, h104 (Figma Line 1/2) */
.fit__sep {
  position: absolute;
  top: calc(1020 * var(--u));
  width: 1px;
  height: calc(104 * var(--u));
  background: var(--color-ink);
}

.fit__sep--1 { left: calc(915 * var(--u)); }
.fit__sep--2 { left: calc(515 * var(--u)); }

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .fit {
    height: auto;
    padding: calc(52 * var(--u)) calc(24 * var(--u)) calc(56 * var(--u));
  }

  .fit__texture {
    height: calc(430 * var(--u));
  }

  .fit__title,
  .fit__list,
  .fit__note,
  .fit__icon,
  .fit__label,
  .fit__sep {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }

  .fit__sep {
    display: none;
  }

  .fit__list {
    margin-top: calc(22 * var(--u));
    font-size: calc(19 * var(--u));
    line-height: 1.75;
  }

  .fit__note {
    margin-top: calc(18 * var(--u));
    font-size: calc(19 * var(--u));
    line-height: 1.5;
  }

  .fit__items {
    margin-top: calc(44 * var(--u));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(36 * var(--u));
  }

  .fit__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(14 * var(--u));
  }

  .fit__icon--family   { width: calc(110 * var(--u)); height: calc(108 * var(--u)); }
  .fit__icon--torah    { width: calc(126 * var(--u)); height: calc(86 * var(--u)); }
  .fit__icon--identity { width: calc(122 * var(--u)); height: calc(115 * var(--u)); }

  .fit__label {
    font-size: calc(19 * var(--u));
    line-height: 1.4;
  }
}