/* דף הקורס: סשן חי, פלטת פקודות, ורגע ההרשמה */

/* ===== סשן חי בטרמינל ===== */
.hero-terminal[data-live] .ht-hist p { display: flex; align-items: baseline; gap: 8px; margin: 0 0 5px; }
.hero-terminal[data-live] .ht-hist p i { flex: none; font-style: normal; width: 1.1em; text-align: center; }
.ht-hist .lv-cmd { color: var(--blue) !important; }
.ht-hist .lv-cmd i { color: var(--coral); font-weight: 800; }
.ht-hist .lv-step { color: var(--muted) !important; }
.ht-hist .lv-step i { color: var(--coral); display: inline-block; animation: dcSpin 1.6s linear infinite; }
.ht-hist .lv-step.done { color: var(--blue) !important; }
.ht-hist .lv-step.done i { animation: none; color: #fff; background: var(--coral); border-radius: 50%; width: 1.45em; height: 1.45em; display: inline-grid; place-items: center; font-size: .78em; transform: translateY(-1px); }
.hero-terminal[data-live] .ht-status.is-done .ht-spin { animation: none; }
.hero-terminal[data-live] .ht-status.is-done { color: var(--blue); }
.hero-terminal[data-live] .ht-hist p:last-child { animation: lvIn .3s ease both; }
@keyframes lvIn { from { opacity: 0; transform: translateY(6px); } }

/* ===== פלטת פקודות ===== */
.dc-fab { position: fixed; z-index: 60; bottom: 20px; right: 20px; display: flex; align-items: center; gap: 8px; height: 54px; padding: 0 18px 0 8px; border: 2px solid #fff; border-radius: 999px; background: var(--blue); color: #fff; font: inherit; font-weight: 800; font-size: 15px; box-shadow: 0 10px 28px rgba(15, 31, 92, .32); cursor: pointer; transition: transform .2s, background .2s; }
.dc-fab b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--yellow); color: var(--blue); font-family: ui-monospace, Consolas, monospace; font-size: 22px; line-height: 1; }
.dc-fab:hover { transform: translateY(-3px); background: #16307f; }
.dc-pal { width: min(560px, calc(100% - 28px)); max-height: min(560px, 82vh); margin: 12vh auto auto; padding: 0; border: 0; border-radius: 22px; overflow: hidden; background: #fff; color: var(--blue); box-shadow: 0 30px 70px rgba(6, 16, 46, .45); direction: rtl; }
.dc-pal::backdrop { background: rgba(6, 16, 46, .55); backdrop-filter: blur(3px); }
.dc-pal[open] { animation: palIn .22s cubic-bezier(.2, .9, .3, 1.2); }
@keyframes palIn { from { opacity: 0; transform: translateY(-10px) scale(.97); } }
.dc-pal .ht-bar, .dc-toast .ht-bar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: var(--blue); }
.dc-pal .ht-bar i, .dc-toast .ht-bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--coral); }
.dc-pal .ht-bar i:nth-child(2), .dc-toast .ht-bar i:nth-child(2) { background: var(--cyan); }
.dc-pal .ht-bar i:nth-child(3), .dc-toast .ht-bar i:nth-child(3) { background: var(--yellow); }
.dc-pal .ht-bar b, .dc-toast .ht-bar b { margin-inline-start: auto; color: #fff; font-family: ui-monospace, Consolas, monospace; font-size: 13px; font-weight: 400; }
.dc-pal-in { display: flex; align-items: center; gap: 10px; margin: 14px 14px 6px; padding: 10px 14px; border: 1.5px solid var(--blue); border-radius: 12px; }
.dc-pal-in span { color: var(--coral); font-weight: 800; }
.dc-pal-in input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--blue); font: inherit; font-weight: 700; font-size: 17px; direction: rtl; }
.dc-pal-list { list-style: none; margin: 0; padding: 6px 8px 8px; max-height: 50vh; overflow-y: auto; }
.dc-pal-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 11px 12px; border-radius: 12px; cursor: pointer; }
.dc-pal-list li b { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-weight: 700; color: var(--blue); direction: rtl; white-space: nowrap; }
.dc-pal-list li span { color: var(--muted); font-size: 14.5px; font-weight: 600; text-align: left; }
.dc-pal-list li[aria-selected="true"] { background: var(--cyan-soft); }
.dc-pal-list li[aria-selected="true"] b::before { content: "› "; color: var(--coral); }
.dc-pal-list li.none { color: var(--muted); cursor: default; }
.dc-pal-hint { margin: 0; padding: 10px 16px 12px; border-top: 1px solid rgba(29, 55, 148, .1); color: var(--muted); font-size: 12.5px; font-weight: 600; }
.dc-pal-hint kbd { display: inline-block; min-width: 22px; padding: 1px 6px; margin-inline: 2px; border: 1px solid rgba(29, 55, 148, .25); border-radius: 6px; font-family: ui-monospace, Consolas, monospace; font-size: 11.5px; text-align: center; }
.design-course-page h2[id], .design-course-page #course-register { scroll-margin-top: 110px; }

