/* =========================================================
   Lock and Roll Academy — דף נחיתה פיקסל-פרפקט
   דסקטופ: קנבס 1593 · מובייל: קנבס 393
   כל המידות בפיקסלים של הפיגמה; --s מקטין/מגדיל את הקנבס לרוחב המסך.
   ========================================================= */

/* ---------- פונטים ---------- */
@font-face{font-family:'TelAviv';src:url('fonts/telaviv-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'TelAviv';src:url('fonts/telaviv-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'TelAviv';src:url('fonts/telaviv-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* Noto Sans Hebrew — הגרסה המשתנה, עם ציר רוחב (wdth 62.5–100).
   העיצוב משתמש ב-"Noto Sans Hebrew New" שאינו מופץ; ציר הרוחב מאפשר לכווץ את
   הגליפים עצמם לרוחב הנכון במקום לזייף עם letter-spacing שמכווץ רק את הרווחים. */
@font-face{font-family:'NotoHe';src:url('fonts/noto-hebrew-var-hebrew.woff2') format('woff2-variations');font-weight:100 900;font-stretch:62.5% 100%;font-style:normal;font-display:swap;unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'NotoHe';src:url('fonts/noto-hebrew-var-latin.woff2') format('woff2-variations');font-weight:100 900;font-stretch:62.5% 100%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'NotoHe';src:url('fonts/noto-hebrew-var-latin-ext.woff2') format('woff2-variations');font-weight:100 900;font-stretch:62.5% 100%;font-style:normal;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

:root{
  --red:#900100;
  --red-deep:#3A0000;
  --red-dark:#2A0000;
  --ink:#FEFEFE;
  --num:#540100;
  --s:1;
}

/* ---------- שלד ---------- */
.lnr{position:relative;background:#000;color:var(--ink);overflow-x:clip;
     -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lnr *{box-sizing:border-box}
.lnr .wrap{position:relative;width:100%;height:calc(var(--h) * var(--s) * 1px);overflow:hidden}
/* מרכוז הקנבס: `margin:auto` לא ממרכז אלמנט אבסולוטי שרחב מהמיכל שלו, ולכן
   ה-transform-origin נפל במקום הלא נכון והדף כולו הוסט שמאלה. במקום זה —
   עוגן בפינה השמאלית-עליונה, ו-left מחושב מהרוחב *אחרי* ההקטנה. */
.lnr .cv{position:absolute;top:0;margin:0;
         left:calc((100% - var(--w) * var(--s) * 1px) / 2);
         width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);
         transform:scale(var(--s));transform-origin:top left}
.lnr .a{position:absolute;margin:0}
.lnr img.a,.lnr img{display:block;max-width:none}
.lnr .deco{pointer-events:none;user-select:none}
/* מצבי המיזוג המדויקים מהפיגמה (Group 5 = Overlay + Soft-Light 20%) */
.lnr .bl-overlay{mix-blend-mode:overlay}
.lnr .bl-soft{mix-blend-mode:soft-light;opacity:.2}

/* ---------- טיפוגרפיה ---------- */
.lnr .t{font-family:'TelAviv',system-ui,sans-serif;font-weight:300;color:var(--ink);
        text-align:right;direction:rtl}
.lnr .tr{font-weight:400}
.lnr .tb{font-weight:700}
/* גופן הגוף: בפיגמה זה "Noto Sans Hebrew New" שאינו מופץ לשימוש חופשי.
   הגרסה המשתנה של Noto Sans Hebrew, בברירת המחדל של ציר הרוחב, יוצאת ברוחב
   כמעט זהה — ולכן אין צורך בזיוף עם letter-spacing. */
.lnr .b{font-family:'NotoHe','TelAviv',system-ui,sans-serif;font-weight:300;color:var(--ink);
        text-align:right;direction:rtl;font-variation-settings:'wdth' 100}
.lnr .center{text-align:center}
.lnr .ltr{direction:ltr;text-align:left}

/* כותרות: בפיגמה תיבת הטקסט היא ברוחב הטקסט עצמו, ולכן שבירה אוטומטית אסורה.
   מעברי שורה מפורשים (<br>) עדיין עובדים. .wrap מחזיר שבירה היכן שהעיצוב דורש. */
.lnr .f83,.lnr .f85,.lnr .f46,.lnr .f45,.lnr .f42,.lnr .f35,.lnr .f35r,
.lnr .f23,.lnr .f21{white-space:nowrap}
.lnr .wrap-on{white-space:normal}
.lnr .nw{white-space:nowrap}

.lnr .f83{font-size:83px;line-height:71px}
.lnr .f85{font-size:85px;line-height:105px}
.lnr .f46{font-size:46px;line-height:57px}
.lnr .f45{font-size:45px;line-height:56px}
.lnr .f42{font-size:42px;line-height:52px}
.lnr .f35{font-size:35px;line-height:36px}
.lnr .f35r{font-size:35px;line-height:43px}
.lnr .f23{font-size:23px;line-height:28px}
.lnr .f21{font-size:21px;line-height:18px}
.lnr .f20{font-size:20px;line-height:25px}
.lnr .f17{font-size:17px;line-height:26px}
.lnr .f14{font-size:14px;line-height:19px}
.lnr .f14t{font-size:14px;line-height:17px}
.lnr .f12{font-size:12px;line-height:16px}
.lnr .glow{filter:drop-shadow(0 0 28px rgba(144,1,0,.55))}

/* ---------- Hero ---------- */
/* רקע ההירו — התמונה המדויקת מהפיגמה. נמתחת לרוחב המסך המלא (זה גרדיאנט חלק,
   אז מתיחה אופקית תקינה), אבל **בגובה המקורי** — בפיגמה התחתית שלה פשוט מכוסה
   ברקע השחור. מתיחה לגובה הסקשן דחסה את פס האור האדום כלפי מעלה. */
.lnr .hero-bg{top:0;height:calc(var(--bgh) * 1px);background-size:100% 100%;
  background-repeat:no-repeat;
  left:calc(50% - 50vw / var(--s));width:calc(100vw / var(--s))}

/* ---------- מסגרת גרדיאנט (קו 0.5px אדום שנמוג באמצע) ---------- */
/* :not(.a) — אחרת הכלל הזה היה דורס את position:absolute של .a ומפרק את הפריסה */
.lnr .gb{border-radius:15px}
.lnr .gb:not(.a){position:relative}
/* המילוי והמסגרת מגיעים כ-inline style מ-lnr_card(), כי הזווית ומיקומי העצירה
   של הגרדיאנט תלויים בגודל התיבה בפועל — פיגמה מחשבת אותם במרחב מנורמל. */
.lnr .gb::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;
  background:var(--bd);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;pointer-events:none}

.lnr .card{border-radius:15px}

/* כרטיס "אור" בהיר (Rectangle 2594-2608 / 2602-2605) — מסגרת 1px ולא 0.5 */
.lnr .icard{border-radius:15px;box-shadow:0 0 50px rgba(144,1,0,.2)}
.lnr .icard::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:var(--bd);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;pointer-events:none}
.lnr .blur40{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}

/* פס הזוהר האדום (Ellipse 22) */
.lnr .glow-bar{border-radius:50%;background:var(--red);filter:blur(125px);opacity:.85;
  pointer-events:none}

/* ---------- כרטיסי וידאו ---------- */
.lnr .vcard{border-radius:15px}
.lnr .vcard::after{padding:1px}
.lnr .vinner{position:absolute;left:21px;top:29px;right:21px;bottom:28px;border-radius:15px;
  background:#919191;overflow:hidden}
.lnr .lnr-m .vinner{left:17.6px;top:24.3px;right:17.6px;bottom:23.5px}
.lnr .vposter,.lnr .vinner iframe,.lnr .vinner video{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;border:0}
.lnr .vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:47px;height:47px;border-radius:50%;border:0;cursor:pointer;padding:0;
  background:linear-gradient(72deg,#000 0%,var(--red) 100%);
  display:grid;place-items:center}
.lnr .lnr-m .vplay{width:39.4px;height:39.4px}
.lnr .vplay.is-static{cursor:default}
.lnr .vplay i{display:block;width:0;height:0;border-style:solid;
  border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff;
  margin-left:-3px}
.lnr .lnr-m .vplay i{border-width:11px 0 11px 18px}
.lnr .vinner.is-playing .vplay{display:none}
/* הכריכה יורדת ברגע שהנגן נכנס, ולא בולעת קליקים בזמן שהיא מוצגת. */
.lnr .vposter{pointer-events:none}
.lnr .vinner.is-playing .vposter{display:none}

/* ---------- כפתור-גלולה ---------- */
.lnr .pill{display:flex;align-items:center;justify-content:center;border-radius:999px;
  border:1px solid var(--ink);cursor:pointer;text-decoration:none;padding:0;
  font-family:'TelAviv',sans-serif;font-weight:300;font-size:20px;line-height:20px;color:#fff;
  transition:filter .2s ease,transform .2s ease}
.lnr .pill.sm{font-size:14px;line-height:14px;border-width:.7px}
.lnr .pill:hover{filter:brightness(1.18);transform:translateY(-1px)}

/* בפיגמה הטקסט ממורכז בשטח שנשאר מימין לעיגול הלבן — לא במרכז הכפתור. */
.lnr .pill-txt{position:relative;z-index:1}
.lnr .pill{padding-left:calc(var(--pad) + var(--dot))}
.lnr .pill-dot{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);
  width:var(--dot);height:var(--dot);border-radius:50%;background:var(--ink)}
.lnr .pill-dot::before{content:"";position:absolute;left:26%;top:50%;
  width:52%;height:1px;background:var(--red)}
.lnr .pill-dot::after{content:"";position:absolute;left:26%;top:50%;
  width:32%;height:32%;border-left:1px solid var(--red);border-bottom:1px solid var(--red);
  transform:translateY(-50%) rotate(45deg);transform-origin:left center}

/* ---------- מספרים 01-05 ---------- */
.lnr .num{color:var(--num);text-align:center;
  text-shadow:0 0 50px rgba(144,1,0,.5)}

/* ---------- תגית בונוס ---------- */
.lnr .bonus{display:grid;place-items:center;border:1px solid var(--red);
  border-radius:0 15px 0 15px}
.lnr .bonus i{font-style:normal;font-family:'TelAviv',sans-serif;font-weight:300;
  font-size:12px;line-height:15px;color:var(--ink)}

/* ---------- מחברים ב"עם מה תצא" ---------- */
.lnr .conn{border:1px solid rgba(144,1,0,.55);pointer-events:none}
.lnr .c-tr{border-radius:0 0 15px 0;border-top:0;border-left:0}
.lnr .c-tl{border-radius:0 0 0 15px;border-top:0;border-right:0}
.lnr .c-br{border-radius:0 15px 0 0;border-bottom:0;border-left:0}
.lnr .c-bl{border-radius:15px 0 0 0;border-bottom:0;border-right:0}

/* ---------- אייקון סימן קריאה ---------- */
/* הזוהר כבר אפוי בתמונה (נחתכה מהרינדור של הפיגמה) — בלי filter נוסף, אחרת כפול. */
.lnr .chk{}

/* ---------- רשימות תבליט ---------- */
.lnr .bullets{list-style:none;padding:0;margin:0}
.lnr .bullets li{position:relative;padding-inline-start:26px}
/* .plain — כמו בפיגמה: שורות טקסט נקיות, בלי אייקון ובלי הזחה */
.lnr .bullets.plain li{padding-inline-start:0}
.lnr .bullets.plain li::before{content:none}
.lnr .bullets li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;
  width:14px;height:8px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);
  transform:rotate(-45deg)}

