/* Glilot site — FAQ template (page-faq.php).
   Desktop: Figma 16587:1633, every value px / 1920 * 100vw.
   Mobile (max-width 767px): Figma 16686:2837, every value px / 390 * 100vw.
   The accordion rows are the shared site-faq component (template-parts/site-faq.php,
   assets/css/site-faq.css); this file only places the list. */

/* Colored-bold heading ranges use the shared .lp-text-highlight (style.css). */

/* ---------- Hero 16587:1634 (1920 x 1443; patients-only revision 2026-09-29) ---------- */
.glilot-faq-hero {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  min-height: 0;                   /* content-sized: questions start closed (user 2026-10-11); Figma 1443 assumed the first one open */
  padding: 17.083333vw 0 7.96875vw 28.229167vw; /* top 328 (16587:1635 y), bottom 1443 - 1290 (16587:1635 y + h), left 542 */
  overflow: hidden;
  background: #fff;
  color: var(--glilot-dark);
  direction: ltr;                  /* physical layout; Hebrew text sets its own dir */
}
.glilot-faq-hero__intro,
.glilot-faq-group {
  display: flex;
  flex-direction: column;
  align-items: center;             /* 16587:1636 / 1639: VERTICAL, counter CENTER */
  width: 43.59375vw;               /* 837 */
}
.glilot-faq-hero__intro {
  min-height: 10.677083vw;         /* 16587:1636 fixed 205 (title 109 + 30 + intro 46 + 20) */
}
.glilot-faq-hero h1, .glilot-faq-hero [data-h="h1"] {
  width: 100%;
  margin: 0;
  color: var(--glilot-dark);
  font-size: 5.729167vw;           /* 110, Bold */
  font-weight: 700;
  line-height: 0.99;
  text-align: center;
}
.glilot-faq-hero__intro p {
  width: 34.791667vw;              /* 668 */
  margin: 1.5625vw 0 0;            /* gap 30 */
  color: var(--glilot-dark);
  font-size: 0.9375vw;             /* 18 Regular */
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.03em;          /* 3% */
  text-align: center;
}
.glilot-faq-group {
  margin-top: 9.479167vw;          /* 16587:1635 gap 182 */
}
.glilot-faq-group h2, .glilot-faq-group [data-h="h2"] {
  width: 35.989583vw;              /* 691 */
  margin: 0 0 2.083333vw;          /* gap 40 */
  color: var(--glilot-dark);
  font-size: 3.645833vw;           /* 70 Medium, highlight Bold */
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.glilot-faq-list { width: 100%; } /* 837; rows: shared site-faq component (assets/css/site-faq.css) */

/* ---------- CTA 16587:1741 (1920 x 920) ---------- */
.glilot-faq-cta {
  position: relative;
  width: 100vw;
  height: 47.916667vw;             /* 920 */
  overflow: hidden;
  background: #fff;
}
.glilot-faq-cta__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 47.916667vw;
  object-fit: cover;               /* 16587:1742 image FILL */
  object-position: 50% 50%;
}
.glilot-faq-cta__card {
  position: absolute;
  top: 12.1875vw;                  /* 234 */
  left: 4.739583vw;                /* 91 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;           /* counter MAX = physical right */
  gap: 2.03125vw;                  /* 39 */
  width: 39.947917vw;              /* 767 */
  height: 17.291667vw;             /* 332 */
  padding: 1.510417vw;             /* 30 - 1 (Figma stroke is INSIDE, CSS border is not) */
  border: 0.052083vw solid transparent;
  border-radius: var(--glilot-radius-card);       /* 32 */
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(65.32deg, #fff 0%, #d0d0d0 100%) border-box;
  -webkit-backdrop-filter: blur(0.674479vw);
  backdrop-filter: blur(0.674479vw); /* BACKGROUND_BLUR 25.9 */
  direction: ltr;
}
.glilot-faq-cta__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.354167vw;                 /* 26 */
  width: 36.822917vw;              /* 707 */
}
.glilot-faq-cta__copy h2, .glilot-faq-cta__copy [data-h="h2"] {
  width: 100%;
  margin: 0;
  color: var(--glilot-accent);
  direction: rtl;
  font-size: 3.645833vw;           /* 70 Bold */
  font-weight: 700;
  line-height: 1;
  text-align: right;
}
.glilot-faq-cta__copy p {
  width: 22.135417vw;              /* 425 */
  margin: 0;
  color: var(--glilot-dark);
  direction: rtl;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.3;
  text-align: right;
}
.glilot-faq-cta__actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;  /* 16587:1747 SPACE_BETWEEN */
  align-items: flex-start;
  width: 25.052083vw;              /* 481 */
  direction: rtl;                  /* first link (contact) sits on the physical right */
}
.glilot-faq-cta__button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.979167vw;                 /* 38 */
  padding: 0.15625vw 0.989583vw;   /* 4 20 minus the 1px INSIDE stroke */
  border: 0.052083vw solid var(--glilot-dark);
  color: var(--glilot-dark);
  direction: rtl;
}                                  /* 44 pill + states: shared CTA component (.glilot-cta--sm) */
.glilot-faq-cta__button > span:first-child {
  display: block;
  height: 1.354167vw;              /* 26 */
  font-size: 0.9375vw;             /* 18 Medium */
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: 0.05em;          /* 5% */
  text-align: right;
  white-space: nowrap;
}
.glilot-faq-cta__button--contact > span:first-child { }   /* 73 */
.glilot-faq-cta__button--doctor > span:first-child { color: var(--glilot-accent); } /* 178, #044c5f */
.glilot-faq-cta__icon {
  position: relative;
  flex: none;
  width: 1.01vw;                   /* 19.392 */
  height: 1.01vw;
}
.glilot-faq-cta__icon img {
  position: absolute;
  top: -0.032396vw;                /* -3.21% */
  left: -0.063438vw;               /* -6.28% */
  width: 1.073443vw;               /* 20.6101 */
  height: 1.083667vw;              /* 20.8064 */
}
.glilot-faq-cta__icon img + img { display: none; }