/* ===== רגע ההרשמה ===== */
.dc-burst { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 9990; pointer-events: none; }
.dc-toast { position: fixed; z-index: 9991; left: 50%; bottom: 28px; width: min(440px, calc(100% - 28px)); border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 24px 50px rgba(6, 16, 46, .35); transform: translate(-50%, 140%); opacity: 0; transition: transform .45s cubic-bezier(.2, .9, .3, 1.15), opacity .3s; pointer-events: none; direction: rtl; }
.dc-toast.on { transform: translate(-50%, 0); opacity: 1; }
.dc-toast p { margin: 0; padding: 14px 18px 16px; color: var(--blue); font-weight: 800; font-size: 16px; display: flex; align-items: center; gap: 10px; }
.dc-toast p i { flex: none; font-style: normal; color: #fff; background: var(--coral); width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; }

@media (max-width: 760px) {
  .dc-fab { bottom: 16px; right: 16px; height: 50px; padding: 0 6px; }
  .dc-fab span { display: none; }
  .dc-pal { margin-top: 8vh; }
  .dc-pal-list li { flex-direction: column; align-items: flex-start; gap: 2px; }
  .dc-pal-list li span { text-align: right; }
  .dc-pal-hint { display: none; }
  .dc-toast { bottom: 80px; }
}
@media (prefers-reduced-motion: reduce) {
  .ht-hist .lv-step i, .dc-pal[open], .hero-terminal[data-live] .ht-hist p:last-child { animation: none; }
  .dc-toast { transition: none; }
}
.hero-terminal[data-live] .ht-hist p span { color: inherit; margin: 0; }
.hero-terminal[data-live] .ht-hist p { line-height: 1.45; }
.design-course-page main > section { scroll-margin-top: 64px; }

/* ===== 9 הנושאים: לשוניות + חלון טרמינל עם תוצר ===== */
.rt { display: grid; grid-template-columns: minmax(250px, 320px) 1fr; gap: 26px; width: min(1080px, 100%); margin: 10px auto 0; align-items: start; }
.rt-tabs { display: flex; flex-direction: column; gap: 6px; }
.rt-tab { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1.5px solid rgba(29, 55, 148, .12); border-radius: 14px; background: #fff; color: var(--blue); font: inherit; font-weight: 800; font-size: 15.5px; text-align: right; cursor: pointer; overflow: hidden; transition: background .25s, border-color .25s, transform .25s; }
.rt-tab:hover { border-color: var(--cyan); transform: translateX(-4px); }
.rt-tab .rt-n { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--cyan-soft); color: var(--blue); font-family: ui-monospace, Consolas, monospace; font-size: 13px; transition: background .25s, color .25s; }
.rt-tab b { flex: 1; line-height: 1.25; }
.rt-tab.on { background: var(--blue); border-color: var(--blue); color: #fff; }
.rt-tab.on .rt-n { background: var(--yellow); color: var(--blue); }
.rt-tab.on b::after { content: " ←"; color: var(--yellow); }
.rt-prog { position: absolute; bottom: 0; right: 0; height: 3px; width: 0; background: var(--coral); }
.rt-tab.on.timing .rt-prog { animation: rtProg var(--rt-dur, 6.5s) linear forwards; }
@keyframes rtProg { to { width: 100%; } }
.rt-term { position: sticky; top: 96px; background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 26px 54px rgba(29, 55, 148, .18); border: 1.5px solid rgba(29, 55, 148, .1); }
.rt-term .ht-bar, .sch .ht-bar { display: flex; align-items: center; gap: 8px; padding: 13px 18px; background: var(--blue); }
.rt-term .ht-bar i, .sch .ht-bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--coral); }
.rt-term .ht-bar i:nth-child(2), .sch .ht-bar i:nth-child(2) { background: var(--cyan); }
.rt-term .ht-bar i:nth-child(3), .sch .ht-bar i:nth-child(3) { background: var(--yellow); }
.rt-term .ht-bar b, .sch .ht-bar b { margin-inline-start: auto; color: #fff; font-family: ui-monospace, Consolas, monospace; font-size: 13px; font-weight: 400; }
.rt-cmd { display: flex; align-items: center; gap: 8px; margin: 18px 20px 0; padding: 10px 14px; border: 1.5px solid var(--blue); border-radius: 12px; color: var(--blue); font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-weight: 700; font-size: 16px; direction: rtl; }
.rt-cmd > span { color: var(--coral); }
.rt-panel { padding: 16px 20px 22px; }
.rt-panel[hidden] { display: none; }
.rt-panel.on { animation: rtIn .45s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes rtIn { from { opacity: 0; transform: translateY(10px); } }
.rt-panel h3 { margin: 0 0 6px; color: var(--blue); font-size: clamp(1.35rem, 2.2vw, 1.9rem); line-height: 1.15; }
.rt-num { display: inline-grid; place-items: center; width: 1.6em; height: 1.6em; margin-inline-end: 6px; border-radius: 50%; background: var(--coral); color: #fff; font-family: ui-monospace, Consolas, monospace; font-size: .55em; vertical-align: .25em; }
.rt-panel > p { margin: 0 0 14px; color: var(--muted); font-size: clamp(1rem, 1.15vw, 1.12rem); line-height: 1.6; font-weight: 600; }
.rt-media { position: relative; margin: 0; border-radius: 16px; overflow: hidden; background: var(--cyan-soft); aspect-ratio: 16 / 10; }
.rt-media img, .rt-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.rt-media.tall img { object-position: top; }
.rt-media figcaption { position: absolute; bottom: 10px; inset-inline-start: 10px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .94); color: var(--blue); font-size: 12.5px; font-weight: 800; }
.rt-media.list { aspect-ratio: auto; background: transparent; }
.rt-ok { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rt-ok li { padding: 13px 16px; border-radius: 12px; background: var(--cyan-soft); color: var(--blue); font-weight: 800; font-size: 16px; }
.rt-ok li i { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-inline-end: 8px; border-radius: 50%; background: var(--coral); color: #fff; font-style: normal; font-size: 12px; }

/* ===== לוח המפגשים ===== */
.sch { width: min(980px, 100%); margin: 6px auto 0; border-radius: 24px; overflow: hidden; background: #06102e; box-shadow: 0 30px 60px rgba(6, 16, 46, .3); }
.sch-body { padding: 22px clamp(18px, 3vw, 34px) 28px; direction: rtl; color: #fff; }
.sch-cmd { margin: 0 0 6px; font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-weight: 700; color: #c9d4f5; }
.sch-cmd span { color: var(--coral); margin-inline-end: 6px; }
.sch-count { margin: 0 0 18px; color: var(--yellow); font-weight: 800; font-size: clamp(1.05rem, 1.8vw, 1.45rem); }
.sch-count .ht-spin { color: var(--coral); }
.sch-count-t b { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; color: #fff; font-weight: 700; }
.sch-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sch-row { display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1.5px solid rgba(255, 255, 255, .1); transition: background .25s, border-color .25s, transform .25s; }
.sch-row:hover { background: rgba(69, 212, 208, .1); border-color: var(--cyan); transform: translateX(-4px); }
.sch-box { font-family: ui-monospace, Consolas, monospace; color: var(--cyan); font-weight: 700; }
.sch-n { font-family: ui-monospace, Consolas, monospace; font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 700; color: var(--yellow); line-height: 1; }
.sch-what b { display: block; font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.25; }
.sch-what small { display: block; margin-top: 4px; color: #c9d4f5; font-size: 14.5px; font-weight: 600; }
.sch-what time { color: #fff; font-weight: 800; }
.sch-time { padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #fff; font-weight: 700; font-size: 14px; white-space: nowrap; }
.sch-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; }
.sch-month { margin: 0; color: #fff; font-weight: 700; font-size: clamp(1rem, 1.4vw, 1.2rem); }
.sch-month i { display: inline-grid; place-items: center; width: 26px; height: 26px; margin-inline-end: 8px; border-radius: 50%; background: var(--coral); font-style: normal; font-size: 13px; }
.sch-month strong { color: var(--yellow); }
.sch-cal { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 999px; background: var(--yellow); color: var(--blue); font-weight: 800; transition: transform .2s; }
.sch-cal span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--blue); color: var(--yellow); font-size: 18px; line-height: 1; }
.sch-cal:hover { transform: translateY(-2px); }

@media (max-width: 820px) {
  .rt { grid-template-columns: 1fr; gap: 14px; }
  .rt-tabs { flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: none; }
  .rt-tabs::-webkit-scrollbar { display: none; }
  .rt-tab { flex: none; scroll-snap-align: start; max-width: 230px; padding: 10px 12px; font-size: 14px; }
  .rt-tab:hover { transform: none; }
  .rt-tab.on b::after { content: none; }
  .rt-term { position: static; }
  .rt-cmd { margin: 14px 14px 0; font-size: 14.5px; }
  .rt-panel { padding: 12px 14px 16px; }
  .sch-row { grid-template-columns: auto 1fr; grid-template-areas: "n what" "n time"; gap: 6px 14px; padding: 14px; }
  .sch-box { display: none; }
  .sch-n { grid-area: n; }
  .sch-what { grid-area: what; }
  .sch-time { grid-area: time; justify-self: start; }
  .sch-foot { flex-direction: column; align-items: stretch; }
  .sch-cal { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .rt-panel.on, .rt-tab.on.timing .rt-prog { animation: none; }
}

/* כותרת הסיפור בהירו: ארוכה יותר, אז קטנה מעט */
.design-course-page .courses-hero-home h1.dc-h1-story { font-size: clamp(2.5rem, 3.7vw, 4.8rem); line-height: .98; max-width: min(640px, 56vw); text-wrap: balance; }
.design-course-page .courses-hero-home h1.dc-h1-story .hero-accent { margin-top: 10px; font-size: .6em; line-height: 1.08; white-space: normal; text-wrap: balance; }
/* ציטוטים כטקסט */
.dc-quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; width: min(1000px, 100%); margin: 0 auto 34px; }
.dc-quote { margin: 0; padding: 22px 24px; border-radius: 22px; background: #fff; color: var(--blue); border: 1.5px solid rgba(29, 55, 148, .1); border-top: 6px solid var(--cyan); }
.dc-quote:nth-child(2) { border-top-color: var(--coral); }
.dc-quote:nth-child(3) { border-top-color: var(--yellow); }
.dc-quote blockquote { margin: 0; }
.dc-quote p { margin: 0; font-weight: 800; font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.45; }
.dc-quote p::before { content: "״"; color: var(--coral); margin-inline-end: 3px; }
.dc-quote p::after { content: "״"; color: var(--coral); margin-inline-start: 3px; }
.dc-quote figcaption { margin-top: 10px; color: var(--muted); font-weight: 700; font-size: 14px; }
@media (max-width: 820px) { .dc-quotes { grid-template-columns: 1fr; gap: 12px; } .design-course-page .courses-hero-home h1.dc-h1-story { font-size: clamp(1.9rem, 8.4vw, 2.5rem); max-width: none; } .design-course-page .courses-hero-home .hero-intro { font-size: .95rem; line-height: 1.45; } }
@media (max-width: 760px) { .design-course-page .hero.courses-hero-home { height: 930px; min-height: 930px; } }

/* ===== מחיר מוקדם ===== */
.dc-early-tag { display: inline-block; padding: 5px 12px; border-radius: 999px; background: var(--coral); color: #fff !important; font-size: .9rem !important; font-weight: 800; }
.dc-was { margin-top: 10px; color: rgba(255, 255, 255, .6); font-size: 1.6rem; font-weight: 800; text-decoration-color: var(--coral); text-decoration-thickness: 3px; }
.dc-was .currency, .dc-cta-note .currency { margin-right: .12em; font-size: .7em; }
.dc-early-count { margin: -8px 0 16px; color: var(--yellow); font-weight: 800; font-size: .98rem; }
.dc-early-count b { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; color: #fff; }
.dc-cta-note { margin: 10px 0 0; font-size: 14.5px; font-weight: 700; color: rgba(255, 255, 255, .85); flex-basis: 100%; }
.dc-cta-note s { color: rgba(255, 255, 255, .55); text-decoration-color: var(--coral); text-decoration-thickness: 2px; }
.dc-cta-note b { color: var(--yellow); font-size: 1.15em; }
.course-final-cta .dc-cta-note { color: var(--muted); }
.course-final-cta .dc-cta-note s { color: var(--muted); }
.course-final-cta .dc-cta-note b { color: var(--coral); }
.hero-copy .dc-cta-note { text-align: inherit; }
@media (min-width: 761px) { .hero-copy .dc-cta-note { display: none; } }

/* ===== טיפוגרפיה של הפתיח: היררכיה אחת ברורה =====
   תווית קטנה, צמד שורות ענק (לבן / צהוב), שורת משנה, פסקה רגועה, כפתור */
.design-course-page .courses-hero-home .dc-eyebrow { display: inline-flex; align-items: center; gap: .45em; margin: 0 0 22px; padding: 7px 16px 7px 14px; border: 1.5px solid rgba(69, 212, 208, .55); border-radius: 999px; color: var(--cyan); font-size: clamp(.9rem, 1vw, 1.02rem); font-weight: 700; letter-spacing: .02em; line-height: 1.2; }
.design-course-page .courses-hero-home .dc-eyebrow::before { margin-inline-end: .1em; }
.design-course-page .courses-hero-home .dc-eyebrow i { font-style: normal; color: rgba(255, 255, 255, .45); }
.design-course-page .courses-hero-home h1.dc-h1-pair { margin: 0; max-width: none; font-size: clamp(3.6rem, 6.4vw, 7rem); line-height: .9; letter-spacing: -.01em; text-wrap: nowrap; }
.design-course-page .courses-hero-home h1.dc-h1-pair .dc-l1 { display: block; color: #fff; }
.design-course-page .courses-hero-home h1.dc-h1-pair .hero-accent { display: block; margin-top: .04em; color: var(--yellow); font-size: 1em; }
.design-course-page .courses-hero-home .dc-hero-sub { margin: 24px 0 10px; color: #fff; font-size: clamp(1.15rem, 1.55vw, 1.6rem); font-weight: 800; line-height: 1.25; }
.design-course-page .courses-hero-home .dc-hero-sub::before { content: ""; display: inline-block; width: 26px; height: 3px; margin-inline-end: 12px; vertical-align: .32em; border-radius: 3px; background: var(--coral); }
.design-course-page .courses-hero-home .dc-hero-intro { max-width: 470px; margin: 0 0 26px; color: rgba(255, 255, 255, .78); font-size: clamp(.98rem, 1.05vw, 1.12rem); font-weight: 500; line-height: 1.6; text-wrap: pretty; }
.design-course-page .courses-hero-home .hero-copy .hero-actions { margin-top: 0; }

@media (max-width: 760px) {
  .design-course-page .courses-hero-home .dc-eyebrow { margin-bottom: 16px; font-size: .86rem; }
  .design-course-page .courses-hero-home h1.dc-h1-pair { font-size: clamp(2.9rem, 14.5vw, 3.8rem); line-height: .92; }
  .design-course-page .courses-hero-home .dc-hero-sub { margin: 16px 0 8px; font-size: 1.12rem; }
  .design-course-page .courses-hero-home .dc-hero-sub::before { display: block; margin: 0 auto 10px; }
  .design-course-page .courses-hero-home .dc-hero-intro { margin: 0 auto 20px; max-width: 320px; font-size: .95rem; line-height: 1.55; }
}

/* ===== קיר הודעות חי: עמודות זזות, תגובות קופצות, פיצוץ בלחיצה ===== */
.wl-sec { position: relative; background: var(--blue); overflow: hidden; }
.wl-sec .section-heading h2, .wl-sec .section-kicker { color: #fff; }
.wl-note { margin: -6px auto 30px; text-align: center; color: var(--yellow); font-weight: 800; font-size: clamp(1rem, 1.5vw, 1.2rem); }
.wl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; width: min(1180px, 100%); height: 660px; margin: 0 auto; overflow: hidden; -webkit-mask-image: linear-gradient(transparent, #000 9%, #000 91%, transparent); mask-image: linear-gradient(transparent, #000 9%, #000 91%, transparent); }
.wl-col { min-width: 0; }
.wl-track, .wl-dup { display: flex; flex-direction: column; gap: 14px; }
.wl-dup { margin-top: 0; }
.wl-up .wl-track { animation: wlUp 34s linear infinite; }
.wl-down .wl-track { animation: wlUp 44s linear infinite reverse; }
.wl-slow .wl-track { animation-duration: 52s; }
.wl:hover .wl-track { animation-play-state: paused; }
@keyframes wlUp { to { transform: translateY(calc(-50% - 7px)); } }
.wl-b { position: relative; margin: 0; padding: 15px 18px; border-radius: 18px 4px 18px 18px; background: #fff; color: #17244f; font-size: 16.5px; line-height: 1.5; text-align: right; cursor: pointer; box-shadow: 0 10px 24px rgba(6, 16, 46, .28); transition: transform .25s cubic-bezier(.3, 1.5, .5, 1); user-select: none; }
.wl-b:hover { transform: scale(1.03) rotate(-.6deg); }
.wl-b.wl-short { font-size: clamp(1.25rem, 2vw, 1.7rem); font-weight: 800; line-height: 1.2; color: var(--blue); }
.wl-b:nth-child(4n + 2).wl-short { background: var(--yellow); }
.wl-b:nth-child(4n + 3).wl-short { background: var(--cyan); }
.wl-list { display: block; margin: 8px 0; }
.wl-list i { display: block; margin: 5px 0; font-style: normal; }
.wl-pop { position: absolute; z-index: 3; bottom: -10px; inset-inline-start: 12px; padding: 3px 9px; border-radius: 999px; background: #fff; font-size: 17px; line-height: 1.3; box-shadow: 0 4px 12px rgba(6, 16, 46, .3); animation: wlPop 2.2s cubic-bezier(.3, 1.6, .5, 1) both; pointer-events: none; }
@keyframes wlPop { 0% { opacity: 0; transform: scale(.2); } 14%, 78% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.8); } }
.wl-fly { position: fixed; z-index: 9000; font-size: 26px; pointer-events: none; animation: wlFly 1.1s ease-out both; }
@keyframes wlFly { from { opacity: 1; transform: translate(0, 0) scale(.6); } to { opacity: 0; transform: translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(1.3); } }
@media (max-width: 820px) {
  .wl { grid-template-columns: 1fr; height: 600px; }
  .wl-col:not(:first-child) { display: none; }
  .wl-col:first-child .wl-track { animation-duration: 60s; }
}
@media (prefers-reduced-motion: reduce) {
  .wl { height: auto; -webkit-mask-image: none; mask-image: none; }
  .wl-track { animation: none !important; }
  .wl-dup { display: none; }
  .wl-col:not(:first-child) { display: block; }
}

/* ===== מה כלול: חלון קלוד קוד, השורות מסתמנות אחת אחת ===== */
.inc-term { width: min(980px, 100%); margin-inline: auto; }
.inc-row .sch-what small { line-height: 1.5; }
.inc-row .sch-box, .inc-ok { transition: color .25s, opacity .25s; }
.inc-ok { opacity: 0; color: var(--coral); font-weight: 800; }
.inc-row.is-done .inc-ok { opacity: 1; }
.inc-row.is-done .sch-box { color: var(--coral); }

/* ===== שאלות נפוצות בחלון קלוד קוד ===== */
.faq-term { width: min(980px, 100%); margin: 40px auto 0; }
.faq-term .faq-list { gap: 10px; margin-top: 16px; }
.faq-term .faq-list details { border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; background: rgba(255, 255, 255, .06); box-shadow: none; }
.faq-term .faq-list details[open] { background: rgba(255, 255, 255, .1); }
.faq-term .faq-list summary { padding: 16px 20px 16px 58px; color: #fff; font-size: 1.05rem; }
.faq-term .faq-list summary::after { top: 8px; color: var(--yellow); }
.faq-term .faq-list details p { padding: 0 20px 18px; color: #c9d4f2; line-height: 1.7; }
.faq-term .faq-list details p::before { content: "✻ "; color: var(--coral); font-weight: 800; }
.faq-term .faq-icon { top: 12px; }

/* ===== כרטיס המשחק: קודם סרטון ההשקה, אחריו התמונות ===== */
.dc-game-media { aspect-ratio: 1 / 1; }
.dc-game-v { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; transition: opacity .6s ease; }
.dc-game-v.is-done { opacity: 0; pointer-events: none; }