/* בחירת מסלול בדף הקורסים: הקורס המורחב או קלוד קוד */
.hero-fork { margin: 18px 0 0; color: #fff; font-weight: 700; font-size: 1.05rem; }
.hero-fork a { color: var(--yellow); border-bottom: 2px solid currentColor; text-decoration: none; }

.course-fork { padding-top: clamp(70px, 8vw, 120px); }
.fork-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; width: min(1040px, 100%); margin: 40px auto 0; }
.fork-card { position: relative; display: flex; flex-direction: column; padding: 34px 32px 30px; border-radius: 32px; background: #fff; box-shadow: 0 24px 50px rgba(29, 55, 148, .12); border: 1.5px solid rgba(29, 55, 148, .1); }
.fork-main { border-top: 10px solid var(--cyan); }
.fork-art { align-self: flex-start; width: 150px; height: 110px; object-fit: contain; margin-bottom: 8px; filter: drop-shadow(0 12px 12px rgba(29, 55, 148, .18)); }
.fork-tag { margin: 0 0 8px; color: var(--coral); font-weight: 800; letter-spacing: .02em; }
.fork-card h3 { margin: 0 0 10px; font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.1; color: var(--blue); }
.fork-lead { margin: 0 0 16px; color: var(--muted); line-height: 1.6; }
.fork-card ul { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 9px; }
.fork-card li { position: relative; padding-inline-start: 26px; font-weight: 700; color: var(--blue); }
.fork-card li::before { content: "✔"; position: absolute; inset-inline-start: 0; color: var(--coral); }
.fork-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.fork-foot strong { font-size: clamp(1.8rem, 3.4vw, 2.5rem); font-weight: 900; color: var(--blue); }
.fork-foot .currency { font-size: .6em; margin-inline-end: 2px; }

/* כרטיס קלוד קוד: כהה, עם חלון טרמינל */
.fork-claude { background: var(--blue); border-color: transparent; border-top: 10px solid var(--yellow); }
.fork-claude h3, .fork-claude .fork-foot strong { color: #fff; }
.fork-claude .fork-lead { color: #dbe5ff; }
.fork-claude li { color: #fff; }
.fork-claude .fork-tag { color: var(--yellow); }
.fork-claude .pill-button { background: var(--yellow); color: var(--blue); }
.fork-term { align-self: flex-start; width: min(270px, 100%); margin-bottom: 14px; border-radius: 14px; background: #fff; overflow: hidden; box-shadow: 0 12px 26px rgba(0, 0, 0, .25); }
.fork-term-bar { display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: #142d79; }
.fork-term-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--coral); }
.fork-term-bar i:nth-child(2) { background: var(--cyan); }
.fork-term-bar i:nth-child(3) { background: var(--yellow); }
.fork-term-bar b { margin-inline-start: auto; color: #fff; font-size: 12px; }
.fork-term p { margin: 0; padding: 9px 14px 0; color: var(--blue); font-weight: 700; font-size: 14px; direction: rtl; text-align: right; }
.fork-term p span { color: var(--coral); margin-inline-end: 6px; }
.fork-term .fork-term-ok { padding-bottom: 11px; color: var(--coral); }
.fork-term .fork-term-ok b { color: var(--cyan); margin-inline-end: 6px; }
.fork-note { text-align: center; margin: 30px auto 0; color: var(--muted); font-weight: 700; }
.fork-note a { color: var(--blue); border-bottom: 2px solid var(--coral); text-decoration: none; }

@media (max-width: 820px) {
  .fork-grid { grid-template-columns: 1fr; gap: 20px; }
  .fork-card { padding: 28px 24px 26px; }
}

/* החלק העליון של הכרטיסים: אותו גובה, ויזואל שקשור לתוכן */
.fork-visual { display: grid; place-items: center; height: 168px; margin-bottom: 18px; border-radius: 22px; overflow: hidden; }
.fork-visual-main { background: linear-gradient(135deg, var(--cyan-soft), #fff8e3); }
.fork-visual-main img { width: auto; height: 150px; max-width: 94%; object-fit: contain; filter: drop-shadow(0 14px 14px rgba(29, 55, 148, .2)); animation: forkFloat 5s ease-in-out infinite; }
.fork-visual-claude { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); }
.fork-visual-claude .fork-term { margin: 0; width: min(290px, 88%); align-self: center; }
@keyframes forkFloat { 50% { transform: translateY(-7px) rotate(-1deg); } }
@media (prefers-reduced-motion: reduce) { .fork-visual-main img { animation: none; } }

/* ===== השאלון ===== */
.fork-quiz { position: relative; width: min(780px, 100%); margin: 34px auto 0; padding: 26px 28px 30px; border-radius: 30px; background: var(--blue); color: #fff; box-shadow: 0 28px 56px rgba(29, 55, 148, .3); overflow: hidden; }
.fork-quiz::before { content: ""; position: absolute; inset: auto -40px -60px auto; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 213, 30, .35), transparent 65%); pointer-events: none; }
.fq-head { display: flex; align-items: center; gap: 10px; font-size: 15px; }
.fq-head b { letter-spacing: .02em; }
.fq-star { color: var(--coral); font-size: 22px; display: inline-block; animation: fqSpin 3.2s linear infinite; }
@keyframes fqSpin { to { transform: rotate(360deg); } }
.fq-count { margin-inline-start: auto; padding: 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, .14); font-weight: 800; direction: ltr; }
.fq-bar { height: 6px; margin: 14px 0 22px; border-radius: 6px; background: rgba(255, 255, 255, .16); overflow: hidden; }
.fq-bar i { display: block; height: 100%; width: 0; border-radius: 6px; background: linear-gradient(90deg, var(--cyan), var(--yellow)); transition: width .5s cubic-bezier(.3, 1.2, .5, 1); }
.fq-q { margin: 0 0 18px; font-size: clamp(1.5rem, 3.6vw, 2.2rem); line-height: 1.12; color: #fff; outline: none; }
.fq-opts { display: grid; gap: 12px; }
.fq-opt { appearance: none; border: 0; cursor: pointer; text-align: right; padding: 16px 20px; border-radius: 18px; background: #fff; color: var(--blue); font: inherit; font-weight: 800; font-size: clamp(1rem, 2vw, 1.15rem); line-height: 1.3; box-shadow: 0 10px 20px rgba(0, 0, 0, .14); opacity: 0; transform: translateY(14px); animation: fqIn .5s cubic-bezier(.3, 1.3, .5, 1) forwards; animation-delay: var(--d, 0ms); transition: transform .2s, background .2s, box-shadow .2s; }
@keyframes fqIn { to { opacity: 1; transform: none; } }
.fq-opt:hover, .fq-opt:focus-visible { transform: translateY(-3px) scale(1.01); background: var(--yellow); box-shadow: 0 16px 28px rgba(0, 0, 0, .22); outline: none; }
.fq-opt::before { content: ">"; color: var(--coral); margin-inline-end: 10px; font-weight: 900; }
.fq-result { animation: fqIn .5s ease both; }
.fq-kicker { margin: 0; color: var(--cyan); font-weight: 800; }
.fq-title { margin: 6px 0 10px; font-size: clamp(1.8rem, 4.4vw, 2.8rem); line-height: 1.05; color: var(--yellow); }
.fq-text { margin: 0 0 20px; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.6; color: #eaf0ff; }
.fq-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.fq-cta { background: var(--yellow); color: var(--blue); }
.fq-again { appearance: none; background: none; border: 0; color: #dbe5ff; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }

/* הכרטיס המומלץ מתרומם, השני מתעמעם */
.fork-card { transition: transform .5s cubic-bezier(.3, 1.3, .5, 1), opacity .4s, box-shadow .4s, filter .4s; }
.fork-card.is-rec { transform: translateY(-10px) scale(1.02); box-shadow: 0 34px 64px rgba(29, 55, 148, .3); outline: 4px solid var(--yellow); outline-offset: 3px; }
.fork-card.is-rec::before { content: "✦ מומלץ בשבילך"; position: absolute; top: -16px; inset-inline-start: 26px; padding: 7px 16px; border-radius: 999px; background: var(--coral); color: #fff; font-weight: 800; font-size: 14px; box-shadow: 0 10px 18px rgba(255, 85, 63, .35); }
.fork-card.is-dim { opacity: .55; filter: saturate(.75); transform: scale(.985); }

/* חלון הקלדה בכרטיס */
.ft-cur { display: inline-block; width: 7px; height: 1em; margin-inline-end: 3px; background: var(--coral); vertical-align: -2px; animation: ftBlink 1s steps(1) infinite; }
@keyframes ftBlink { 50% { opacity: 0; } }
.fork-term .ft-line b { font-weight: 700; }
.fork-term .fork-term-ok { transition: opacity .3s; }

@media (max-width: 820px) { .fork-quiz { padding: 22px 20px 26px; border-radius: 26px; } .fq-opt { padding: 14px 16px; } }
@media (prefers-reduced-motion: reduce) { .fq-star, .ft-cur { animation: none; } .fq-opt { animation-duration: .01s; } .fork-card.is-rec { transform: none; } }

/* מניפת עמודים מחוברת מידג'רני בכרטיס המורחב */
.fork-visual-main { background: linear-gradient(135deg, var(--cyan-soft), #fff8e3); }
.fork-fan { position: relative; width: 100%; height: 100%; }
.fork-fan img { position: absolute; top: 50%; left: 50%; width: 41%; max-width: 230px; height: auto; border-radius: 9px; box-shadow: 0 14px 26px rgba(29, 55, 148, .3); border: 2px solid #fff; transition: transform .6s cubic-bezier(.3, 1.3, .5, 1); animation: none; filter: none; }
.fork-fan .fan-a { transform: translate(-96%, -52%) rotate(-9deg); }
.fork-fan .fan-c { transform: translate(-4%, -48%) rotate(9deg); }
.fork-fan .fan-b { transform: translate(-50%, -55%) rotate(0deg); z-index: 2; }
.fork-main:hover .fan-a { transform: translate(-108%, -52%) rotate(-13deg); }
.fork-main:hover .fan-c { transform: translate(8%, -48%) rotate(13deg); }
.fork-main:hover .fan-b { transform: translate(-50%, -60%) rotate(0deg) scale(1.04); }
@media (prefers-reduced-motion: reduce) { .fork-fan img { transition: none; } }