/* @u */
/* Figma hsxftd3Zi8PsYWvCYS4XYa node 32:45: 126 gold FAQ (dark grey rows, gold plus, CTA). Frame 1920. Fonts: Noto Sans Hebrew.
   FAQ rule: first question open, answer = separate card of the same style (#212428) with a gap, text right-aligned. Answer text is white, regular (library rule) on #212428; question gold #ffc53d on #212428 is about 8:1. Plus/minus = two CSS bars. */
.c-qf { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #191508; color: #fff; overflow-x: clip; display: flow-root; }
.c-qf :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-qf__sec { box-sizing: border-box; padding: 46px 16px 64px; text-align: center; }
.c-qf__h { font-size: clamp(26px, 7vw, 38px); font-weight: 900; line-height: 1.3; background: linear-gradient(270deg, #8f5c1a 0%, #fce277 25%, #9e6f22 55%, #fad652 80%, #b88528 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-qf__list { display: flex; flex-direction: column; gap: 14px; max-width: 720px; margin: 30px auto 0; text-align: right; }
.c-qf summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; min-height: 66px; padding: 14px 18px; border-radius: 15px; background: #212428; cursor: pointer; list-style: none; }
.c-qf summary::-webkit-details-marker { display: none; }
.c-qf__qt { flex: 1; text-align: right; font-size: 19px; font-weight: 700; line-height: 1.45; color: #ffc53d; }
.c-qf__pm { position: relative; flex: none; width: 22px; height: 22px; }
.c-qf__pm::before, .c-qf__pm::after { content: ""; position: absolute; left: 2px; right: 2px; top: 50%; height: 3px; margin-top: -1.5px; border-radius: 2px; background: #ffc53d; }
.c-qf__pm::after { transform: rotate(90deg); transition: transform .2s ease; }
.c-qf details[open] .c-qf__pm::after { transform: rotate(0); }
.c-qf__ans { box-sizing: border-box; margin-top: 10px; padding: 20px 22px; border-radius: 6px 15px 24px 24px; background: #212428; text-align: right; }
.c-qf__ans p { font-size: 18px; font-weight: 400; line-height: 1.8; color: #fff; text-align: right; }
.c-qf summary:focus-visible { outline: 3px solid #ffc53d; outline-offset: 3px; }
.c-qf__cta { display: inline-block; box-sizing: border-box; max-width: 100%; margin-top: 44px; padding: 16px 24px; border: 3px solid #8f5c1a; border-radius: 24px; background: #251c00; text-decoration: none; font-size: 20px; font-weight: 900; line-height: 1.35; color: #fad652; }
.c-qf__cta:focus-visible { outline: 3px solid #fad652; outline-offset: 4px; }

@media (min-width: 1280px) {
  .c-qf__sec { padding: calc(80 * var(--u)) 0 calc(100 * var(--u)); }
  .c-qf__h { font-size: calc(44 * var(--u)); line-height: calc(58 * var(--u)); }
  .c-qf__list { width: calc(1100 * var(--u)); max-width: none; gap: calc(17 * var(--u)); margin: calc(48 * var(--u)) auto 0; }
  .c-qf summary { min-height: calc(84 * var(--u)); padding: 0 calc(30 * var(--u)) 0 calc(24 * var(--u)); }
  .c-qf__qt { font-size: calc(28 * var(--u)); line-height: calc(42 * var(--u)); }
  .c-qf__pm { width: calc(28 * var(--u)); height: calc(28 * var(--u)); }
  .c-qf__pm::before, .c-qf__pm::after { height: calc(4 * var(--u)); margin-top: calc(-2 * var(--u)); }
  .c-qf__ans { margin-top: calc(14 * var(--u)); padding: calc(40 * var(--u)) calc(40 * var(--u)); border-radius: calc(6 * var(--u)) calc(15 * var(--u)) calc(24 * var(--u)) calc(24 * var(--u)); }
  .c-qf__ans p { font-size: max(13px, calc(24 * var(--u))); line-height: calc(44 * var(--u)); }
  .c-qf__cta { margin-top: calc(70 * var(--u)); width: calc(489 * var(--u)); height: calc(83 * var(--u)); padding: 0; display: inline-grid; place-items: center; font-size: max(13px, calc(24 * var(--u))); line-height: calc(40 * var(--u)); }
}