/* ---------- צילומי המלצות ---------- */
.lnr .shot{border-radius:15px;object-fit:cover;box-shadow:0 8px 26px rgba(0,0,0,.55)}

/* ---------- שאלות ותשובות ---------- */
.lnr .faq{display:flex;flex-direction:column;gap:16px}
.lnr .faq-i{display:flex;flex-direction:column;gap:16px}
.lnr .faq-q{width:100%;height:87px;border:0;cursor:pointer;text-align:right;
  padding:0 59px 0 34px;border-radius:15px;
  color:var(--ink);position:relative;transition:filter .2s ease}
.lnr .faq-q:hover{filter:brightness(1.35)}
/* inline-block ולא block — כך תיבת הטקסט היא ברוחב הטקסט עצמו, בדיוק
   כמו צומת הטקסט בפיגמה (הכפתור מיישר אותה לימין).
   font-size:0 על הכפתור מנטרל תרומה של רווחי-מקור בין התגיות. */
.lnr .faq-q{font-size:0}
.lnr .faq-q span{display:inline-block;max-width:100%;text-align:right}
/* במובייל הטקסט בפיגמה יושב 31px מראש השורה (בגובה 68) — לא ממורכז כמו בדסקטופ. */
.lnr .faq-m .faq-q{height:68px;padding:31px 38px 0 20px;display:flex;align-items:flex-start}
/* תיבת הטקסט של התשובה היא 780px בפיגמה — רחבה מהאזור המרופד של השורה,
   וגולשת 16px שמאלה. עם 712px בלבד הטקסט נשבר לשתי שורות במקום אחת. */
