/* Typography and shape fix for four Figma sections of page 05 (Liav, Session 101): 56 "win" (c-gs__win), 109 (c-gx), 123 (c-bn), 125 (c-wx).
   Problem: on desktop (1280-1900px) the Figma frames were scaled with --u (0.67-1.0), so the text shrank to 13-16px next to large shapes.
   Fix (house type scale, skill 3 / 3a / 18.3): desktop H2 clamp(38px, 3.3vw, 52px), card titles 26-30px, body 20-22px, shapes sized from the text
   in normal flow (no absolute 1920 frame). A second block (max-width 1279px) gives phone and tablet the same quality: H2 clamp(28px, 7.4vw, 36px),
   titles 24px, body 18px, heading to first item 40-56px, number tab ABOVE the card with a clear gap.
   Specificity: two classes so the converted @u rules lose without !important. */

/* Number tile and card outline of 123: the gradient is fully transparent in the dark middle so the outline disappears there (all widths). */
.c-bn .c-bn__n::before, .c-bn .c-bn__card::before { background: linear-gradient(135deg, #fad652, rgba(250, 214, 82, 0) 30%, rgba(250, 214, 82, 0) 70%, #fad652); }

@media (max-width: 1279px) {
  /* 56 win (phone only, tablet keeps the 40/45px title of its own block) */
  .c-gs .c-gs__head { gap: 0 .3em; }
  /* 109: notch circle straddles the top edge of each card, the outline is cut behind it (rule 18.9), same language as the desktop frame */
  .c-gx .c-gx__sec { padding: 56px 20px 64px; }
  .c-gx .c-gx__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.3; }
  .c-gx .c-gx__list { gap: 80px; max-width: 580px; margin-top: 64px; }
  .c-gx .c-gx__card { padding: 64px 24px 32px; border: 0; border-radius: 28px; background: #241a06; }
  .c-gx .c-gx__card::before { content: ""; position: absolute; inset: 0; border: 1.5px solid #ffac00; border-radius: inherit; pointer-events: none;
    clip-path: polygon(0 0, calc(50% - 54px) 0, calc(50% - 54px) 24px, calc(50% + 54px) 24px, calc(50% + 54px) 0, 100% 0, 100% 100%, 0 100%); }
  .c-gx .c-gx__ic { position: absolute; top: 0; left: 50%; right: auto; width: 38px; height: 38px; padding: 17px; box-sizing: content-box; margin: 0; border-radius: 50%; background: #ffac00; transform: translate(-50%, -50%); }
  .c-gx .c-gx__t { font-size: 22px; line-height: 1.35; }
  .c-gx .c-gx__card p { margin-top: 10px; font-size: 18px; line-height: 1.6; }
  .c-gx .c-gx__card--4 { padding-inline: 24px; }
  /* 123 */
  .c-bn .c-bn__sec { padding: 56px 20px 64px; }
  .c-bn .c-bn__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.3; }
  .c-bn .c-bn__list { gap: 40px; margin-top: 44px; }
  .c-bn .c-bn__n { margin: 0 auto 22px; }
  .c-bn .c-bn__card { padding: 34px 22px 26px; }
  .c-bn .c-bn__t { font-size: 24px; line-height: 1.35; }
  .c-bn .c-bn__card p { margin-top: 12px; font-size: 18px; line-height: 1.6; }
  /* 125 */
  .c-wx .c-wx__sec { padding: 56px 20px 64px; }
  .c-wx .c-wx__a, .c-wx .c-wx__b { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.3; }
  .c-wx .c-wx__list { gap: 44px; margin-top: 44px; }
  .c-wx .c-wx__n { margin: 0 auto 24px; }
  .c-wx .c-wx__card { padding: 34px 22px 26px; }
  .c-wx .c-wx__t { font-size: 24px; line-height: 1.35; }
  .c-wx .c-wx__card p { margin-top: 12px; font-size: 18px; line-height: 1.6; }
  .c-wx .c-wx__cta { margin-top: 44px; padding: 20px 28px; font-size: 20px; }
}
@media (max-width: 767px) {
  .c-gs .c-gs__wtitle { font-size: clamp(32px, 8.4vw, 40px); }
  .c-gs .c-gs__wsub { font-size: clamp(34px, 9vw, 45px); }
}

@media (min-width: 1280px) {
  .c-gx .c-gx__card--4 .c-gx__ic { display: none; }
  /* ---------- 56 win: "ההצלחה שלך / זו ההצלחה שלנו" ---------- */
  .c-gs .c-gs__box { min-height: 0; padding: 104px 48px 112px; border-radius: 36px; }
  .c-gs .c-gs__head { gap: 0 .35em; }
  .c-gs .c-gs__wtitle { font-size: clamp(40px, 3.6vw, 56px); line-height: 1.2; }
  .c-gs .c-gs__wsub { font-size: clamp(44px, 3.9vw, 60px); line-height: 1.2; }
  .c-gs .c-gs__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(1240px, 100%); max-width: none; gap: 32px; margin: 72px auto 0; }
  .c-gs .c-gs__item { min-height: 0; justify-content: flex-start; gap: 22px; padding: 44px 32px 48px; border-radius: 30px; }
  .c-gs .c-gs__icon { width: 96px; height: 96px; border-radius: 28px; }
  .c-gs .c-gs__icon img { width: 58px; height: 58px; }
  .c-gs .c-gs__item h3 { font-size: 28px; line-height: 1.25; }
  .c-gs .c-gs__item p { font-size: 20px; line-height: 1.6; }

  /* ---------- 109 leave-with cards ---------- */
  .c-gx .c-gx__sec { width: auto; height: auto; margin: 0; padding: 104px 32px 112px; }
  .c-gx .c-gx__h { position: static; font-size: clamp(36px, 3.1vw, 50px); line-height: 1.3; }
  .c-gx .c-gx__list { display: flex; flex-direction: column; align-items: center; gap: 32px; width: min(1160px, 100%); margin: 72px auto 0; }
  /* The frame svg (900.192 x 158, notch circle at cx 861.1 / cy 79.1, r 39.1) must keep its aspect ratio or the circle turns into an oval:
     the card height comes from aspect-ratio, never from the text. Circle = 8.69 percent of the card width, icon = 60 percent of the circle,
     centred on the circle centre (95.66 percent / 50 percent). */
  .c-gx .c-gx__card { position: relative; left: auto; top: auto !important; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; width: min(1080px, 100%); height: auto; min-height: 0; aspect-ratio: 900.192 / 158; padding: 8px 15% 8px 11%; border: 0; border-radius: 0; background: url("../assets/gt/frame.svg") center / 100% 100% no-repeat; }
  .c-gx .c-gx__card:nth-child(4) { background-image: url("../assets/gt/frame2.svg"); }
  .c-gx .c-gx__ic { position: absolute; top: 50%; left: 95.66%; right: auto; width: 5.2%; height: auto; aspect-ratio: 1; margin: 0; transform: translate(-50%, -50%); }
  .c-gx .c-gx__t { position: static; font-size: 27px; line-height: 1.3; }
  .c-gx .c-gx__card p { position: static; margin: 8px 0 0; font-size: 20px; line-height: 1.5; }
  .c-gx .c-gx__card--4 { padding-inline: 11%; }
  .c-gx .c-gx__card--4 .c-gx__t { position: static; }

  /* ---------- 123 gold benefits ---------- */
  .c-bn .c-bn__sec { width: auto; height: auto; margin: 0; padding: 104px 32px 120px; }
  .c-bn .c-bn__h { position: static; max-width: 900px; font-size: clamp(38px, 3.3vw, 52px); line-height: 1.3; }
  .c-bn .c-bn__list { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px 44px; width: min(1180px, 100%); margin: 80px auto 0; }
  .c-bn .c-bn__item { position: relative; left: auto; top: auto !important; width: auto; height: auto; display: flex; flex-direction: column; align-items: center; }
  .c-bn .c-bn__n { position: relative; left: auto; top: auto; width: 100px; height: 100px; margin: 0 auto 32px; border-radius: 18px; font-size: 54px; }
  .c-bn .c-bn__card { position: relative; left: auto; top: auto; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; flex: 1 1 auto; width: 100%; height: auto; padding: 56px 40px 40px; border-radius: 22px; }
  .c-bn .c-bn__t { position: static; font-size: 28px; line-height: 1.35; }
  .c-bn .c-bn__card p { position: static; width: auto; max-width: 100%; margin: 14px 0 0; font-size: 20px; line-height: 1.65; }
  .c-bn .c-bn__ic { position: static; width: 88px; height: 88px; margin: 24px auto 0; }

  /* ---------- 125 gold whatsapp steps ---------- */
  .c-wx .c-wx__sec { width: auto; height: auto; margin: 0; padding: 104px 32px 120px; }
  .c-wx .c-wx__h { position: static; max-width: 1000px; }
  .c-wx .c-wx__a, .c-wx .c-wx__b { font-size: clamp(36px, 3.1vw, 50px); line-height: 1.3; }
  .c-wx .c-wx__list { position: static; display: flex; flex-direction: column; gap: 64px; width: min(960px, 100%); margin: 80px auto 0; }
  .c-wx .c-wx__item { position: relative; left: auto; top: auto !important; width: auto; height: auto; }
  .c-wx .c-wx__n { position: relative; left: auto; top: auto; width: 84px; height: 80px; margin: 0 auto 32px; border-radius: 16px; font-size: 48px; }
  .c-wx .c-wx__card { position: relative; left: auto; top: auto; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; width: 100%; height: auto; padding: 52px 64px 44px; border-radius: 45px 6px 45px 6px; }
  .c-wx .c-wx__t { position: static; font-size: 30px; line-height: 1.35; }
  .c-wx .c-wx__card p { position: static; width: auto; max-width: 100%; margin: 16px 0 0; font-size: 22px; line-height: 1.65; }
  .c-wx .c-wx__ic, .c-wx .c-wx__item:nth-child(n) .c-wx__ic { position: static; width: 112px; height: 112px; margin: 28px auto 0; }
  .c-wx .c-wx__cta { position: static; display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; margin: 72px 0 0; padding: 24px 72px; font-size: 24px; line-height: 1.35; }
}