/* ---------- Mobile: 16686:2838 hero (390 x 950), 16686:2960 CTA (390 x 720) ---------- */
@media (max-width: 767px) {
  .glilot-faq-hero {
    min-height: 0;                 /* content-sized (was 950 with the first question open) */
    padding: 40.769231vw 0 13.076923vw 0; /* h1 top 159; bottom 950 - 899 (last row 16686:3018 bottom) */
    align-items: stretch;
  }
  .glilot-faq-hero__intro { min-height: 0; }
  .glilot-faq-hero__intro,
  .glilot-faq-group {
    align-items: flex-end;         /* 16686:2857 counter MAX */
    width: 100vw;
    direction: ltr;
  }
  .glilot-faq-hero h1, .glilot-faq-hero [data-h="h1"] {
    width: 84.615385vw;            /* 330 */
    margin-right: 7.692308vw;      /* 390 - 360 */
    font-size: 11.794872vw;        /* 46 Bold */
    line-height: 1;
    text-align: right;
  }
  .glilot-faq-hero__intro p {
    width: 79.230769vw;            /* 309 */
    min-height: 22.564103vw;       /* 88 (4 lines) */
    margin: 2.564103vw 7.692308vw 0 0; /* gap 10; right edge 360 */
    font-size: 4.102564vw;         /* 16 */
    line-height: 1.35;
    letter-spacing: 0;
    text-align: right;
  }
  .glilot-faq-group {
    margin-top: 16.410256vw;       /* 367 - 303 (pad 10 + gap 54) */
  }
  .glilot-faq-group h2, .glilot-faq-group [data-h="h2"] {
    width: 89.74359vw;             /* 350 */
    margin: 0 5.128205vw 5.641026vw 0; /* gap 22 */
    font-size: 9.230769vw;         /* 36 */
    text-align: right;
  }
  .glilot-faq-list {
    width: 89.74359vw;             /* 350 */
    margin-right: 5.128205vw;
  }

  .glilot-faq-cta {
    height: 184.615385vw;          /* 720 */
  }
  .glilot-faq-cta__background {
    width: 100vw;
    height: 238.461538vw;          /* 930 */
    object-position: 58.3616% 0;   /* transform u 0.44587 / 0.23601 (same crop as the lead form) */
  }
  .glilot-faq-cta__card {
    top: 154.615385vw;             /* 603 */
    left: 4.619391vw;              /* 18.0156 */
    align-items: center;
    justify-content: center;
    gap: 6.394359vw;               /* 24.938 */
    width: 90.760513vw;            /* 353.966 */
    height: 65.352949vw;           /* 254.876 */
    padding: 4.964359vw;           /* 20 - 0.639 INSIDE stroke */
    border-width: 0.163949vw;      /* 0.639 */
    border-radius: var(--glilot-radius-card);     /* 30 */
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(52.6deg, #fff 0%, #d0d0d0 100%) border-box;
    -webkit-backdrop-filter: blur(2.123333vw);
    backdrop-filter: blur(2.123333vw);
  }
  .glilot-faq-cta__copy {
    gap: 0.512821vw;               /* 2 */
    width: 80.504103vw;            /* 313.966 */
  }
  .glilot-faq-cta__copy h2, .glilot-faq-cta__copy [data-h="h2"] {
    height: 18.717949vw;           /* 73 box */
    color: var(--glilot-dark);
    font-size: 8.717949vw;         /* 34 Bold */
  }
  .glilot-faq-cta__copy p {
    width: 100%;
    min-height: 5.641026vw;        /* 22 */
    font-size: 4.102564vw;
    line-height: 1.35;
  }
  .glilot-faq-cta__actions {
    flex-direction: column;
    gap: 6.394359vw;
    width: 80.504103vw;
  }
  .glilot-faq-cta__button {
    justify-content: space-between;
    width: 100%;
    padding: 0.492051vw 3.115385vw; /* 2.558 12.789 minus the 0.639 INSIDE stroke */
    border-width: 0.163949vw;
  }
  .glilot-faq-cta__button > span:first-child {
    height: 6.666667vw;            /* 26 */
    font-size: 4.615385vw;         /* 18 Medium */
  }
  .glilot-faq-cta__button--contact > span:first-child { }  /* 108 */
  .glilot-faq-cta__button--doctor > span:first-child { color: var(--glilot-dark); } /* 211 */
  .glilot-faq-cta__icon {
    width: 3.179487vw;             /* 12.4 */
    height: 3.179487vw;
  }
  .glilot-faq-cta__icon img { display: none; }
  .glilot-faq-cta__icon img + img {
    display: block;
    top: -0.061692vw;              /* -1.94% */
    left: -0.141795vw;             /* -4.46% */
    width: 3.337513vw;             /* 13.0163 */
    height: 3.41141vw;             /* 13.3045 */
  }
}