.lnr .faq-a{border-radius:15px;background:rgba(144,1,0,.1);
  padding:14px 52px 14px 0;min-height:81px;display:none}
.lnr .faq-a p{flex:0 0 auto;width:780px}
.lnr .faq-m .faq-a p{width:297px}
/* בפיגמה קופסת התשובה במובייל היא 81px בדיוק (Rectangle 2611 ב-y=7789),
   והרווחים סביבה 15px. min-height:0 כיווץ אותה ל-58 והרים את כל מה שמתחת ב-23px. */
.lnr .faq-m .faq-a{padding:10px 38px 10px 0;min-height:81px}
.lnr .faq-m,.lnr .faq-m .faq-i{gap:15px}
.lnr .faq-i.is-open .faq-a{display:flex;align-items:center}
.lnr .faq-a p{margin:0}

/* ---------- "+" בקורס המשולב ---------- */
.lnr .plus{display:grid;place-items:center;width:69px;height:69px;border-radius:50%;
  background:var(--ink)}
.lnr .plus i{position:relative;width:34px;height:34px}
.lnr .plus i::before,.lnr .plus i::after{content:"";position:absolute;left:50%;top:50%;
  background:linear-gradient(72deg,#000 0%,var(--red) 100%);border-radius:2px}
.lnr .plus i::before{width:8px;height:34px;transform:translate(-50%,-50%)}
.lnr .plus i::after{width:34px;height:8px;transform:translate(-50%,-50%)}

/* זוהר סקשן השו״ת במובייל — משחזר את ה-LAYER_BLUR שנחתך בייצוא הצומת */
.lnr .faq-glow{border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(144,1,0,.85),rgba(144,1,0,0) 78%);
  filter:blur(70px)}

/* ---------- פוטר ---------- */
.lnr-footer{background:#000;color:var(--ink);direction:rtl;text-align:center;
  padding:46px 24px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;
  border-top:1px solid rgba(144,1,0,.45);font-family:'TelAviv',system-ui,sans-serif}
.lnr-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
  font-size:16px;line-height:24px;font-weight:300}
