/* @u */
/* Figma uDZg3WYkcWRbWbPLThB3Ry node 32:43: 100 FAQ (black question cards, blurred grey question marks). Frame 1920. Fonts: Noto Sans Hebrew, Poppins for the marks.
   Rule (Session 96): first question OPEN, answer = separate black card with a gap, white regular text right-aligned. Answers do not exist in the design: placeholders. Chevron = Phosphor caret bold (MIT) via mask. */
.c-fq { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: radial-gradient(ellipse 50% 50% at 50% 50%, #fff 0, #e6f7fe 50%, #fff 100%); color: #2d2d2d; overflow-x: clip; display: flow-root; }
.c-fq :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-fq__sec { position: relative; box-sizing: border-box; padding: 46px 16px 52px; overflow: hidden; }
.c-fq__q { display: none; }
.c-fq__h { position: relative; text-align: center; font-size: clamp(24px, 6.4vw, 34px); font-weight: 900; line-height: 1.3; text-wrap: balance; }
.c-fq__list { position: relative; display: flex; flex-direction: column; gap: 14px; max-width: 760px; margin: 34px auto 0; }
.c-fq details { border-radius: 12px; }
.c-fq summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; box-sizing: border-box; min-height: 64px; padding: 14px 18px 14px 14px; border-radius: 12px; background: #2d2d2d; color: #fff; cursor: pointer; list-style: none; }
.c-fq summary::-webkit-details-marker { display: none; }
.c-fq__qt { flex: 1; text-align: right; font-size: 17px; font-weight: 800; line-height: 1.4; }
.c-fq__chev { flex: none; width: 26px; height: 26px; background: #fff; -webkit-mask: url("../assets/icons/ph-caret-left-bold.svg") center / contain no-repeat; mask: url("../assets/icons/ph-caret-left-bold.svg") center / contain no-repeat; transition: transform .2s ease; }
.c-fq details[open] .c-fq__chev { transform: rotate(-90deg); }
.c-fq__ans { box-sizing: border-box; margin-top: 12px; padding: 18px 18px; border-radius: 12px; background: #2d2d2d; color: #fff; text-align: right; }
.c-fq__ans p { font-size: 16px; font-weight: 400; line-height: 1.6; text-align: right; }
.c-fq summary:focus-visible { outline: 3px solid #1f7bd8; outline-offset: 3px; }

@media (min-width: 1280px) {
  .c-fq__sec { padding: calc(77 * var(--u)) 0 calc(106 * var(--u)); }
  .c-fq__h { font-size: calc(40 * var(--u)); line-height: calc(49 * var(--u)); }
  .c-fq__list { gap: calc(27 * var(--u)); width: calc(1196 * var(--u)); max-width: none; margin: calc(82 * var(--u)) auto 0; }
  .c-fq details { border-radius: calc(12 * var(--u)); }
  .c-fq summary { min-height: calc(115 * var(--u)); padding: calc(18 * var(--u)) calc(36 * var(--u)) calc(18 * var(--u)) calc(46 * var(--u)); border-radius: calc(12 * var(--u)); }
  .c-fq__qt { font-size: calc(26 * var(--u)); line-height: calc(37 * var(--u)); }
  .c-fq__chev { width: calc(36 * var(--u)); height: calc(36 * var(--u)); }
  .c-fq__ans { margin-top: calc(14 * var(--u)); padding: calc(30 * var(--u)) calc(36 * var(--u)); border-radius: calc(12 * var(--u)); }
  .c-fq__ans p { font-size: max(13px, calc(20 * var(--u))); line-height: calc(32 * var(--u)); }
  .c-fq__q { display: block; position: absolute; font-family: "Poppins", sans-serif; font-size: calc(143 * var(--u)); font-weight: 900; line-height: 1; color: #000; opacity: .12; filter: blur(calc(3 * var(--u))); transform: translate(-50%, -50%) rotate(11deg); }
  .c-fq__q--1 { left: 90.7%; top: 19%; }
  .c-fq__q--2 { left: 95.7%; top: 53%; transform: translate(-50%, -50%) rotate(11deg); }
  .c-fq__q--3 { left: 87%; top: 87%; }
  .c-fq__q--4 { left: 9.7%; top: 83%; transform: translate(-50%, -50%) rotate(-11deg); }
  .c-fq__q--5 { left: 8%; top: 53%; transform: translate(-50%, -50%) rotate(-11deg); }
  .c-fq__q--6 { left: 14.6%; top: 19%; transform: translate(-50%, -50%) rotate(-11deg); }
}