/* «להיכנס לבית מדרש זה צעד גדול...» — Figma y 6236–7009 (h 773).
   Текстура @0.08, текст + ряд из 4 иконок сопровождения с разделителями. */

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

.support__texture {
  position: absolute;
  inset: 0;
  background: url('../../img/texture.jpg') center / cover no-repeat;
  opacity: 0.08;
  pointer-events: none;
}

/* Текст 985×341 на (228,110), первая строка жирная, последняя — с золотой отметкой */
.support__text {
  position: absolute;
  left: calc(228 * var(--u));
  top: calc(110 * var(--u));
  width: calc(985 * var(--u));
  font-size: calc(30 * var(--u));
  line-height: calc(40.8 * var(--u));
  text-align: center;
}

.support__text b {
  font-weight: var(--fw-bold);
}

/* ---------- Ряд иконок (RTL: справа налево) ---------- */
.support__icon,
.support__label {
  position: absolute;
}

.support__icon img {
  width: 100%;
  height: 100%;
}

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

/* בניית מערכת לימוד אישית (правая) */
.support__icon--personal  { left: calc(1170 * var(--u)); top: calc(390 * var(--u)); width: calc(119 * var(--u)); height: calc(128 * var(--u)); }
.support__label--personal { left: calc(1142 * var(--u)); top: calc(553 * var(--u)); width: calc(185 * var(--u)); }

/* חברותות שמתאימות לרמה ולקצב שלך */
.support__icon--chavruta  { left: calc(853 * var(--u)); top: calc(390 * var(--u)); width: calc(165 * var(--u)); height: calc(143 * var(--u)); }
.support__label--chavruta { left: calc(807 * var(--u)); top: calc(553 * var(--u)); width: calc(257 * var(--u)); }

/* שיחות והכוונה עם הרבנים והאברכים */
.support__icon--guidance  { left: calc(516 * var(--u)); top: calc(383 * var(--u)); width: calc(165 * var(--u)); height: calc(143 * var(--u)); }
.support__label--guidance { left: calc(463 * var(--u)); top: calc(553 * var(--u)); width: calc(260 * var(--u)); }

/* ליווי בשאלות החיים שמעסיקות בעל תשובה (левая) */
.support__icon--care  { left: calc(179 * var(--u)); top: calc(383 * var(--u)); width: calc(165 * var(--u)); height: calc(143 * var(--u)); }
.support__label--care { left: calc(104 * var(--u)); top: calc(553 * var(--u)); width: calc(290 * var(--u)); }

/* Разделители — 1px ink, h102, y526 (Figma Line 3/4/5) */
.support__sep {
  position: absolute;
  top: calc(526 * var(--u));
  width: 1px;
  height: calc(102 * var(--u));
  background: var(--color-ink);
}

.support__sep--1 { left: calc(1099 * var(--u)); }
.support__sep--2 { left: calc(761 * var(--u)); }
.support__sep--3 { left: calc(421 * var(--u)); }

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

  .support__text {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    font-size: calc(19 * var(--u));
    line-height: 1.65;
  }

  .support__sep {
    display: none;
  }

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

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

  .support__icon,
  .support__label {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }

  .support__icon--personal { width: calc(96 * var(--u)); height: calc(103 * var(--u)); }
  .support__icon--chavruta,
  .support__icon--guidance,
  .support__icon--care { width: calc(126 * var(--u)); height: calc(109 * var(--u)); }

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