.lnr-footer-links a{color:var(--ink);text-decoration:none;opacity:.82;transition:opacity .2s ease}
.lnr-footer-links a:hover{opacity:1;text-decoration:underline}
.lnr-footer-links span{opacity:.35}
.lnr-footer-copy{margin:0;font-size:14px;line-height:22px;font-weight:300;opacity:.62}
.lnr-footer-by{display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  direction:ltr;margin-top:6px;opacity:.72;transition:opacity .2s ease}
.lnr-footer-by:hover{opacity:1}
.lnr-footer-by span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.lnr-footer-by img{height:19px;width:auto;display:block}
@media (max-width:900px){
  .lnr-footer{padding:34px 20px 30px;gap:13px}
  .lnr-footer-links{font-size:14px;gap:9px}
  .lnr-footer-by img{height:16px}
}

/* ---------- פופ-אפ סילבוס ---------- */
.lnr-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;
  direction:rtl}
.lnr-modal[hidden]{display:none}
.lnr-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(6px)}
.lnr-modal-box{position:relative;width:min(680px,100%);max-height:82vh;overflow:auto;
  border-radius:15px;padding:34px 38px;color:#FEFEFE;
  background:linear-gradient(257deg,rgba(20,0,0,.96) 0%,rgba(60,1,0,.96) 48%,rgba(20,0,0,.96) 100%);
  font-family:'TelAviv',sans-serif}
