/* @u */
/* Figma i83ovzuOSoFqWWjvoxoAXB node 1:121: 117 green FAQ (light rows on a green gradient, round green plus button, CTA). Frame 1920. Fonts: Noto Sans Hebrew.
   FAQ rule: first question open, answer = separate card of the same style with a gap, text right-aligned. Text green darkened to #0a6b1c (design #2bc700 on #f1f1f1 is about 2:1). */
.c-gf { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: linear-gradient(262deg, #00a64d 3%, #006830 95%); color: #fff; overflow-x: clip; display: flow-root; }
.c-gf :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-gf__sec { box-sizing: border-box; padding: 46px 16px 60px; text-align: center; }
.c-gf__h { font-size: clamp(24px, 6.6vw, 34px); font-weight: 900; line-height: 1.3; color: #fff; }
.c-gf__h br { display: none; }
.c-gf__list { display: flex; flex-direction: column; gap: 14px; max-width: 640px; margin: 34px auto 0; text-align: right; }
.c-gf summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; min-height: 64px; padding: 10px 14px 10px 12px; border-radius: 16px; background: #f1f1f1; cursor: pointer; list-style: none; }
.c-gf summary::-webkit-details-marker { display: none; }
.c-gf__qt { flex: 1; text-align: right; font-size: 17px; font-weight: 900; line-height: 1.4; color: #0a6b1c; }
.c-gf__pm { position: relative; flex: none; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(262deg, #00994a 3%, #006830 95%); box-shadow: 0 5px 8px rgba(0, 0, 0, .2); }
.c-gf__pm::before, .c-gf__pm::after { content: ""; position: absolute; left: 11px; right: 11px; top: 50%; height: 3px; margin-top: -1.5px; border-radius: 2px; background: #fff; }
.c-gf__pm::after { transform: rotate(90deg); transition: transform .2s ease; }
.c-gf details[open] .c-gf__pm::after { transform: rotate(0); }
.c-gf__ans { box-sizing: border-box; margin-top: 8px; padding: 18px 20px; border-radius: 16px; background: #f1f1f1; text-align: right; }
.c-gf__ans p { font-size: 16px; font-weight: 400; line-height: 1.7; color: #0a6b1c; text-align: right; }
.c-gf summary:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.c-gf__cta { display: inline-block; box-sizing: border-box; max-width: 100%; margin-top: 40px; padding: 16px 30px; border-radius: 30px; background: #00dc66; color: #04361a; text-decoration: none; font-size: 22px; font-weight: 900; line-height: 1.3; box-shadow: 3px 9px 11px rgba(0, 0, 0, .25); }
.c-gf__cta:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

@media (min-width: 1280px) {
  .c-gf__sec { padding: calc(90 * var(--u)) 0 calc(120 * var(--u)); }
  .c-gf__h { font-size: calc(44 * var(--u)); line-height: calc(56 * var(--u)); }
  .c-gf__h br { display: inline; }
  .c-gf__list { width: calc(1184 * var(--u)); max-width: none; gap: calc(38 * var(--u)); margin: calc(60 * var(--u)) auto 0; }
  .c-gf summary { min-height: calc(83 * var(--u)); padding: 0 calc(27 * var(--u)) 0 calc(20 * var(--u)); border-radius: calc(16 * var(--u)); }
  .c-gf__qt { font-size: max(13px, calc(24 * var(--u))); line-height: calc(36 * var(--u)); }
  .c-gf__pm { width: calc(54 * var(--u)); height: calc(54 * var(--u)); }
  .c-gf__pm::before, .c-gf__pm::after { left: calc(16 * var(--u)); right: calc(16 * var(--u)); height: calc(4 * var(--u)); margin-top: calc(-2 * var(--u)); }
  .c-gf__ans { margin-top: calc(10 * var(--u)); padding: calc(30 * var(--u)) calc(40 * var(--u)); border-radius: calc(16 * var(--u)); }
  .c-gf__ans p { font-size: max(13px, calc(20 * var(--u))); line-height: calc(38 * var(--u)); }
  .c-gf__cta { margin-top: calc(72 * var(--u)); width: calc(699 * var(--u)); height: calc(120 * var(--u)); padding: 0; display: inline-grid; place-items: center; border-radius: calc(45 * var(--u)); font-size: calc(44 * var(--u)); line-height: calc(62 * var(--u)); }
}
