/* @u */
/* Figma GlmA8Imvvz1h39NlsK5M4u node 2014:389: 112 FAQ (dark question cards with a cream outline, amber plus/minus, first question open). Frame 1920. Fonts: Noto Sans Hebrew.
   FAQ rule: first question open, answer is a separate card with a gap, text right-aligned. This design has its own open style (cream card, dark text), so it is followed. Plus/minus = two CSS bars. */
.c-gq { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #1a1100; color: #fff6e3; overflow-x: clip; display: flow-root; }
.c-gq :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-gq__sec { box-sizing: border-box; padding: 46px 16px 64px; }
.c-gq__h { text-align: center; font-weight: 900; }
.c-gq__a { display: block; font-size: clamp(26px, 7vw, 34px); line-height: 1.25; color: #fff6e3; }
.c-gq__b { display: block; font-size: clamp(28px, 7.6vw, 38px); line-height: 1.25; background: linear-gradient(90deg, #ffac00, #ffce6a 37%, #ffce6a 77%, #ffac00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-gq__list { display: flex; flex-direction: column; gap: 16px; max-width: 680px; margin: 36px auto 0; }
.c-gq summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; box-sizing: border-box; min-height: 72px; padding: 14px 18px; border: 1px solid #fff7e6; border-radius: 17px; background: #191100; cursor: pointer; list-style: none; }
.c-gq summary::-webkit-details-marker { display: none; }
.c-gq__qt { flex: 1; text-align: right; font-size: 17px; font-weight: 400; line-height: 1.45; color: #fff6e3; }
.c-gq__pm { position: relative; flex: none; width: 24px; height: 24px; }
.c-gq__pm::before, .c-gq__pm::after { content: ""; position: absolute; left: 3px; right: 3px; top: 50%; height: 3px; margin-top: -1.5px; border-radius: 2px; background: #ffac00; }
.c-gq__pm::after { transform: rotate(90deg); transition: transform .2s ease; }
.c-gq details[open] .c-gq__pm::after { transform: rotate(0); }
.c-gq__ans { box-sizing: border-box; margin-top: 10px; padding: 18px 18px; border-radius: 17px; background: #fff7e6; text-align: right; }
.c-gq__ans p { font-size: 15px; font-weight: 400; line-height: 1.65; color: #1a1100; text-align: right; }
.c-gq summary:focus-visible { outline: 3px solid #ffac00; outline-offset: 3px; }

@media (min-width: 1280px) {
  .c-gq__sec { padding: calc(46 * var(--u)) 0 calc(120 * var(--u)); }
  .c-gq__a { font-size: calc(40 * var(--u)); line-height: calc(44 * var(--u)); }
  .c-gq__b { font-size: calc(42 * var(--u)); line-height: calc(50 * var(--u)); }
  .c-gq__list { width: calc(960 * var(--u)); max-width: none; gap: calc(34 * var(--u)); margin: calc(56 * var(--u)) auto 0; }
  .c-gq summary { min-height: calc(83 * var(--u)); padding: 0 calc(24 * var(--u)) 0 calc(20 * var(--u)); border-radius: calc(17 * var(--u)); }
  .c-gq__qt { font-size: max(13px, calc(21 * var(--u))); line-height: calc(27 * var(--u)); }
  .c-gq__pm { width: calc(30 * var(--u)); height: calc(30 * var(--u)); }
  .c-gq__pm::before, .c-gq__pm::after { height: calc(4 * var(--u)); margin-top: calc(-2 * var(--u)); }
  .c-gq__ans { margin-top: calc(10 * var(--u)); padding: calc(22 * var(--u)) calc(20 * var(--u)); border-radius: calc(17 * var(--u)); }
  .c-gq__ans p { font-size: max(13px, calc(17 * var(--u))); line-height: calc(26 * var(--u)); }
}