/* dvh ולא vh: בספארי של האייפון סרגל הדפדפן גוזל גובה, ו-82vh נמשך מתחתיו.
   ה-vh נשאר כגיבוי לדפדפן שלא מכיר dvh. */
@supports (max-height:1dvh){ .lnr-modal-box{max-height:82dvh} }
.lnr-modal-box h3{margin:0 0 18px;font-size:32px;line-height:40px;font-weight:400}
.lnr-modal-box .bullets li{margin-bottom:10px;font-size:17px;line-height:26px}
/* ה-X היה `absolute; top:10px` **בתוך** הקופסה הנגללת, ולכן בגלילה הוא יצא
   מהמסך ואי אפשר היה לסגור את החלון בטלפון (גילי, 50:53). `sticky` משאיר
   אותו על המסך כל עוד החלון פתוח, ושטח הנגיעה עלה ל-44px לפי התקן. */
.lnr-modal-x{position:sticky;top:0;float:inline-end;z-index:2;
  width:44px;height:44px;display:grid;place-items:center;
  margin:-18px -22px 0 0;background:rgba(10,0,0,.72);border:0;border-radius:50%;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  color:#fff;font-size:30px;line-height:1;cursor:pointer;opacity:.9}
.lnr-modal-x:hover,.lnr-modal-x:focus-visible{opacity:1}
@media (max-width:900px){
  .lnr-modal{padding:14px}
  .lnr-modal-box{padding:22px 20px}
  .lnr-modal-x{margin:-10px -8px 0 0}
}

/* ---------- קרוסלה במובייל ---------- */
.lnr .rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none}
.lnr .rail::-webkit-scrollbar{display:none}
.lnr .rail-i{flex:0 0 100%;scroll-snap-align:center;position:relative;height:100%}
.lnr .rail-nav{width:32px;height:31px;border:0;background:none;cursor:pointer;padding:0;
  top:196px;filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}
.lnr .rail-nav::before{content:"";display:block;width:16px;height:16px;margin:0 auto;
  border-top:3px solid var(--ink);border-inline-end:3px solid var(--ink)}
.lnr .rail-nav.next{left:8px}
.lnr .rail-nav.next::before{transform:rotate(-135deg)}
.lnr .rail-nav.prev{left:354px}
.lnr .rail-nav.prev::before{transform:rotate(45deg)}

/* ---------- מתגי דסקטופ / מובייל ---------- */
.lnr .lnr-m{display:none}
@media (max-width:900px){
  .lnr .lnr-d{display:none}
  .lnr .lnr-m{display:block}
}

@media (prefers-reduced-motion:reduce){
  .lnr *{transition:none!important;animation:none!important}
}

/* =========================================================
   אפקטי תנועה
   כלל ברזל: מצב הבסיס הוא **גלוי**. רק אלמנט שקיבל `pre` מ-JS
   מוסתר, וגם אז ה-observer חד-פעמי + רשת ביטחון בטיימר — כדי
   שתוכן לעולם לא ייתקע בלתי-נראה.
   ========================================================= */
.lnr .rise{transition:opacity .62s cubic-bezier(.22,.61,.36,1),
           transform .62s cubic-bezier(.22,.61,.36,1);
           transition-delay:var(--d,0ms)}
.lnr .rise.pre{opacity:0;transform:translateY(26px)}
.lnr .rise.in{opacity:1;transform:none}

/* כרטיס שנכנס עם קנה מידה עדין */
.lnr .pop.pre{opacity:0;transform:translateY(18px) scale(.975)}
.lnr .pop.in{opacity:1;transform:none}

/* נשימת הזוהר — הפס האדום והזוהר בהירו */
@keyframes lnr-breathe{
  0%,100%{opacity:.78;transform:scale(1)}
  50%{opacity:1;transform:scale(1.045)}
}
.lnr .glow-bar{animation:lnr-breathe 7.5s ease-in-out infinite}

/* פעימה עדינה סביב כפתור ה-CTA הראשי */
@keyframes lnr-pulse{
  0%{box-shadow:0 0 0 0 rgba(144,1,0,.55)}
  70%{box-shadow:0 0 0 16px rgba(144,1,0,0)}
  100%{box-shadow:0 0 0 0 rgba(144,1,0,0)}
}
.lnr .pill.cta{animation:lnr-pulse 3.4s ease-out infinite}
.lnr .pill.cta:hover{animation-play-state:paused}

/* מיקרו-אינטראקציות */
.lnr .pill .pill-dot{transition:transform .25s cubic-bezier(.22,.61,.36,1)}
.lnr .pill:hover .pill-dot{transform:translateY(-50%) translateX(-4px)}
.lnr .card,.lnr .icard,.lnr .vcard{transition:transform .3s cubic-bezier(.22,.61,.36,1),
                                   box-shadow .3s ease}
.lnr .lift:hover{transform:translateY(-4px)}
.lnr .icard.lift:hover{box-shadow:0 0 60px rgba(144,1,0,.34)}
.lnr .shot{transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.lnr .shot:hover{transform:translateY(-4px) scale(1.02)}
.lnr .vplay{transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease}
.lnr .vcard:hover .vplay{transform:translate(-50%,-50%) scale(1.12);filter:brightness(1.25)}
/* ההזזה הייתה על המצב הפתוח — והשאלה הראשונה פתוחה כברירת מחדל, כך שהיא
   ישבה 6px מהמקום בפיגמה. עברה ל-hover בלבד: אינדיקציה בלי לפגוע בדיוק. */
.lnr .faq-q span{transition:transform .25s ease}
.lnr .faq-q:hover span{transform:translateX(-6px)}
.lnr .chk{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.lnr .fitrow:hover .chk{transform:scale(1.12)}

/* תשובת השו״ת נפתחת בהחלקה */
.lnr .faq-a{overflow:hidden}
.lnr .faq-i.is-open .faq-a{animation:lnr-slide .34s cubic-bezier(.22,.61,.36,1)}
@keyframes lnr-slide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* אין תנועה — מכבד את העדפת המערכת וגם את המתג בפאנל */
@media (prefers-reduced-motion:reduce){
  .lnr .rise,.lnr .pop{transition:none!important}
  .lnr .rise.pre,.lnr .pop.pre{opacity:1!important;transform:none!important}
  .lnr .glow-bar,.lnr .pill.cta{animation:none!important}
  .lnr *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}
.lnr.no-anim .rise,.lnr.no-anim .pop{transition:none!important;opacity:1!important;transform:none!important}
.lnr.no-anim .glow-bar,.lnr.no-anim .pill.cta{animation:none!important}

/* גלילה רכה לעוגנים פנימיים */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- סילבוס: כותרת שיעור מול נושא שבתוכו ---------- */
/* כל השורות היו אותו תבליט, ולכן סילבוס של 5 שיעורים נקרא כמו 40
   (גילי, 39:45). הכותרת בולטת, והנושאים מוזחים ובפונט קטן יותר. */
.lnr-modal-box .bullets li.syl-h{list-style:none;margin:22px 0 8px;
  font-family:'TelAviv',sans-serif;font-size:19px;line-height:27px;font-weight:700}
.lnr-modal-box .bullets li.syl-h:first-child{margin-top:0}
.lnr-modal-box .bullets li.syl-t{margin-inline-start:18px;margin-bottom:6px;
  font-size:15px;line-height:23px;opacity:.86}