/* NDIGIT v2 · שכבת מובייל משותפת לכל העמודים (נטענת אחרונה).
   המפרט שאושר (נתי 28.09): 72px בין פרקים, 24 מכותרת לתוכן, 16 בין פסקאות, 12 בין תמונות, 8 מתמונה לכיתוב.
   שישה גדלי טקסט בלבד: 12 · 14 · 16 · 20 · 30 · 46. אזורי לחיצה 44px ומעלה. 0% חיתוך של עבודות */
@media (max-width: 760px) {
  /* ---------- סולם הגדלים (נתי 28.09): שש מדרגות, כל אלמנט יושב על אחת מהן.
     גופן התצוגה (Karantina) צר, ולכן הכותרות גדולות פי 2.5 ומעלה מהטקסט הרץ. טקסט רץ לעולם לא מעל 16, כותרת לעולם לא מתחת ל־26 ---------- */
  :root { --t0: 84px; --t1: 64px; --t2: 52px; --t3: 26px; --tb: 16px; --ts: 14px; --tl: 12px; }

  /* ---------- קצב: 36 למעלה + 36 למטה = 72 בין פרקים ---------- */
  .cs-sec, .cs-out, .cs-next, .tz-band, .tz-proj { padding-top: 36px !important; padding-bottom: 36px !important; }
  .cs-out { margin-top: 0; }
  .cs-hero { padding-top: 88px; }
  .cs-head { gap: 16px; }
  .cs-head, .cp-client { margin-bottom: 24px; }
  .cp-sub, .re-more, .re-ft, .re-asp, .re-ver, .re-feature, .re-proof { margin-top: 48px !important; }
  .cs-p + .cs-p { margin-top: 16px; }
  figcaption { margin-top: 8px; }

  /* ---------- שישה גדלים ---------- */
  .cs-h { font-size: var(--t1); line-height: .92; }
  .cs-h2, .cs-big, .cp-sub, .tz-proj p b { font-size: var(--t2); line-height: 1; }
  .cs-h3, .re-a b, .re-ft b, .il-name, .nw-txt b { font-size: var(--t3); line-height: 1.1; }
  .cs-lead, .re-intro, .tz-two { font-size: var(--tb); line-height: 1.65; }
  .cs-p, .hg-cap, .c2-copy .cs-p, .il-side .cs-p { font-size: var(--tb); line-height: 1.65; }
  .cs-meta dd, .cp-meta dd, .cp-sub span, .re-a small, .re-ft p:not(.cs-k), .cs-toc a, .nw-h, .gm-note, .tz-lib-note, .re-grid figcaption { font-size: var(--ts); }
  .cs-k, .cs-meta dt, .cp-meta dt, .cp-tags li, .cp-n, .re-an, .fmt span, .il-row span, .il-mocks figcaption, .il-ratio, .il-stops, .cs-cover.rot .rs span, .nw-txt .k { font-size: var(--tl); }
  .cs-k { margin-bottom: 12px; }

  /* ---------- אזורי לחיצה ---------- */
  .top-cta, .top-menu { min-height: 44px; }
  .top-menu { min-width: 44px; }
  .cs-back { display: inline-flex; align-items: center; min-height: 44px; }
  .cs-toc a, .tz-toc .tz-tp { min-height: 44px; }
  .foot-bottom a { display: inline-flex; align-items: center; min-height: 44px; }
  .gm-marks-btn, .re-vbtns button, .pz-reset, .so-copy, .xr-pause, .sv-more, .text-link { min-height: 44px; }
  .chat-pick { min-height: 44px; }
  .rl-arr { min-width: 44px; min-height: 44px; }
  .il-range { height: 44px; }

  /* ---------- פתיחה: התמונה מיד אחרי הכותרת, ואז הטקסט והפרטים בטבלה קומפקטית ---------- */
  .cs-hero-in { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
  .cs-hero-in > .cs-back { order: 0; } .cs-hero-in > .tz-two { order: 1; } .cs-hero-in > .cs-h { order: 2; margin-top: 0; }
  .cs-hero-in > .cs-cover { order: 3; margin: 4px 0 0; }
  .cs-hero-in > .cs-lead { order: 4; margin: 0; } .cs-hero-in > .cs-meta { order: 5; }
  .cs-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 0; padding: 16px 0 24px; }
  .cs-meta dd { margin-top: 2px; line-height: 1.35; }
  .cs-word { top: -10px; }

  /* ---------- סצנות: כל סרטון/תמונה ביחס שלו, בלי חיתוך ---------- */
  .scenes { gap: 12px; margin-top: 24px; }
  .scenes li { height: auto; }
  .scenes img, .scenes video { height: auto; object-fit: contain; }
  .scenes span { margin-top: 8px; }

  /* ---------- "מה יצא מזה": פס שמחליקים ביד, כולם באותו גובה וביחס שלהם (לא גריד שחותך ומשאיר חורים) ---------- */
  .fmt, .cp .fmt { display: flex !important; gap: 12px; margin: 24px -20px 0; padding: 0 20px 6px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .fmt::-webkit-scrollbar { display: none; }
  .fmt li, .cp .fmt li { flex: none; height: 240px !important; width: auto; aspect-ratio: auto; order: 0 !important; scroll-snap-align: start; }
  .fmt img, .fmt video { width: auto !important; height: 100% !important; object-fit: contain !important; }

  /* ---------- 0% חיתוך בתמונות עבודה שנחתכו במובייל (נמדד 28.09) ---------- */
  .gd-bts img, .tz-band-img img, .nzs .tiles img, .nzs figure > img { aspect-ratio: auto !important; height: auto !important; object-fit: contain !important; }
  .cs-nextwork .nw-img { background: rgba(255,255,255,.06); } .cs-nextwork .nw-img img { object-fit: contain; }
  .cs-cover.rot .rs img, .cs-cover.rot .rs video { object-fit: contain; }
  .cs-cover.rot { aspect-ratio: 4 / 3; background: rgba(0,0,0,.18); }

  /* ---------- מילה המעוטרת ברקע לא בורחת מהמסך ---------- */
  .cs-word { max-width: 100%; overflow: hidden; }

  /* ---------- תהליך: פחות גלילה לכל עמוד במחברת ---------- */
  .nb-rail { height: 400vh; }

  /* ---------- דף הבית: אותו סולם של שישה גדלים (12 · 14 · 16 · 20 · 30 · 46) ---------- */
  .hx h1, main:not(.case) > section h2:not(.small-h), .sv-h, .nb-h, .xr-h, .fqs-h { font-size: var(--t1) !important; line-height: .95 !important; }
  main:not(.case) > section h2 :is(span, b, em, i):not(.hx-dot):not(.wh-small), .hx h1 :is(span, b, i:not(.hx-dot)) { font-size: inherit !important; }
  main:not(.case) > section h3, .sv-q, .rl-client, .fd-h, .so-name, .pg-t, main:not(.case) h4 { font-size: var(--t2) !important; line-height: 1 !important; }
  main:not(.case) > section h3 :is(span, b), main:not(.case) h4 :is(span, b, mark) { font-size: inherit !important; }
  .sf-n { font-size: var(--t3) !important; }
  .stamp, .sv-lead, .hx-sub, .nb-intro, .rl-intro { font-size: var(--tb) !important; line-height: 1.6 !important; }
  .sv-p, .sv-alt, .xr-q, .fqs-p, .fq-q, .fq-a, .xr-intro, .rl-line, .abx-bio p, .sv-pick, .fd-client, .step2, .sv-more, .so-arr, .hw { font-size: var(--tb) !important; }
  .wh-small { font-size: var(--tb) !important; line-height: 1.6 !important; }
  .small-h, .sv-tag, .abx-role, .pz-now, .note, .sec-k, .abx-eyebrow, .kt-hint, .rl-who, .xr-av, .fd-go { font-size: var(--ts) !important; }
  .hx-by, .hx-lab, .text-link, .sv-kit-n, .sv-here, .cap, .rl-n, .rl-top, .xr-src, .xr-meta, .xr-app, .kt-v, .rl-av, .btn, .so-what small { font-size: var(--tl) !important; }
  .btn { font-size: var(--ts) !important; }
  .sv-said, .so-k, .so-what { font-size: var(--ts) !important; }
  .sf-l b, .sv-said b { font-size: var(--tb) !important; }
  .kt-b b, .so-copy, .chat-st { font-size: var(--tl) !important; }
  #process .k b { font-size: var(--t3) !important; }
  /* טקסט שבתוך איורים (דפי המחברת, כרטיסי ה־hero) הוא חלק מהציור ולא נכנס לסולם */
  /* מי אני: הפס מתחת לדיוקן קצר יותר מהפלטה הישנה, אז פחות רווח מת */
  .abx .abx-portrait.eye { margin-bottom: 84px; }
  .pz-bar { top: calc(100% + 12px); }
  /* רשתות: שם וחץ בשורה אחת, התיאור מתחת לשם, התמונה הקטנה בצד. בלי טקסט שנשבר לשלוש שורות */
  .so-row { grid-template-columns: 44px minmax(0, 1fr) 44px !important; grid-template-areas: "ic name arr" "ic what arr"; gap: 4px 14px !important; padding: 14px 4px !important; }
  .so-ic { grid-area: ic; width: 44px; height: 44px; }
  .so-name { grid-area: name; }
  .so-what { grid-area: what; }
  .so-arr { grid-area: arr; }
  .so-list li:has(.so-phone, .so-card) .so-row { padding-left: 4px !important; }
  .so-list li:has(.so-phone, .so-card) .so-what { padding-left: 84px; }
  .so-list li:has(.so-phone) .so-pop, .so-list li:has(.so-card) .so-pop { left: 60px !important; transform: translateY(-50%) rotate(-6deg) scale(.34) !important; }
  /* נדל״ן: ההיבטים כארבעה כפתורים (2×2) מעל הבמה, כדי שהבחירה והפוסט ייכנסו במסך אחד */
  .re-asp { gap: 12px !important; }
  .re-alist { grid-template-columns: 1fr 1fr; gap: 8px; }
  .re-a { grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; min-height: 52px; padding: 10px 12px !important; align-items: center; }
  .re-a small { display: none; }
  .re-an { grid-row: auto; font-size: var(--tl); }
  .re-a b { font-size: var(--tb) !important; }

  /* ---------- הצמדה לסולם של כל מה שנשאר מחוץ לו (נמדד בכל 7 העמודים). חריגים: הגב של כרטיס GOLDA, דפי המחברת וכרטיסי ה־hero, שהם איור ---------- */
  .cmp-l, .tz-lib figcaption, .gd-ref figcaption, .gd-kn span, .gd-drag-hint, .cs-sec dt, .nz-real, .nz-arrow, .hg-tag, .hg-tag span, .gm-key span, .gm-marks-btn, .vtl-now b, .xr-pause span, .xr-name span, .tz-lib figcaption i { font-size: var(--tl) !important; }
  .cs-back, .sk-sort-a, .gd-flow span, .gd-same, .gd-sub, .gd-count, .gd-bts figcaption, .gd-reel figcaption, .nw-h, .nz-toggle button, .vp-k span, .re-vbtns button, .xr-name b, .nz-stories p { font-size: var(--ts) !important; }
  .cs-p, .cs-p b, .pains legend, .gd-said-sub, .tz-key b, .nz-more, .nz-proof p, .vp-res-copy p, .nz-sum, .nz-sum b, .tz-toc .tz-tp, .nz-stories p b { font-size: var(--tb) !important; }
  .nw-txt b, .gd-name, .nz-side h3 { font-size: var(--t3) !important; line-height: 1.05 !important; }
  .nz-proof q { font-size: var(--t2) !important; line-height: 1 !important; }
  .tz-pn, .so-handle span { font-size: var(--t1) !important; }
  .three li b, .vp-copy .vp-k, .sw5 li b { font-size: var(--t3) !important; line-height: 1.05 !important; }
  .tz-proj p, .tz-tp span { font-size: var(--tb) !important; }
  .cs-meta dt, dt { font-size: var(--tl) !important; }

  /* ---------- נתי: כותרות הפרקים גדולות משמעותית, וה־HERO הכי גדול באתר (--t0) ---------- */
  .hx h1 { font-size: var(--t0) !important; line-height: .88 !important; }

  /* ---------- סרטונים בדף הבית: המרווח לצל של הטלפון לא מושך את הכיתוב מעל הטלפון ---------- */
  .rl-grid .rl-view { padding-bottom: 40px !important; margin-bottom: -16px !important; }

  /* ---------- קצב בדף הבית: 72 בין סקשנים (36+36), בלי שטחים מתים ---------- */
  .clients, .works, .services, .rl, .about, .xr, .fqs, .contact, .so { padding-top: 36px !important; padding-bottom: 36px !important; }
  .abx .abx-portrait.eye { margin-bottom: 72px; }
  .abx-bio p:last-child { margin-bottom: 0; }

  /* ---------- בלי מילה לבד בשורה: הדפדפן מאזן את השורה האחרונה ---------- */
  p, li, blockquote, figcaption, dd, .cs-lead { text-wrap: pretty; }
  h1, h2, h3, h4, .cs-h, .cs-h2, .cs-h3, .cp-sub { text-wrap: balance; }

  /* ---------- סבב QA 28.09: מילה לבד, רווחים, חיתוך ---------- */
  /* שבירת השורה הקשיחה בכותרות השאירה מילה אחת בשורה השנייה ("לשווק?", "בתנועה."). במובייל הדפדפן מאזן לבד */
  .cs-h br, .cs-h2 br, .cs-h3 br, .cp-sub br { display: none; }
  .cs-meta dd { text-wrap: balance; }
  .hx-pc figcaption, .hx-pc span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /* SKIN: רווח עודף לפני "מה כן היה שם" */
  .rule { margin-top: 48px !important; padding-top: 0 !important; }
  .sw5 { margin-top: 24px !important; }
  /* תמונות עבודה בקולאז' של הפתיחה ובכרטיס ביהנס: שלמות */
  .hx-pc img, .so-card img { object-fit: contain !important; background: #fff; }
  .vp { margin-top: 48px !important; padding-top: 24px !important; gap: 48px !important; }
  .nb-head { padding-top: 36px !important; }
  /* SKIN, "אותה חוקיות": כרטיסי הקו בשתי עמודות. כל תמונה שלמה, באותו גובה בשורה */
  .comp img { aspect-ratio: 1 !important; height: auto !important; object-fit: contain !important; background: #111210; }
  /* שירותים: 4 רכיבים גלויים, השאר בלחיצה על "עוד" */
  .sv3 .sv-kit:not(.all) .kt.extra { display: none !important; }
  .kt-more { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 12px; padding: 0 18px; border: 1.5px solid #0b0b0a; border-radius: 99px; background: none; color: #0b0b0a; font: 700 14px/1 var(--text); cursor: pointer; }
  .kt-more[hidden] { display: none; }
}
@media (max-width: 760px) {
  /* עבודות: פס שמחליקים עם הצצה לתיקייה הבאה, במקום רשימה של 2,300px */
  .folders { display: flex !important; gap: 16px !important; margin: 0; padding: 44px 0 24px !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
  .folders::-webkit-scrollbar { display: none; }
  .folders > li { flex: 0 0 82%; scroll-snap-align: center; }
  .fd-h { font-size: var(--t3) !important; line-height: 1.02 !important; }
  .fd-client { font-size: var(--tl) !important; }
  .fd-t { left: 18% !important; bottom: 11% !important; }
}
@media (min-width: 761px) { .kt-more { display: none !important; } }

/* ===== מובייל: חלקים עם מעט טקסט במרכז (נתי 29.09). פסקאות ארוכות נשארות מיושרות לימין ===== */
@media (max-width: 760px) {
  #clients .small-h, .works-head, .sv-head, .nb-head, .rl-head, .xr-head, .fqs-copy, .contact-copy { text-align: center; }
  .xr-side { justify-items: center; }
  .works-head, .sv-head, .nb-head, .rl-head, .xr-head { justify-content: center; }
  .xr-intro, .fqs-p, .contact-copy .lead, .sv-lead, .nb-head p, .rl-head p { margin-inline: auto; }
  .cs-big, .cp-sub, .gd-said, .gd-said-sub, .nz-sum, .vp-title, .gd-took-head, .cs-nextwork .nw-txt { text-align: center; margin-inline: auto; }
  .cp-sub span { display: block; }
}
/* עבודות: תיקיות שזזות עם הגלילה (js/works-pin.js) */
@media (max-width: 760px) {
  .fd-track { position: relative; }
  .fd-pin { position: sticky; top: 76px; height: calc(100svh - 76px); display: flex; align-items: center; overflow: hidden; }
  .fd-pin .folders { width: 100%; scroll-snap-type: none !important; }
}

/* ===== "מה אני עושה" במובייל: סולם טקסט אחד, כרטיסים אחד מתחת לשני ברוחב המיתוג, תיקיות וערכה קומפקטיות (נתי 29.09) ===== */
@media (max-width: 760px) {
  .sv3 .sv-doors { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; overflow: visible !important; padding: 0 !important; margin: 14px 0 0 !important; scroll-snap-type: none !important; }
  .sv3 .sv-doors > * { width: auto !important; flex: none !important; min-width: 0 !important; margin: 0 !important; }
  .sv3 .sv-tag { font-size: 12px !important; letter-spacing: .06em; margin-bottom: 6px !important; }
  .sv3 .sv-h { font-size: 44px !important; line-height: .95 !important; }
  .sv3 .sv-p, .sv3 .sv-alt { font-size: 15.5px !important; line-height: 1.6 !important; }
  .sv3 .sv-alt { margin-top: 12px !important; padding-top: 12px !important; }
  .sv3 .sv-doors .sv-ic { width: 52px !important; height: 52px !important; }
  .sv-q, .sv3 .sv-kit-h > span { font: 700 22px/1.1 var(--display) !important; text-align: center; }
  .sv-where { padding-block: 26px 10px !important; }
  .sv-picks { gap: 8px !important; }
  .sv-pick { min-height: 44px !important; padding-block: 8px !important; font-size: 14.5px !important; }
  /* תיקיות הרמות: רק שם הרמה, התיאור רק בנבחרת */
  .sv-files { gap: 8px !important; }
  .sv-file .sf-art { transform: scale(.82); transform-origin: bottom center; }
  .sv-file .sf-l b, .sv-file .sf-d { display: none !important; }
  .sv-file .sf-l span { font-size: 15px !important; font-weight: 700; }
  .sv-file[aria-selected="true"] .sf-l span { color: var(--coal); }
  .sv-kit { margin-top: 14px !important; padding: 16px 14px !important; }
  .sv-kit-h { flex-direction: column; align-items: center !important; gap: 6px !important; text-align: center; }
  .kt-grid { gap: 8px !important; }
  .kt-more { border: 1px solid rgba(11,11,10,.2) !important; outline: 0 !important; box-shadow: none !important; min-height: 44px !important; }
  .sv-foot { display: flex; justify-content: center; }
}

/* ===== דף הבית מובייל, סבב 29.09 ערב ===== */
@media (max-width: 760px) {
  /* כפתור בודד באמצע */
  .sv-foot, .rl-all-wrap, .contact .btn-big { justify-self: center; }
  .sv-foot { justify-content: center !important; text-align: center; }
  /* מי אני: המספרים ממורכזים מעל הטקסט שלהם */
  .abx-stats { grid-template-columns: repeat(3, 1fr) !important; }
  .abx-stats > div { display: flex; flex-direction: column; align-items: center; text-align: center; padding-inline: 6px !important; }
  .abx-stats dt { width: 100%; text-align: center; }
  .abx-stats dd { font-size: 12px !important; line-height: 1.35; text-wrap: balance; }
  /* סרטונים: במקום הפרטים, כפתור אחד */
  .rl-foot { display: none !important; }
  .rl-all { display: flex !important; width: fit-content; margin: 22px auto 0; }
  /* המלצות: כרטיסים קטנים יותר, גובה לפי התוכן */
  .xr-track { align-items: flex-start !important; }
  .xr-track .xr-card { width: 250px !important; padding: 16px 16px 14px !important; gap: 10px !important; }
  .xr-track .xr-q, .xr-track .xr-q.xr-big { font-size: 14.5px !important; line-height: 1.6 !important; }
  .xr-track .xr-who { padding-top: 10px !important; }
  .xr-track .xr-av { width: 30px !important; height: 30px !important; font-size: 14px !important; }
  /* טופס: בלי רווח מיותר בין 1 ל־2, ותפריט הבחירה כהה */
  .pn-reply:not(.on) { padding: 0 !important; margin: 0 !important; min-height: 0 !important; height: 0; overflow: hidden; }
  .step2 { margin-top: 24px !important; }
  .pn-toggle { background: #151612 !important; color: var(--bone) !important; border: 1px solid #3a3c33 !important; }
  .pn-toggle i { color: var(--lime); font-style: normal; }
  /* רשתות: בלי הפופאפים שעולים על הכותרת, שמות קטנים יותר */
  .so-pop { display: none !important; }
  .so-name { font-size: 40px !important; }
  .so-row { gap: 4px 12px !important; }
  .so-ic { width: 44px !important; height: 44px !important; }
  .so-arr { width: 40px !important; height: 40px !important; }
  .so-bg { color: rgba(11,11,10,.035) !important; }
  .so-copy { justify-self: center; margin-inline: auto; }
}
@media (min-width: 761px) { .rl-all { display: none !important; } }

/* ===== עמודי עבודות במובייל (נתי 29.09): הכול ממורכז, וסולם טקסט אחד לכל ששת העמודים =====
   כותרת עמוד 56 · כותרת פרק 44 · כותרת משנה 30 · תווית 12 · טקסט 16 · כיתוב 13 */
@media (max-width: 760px) {
  main.case { text-align: center; }
  main.case .cs-head, main.case .cs-hero-in, main.case .c2-grid, main.case .vp-step, main.case .vp-copy, main.case .re-vtxt, main.case .cp-grid { justify-items: center; }
  main.case .cs-k, main.case .cs-toc, main.case .cp-tags, main.case .cs-cta, main.case .nz-toggle, main.case .re-vbtns, main.case .vp-k { justify-content: center; margin-inline: auto; }
  main.case .cs-meta, main.case .cp-meta { justify-items: center; text-align: center; }
  main.case .cs-meta > div, main.case .cp-meta > div { justify-items: center; }
  main.case :is(.cs-p, .cs-lead, .vp-cap, .vp-res-copy p, .gd-said-sub, .nz-sum) { margin-inline: auto; }
  main.case .cs-back { justify-content: center; }
  main.case img, main.case video { margin-inline: auto; }
  /* סולם */
  main.case .cs-h { font-size: 56px !important; line-height: .92 !important; }
  main.case .cs-h2 { font-size: 44px !important; line-height: .95 !important; }
  main.case :is(.cs-h3, .cp-sub, .vp-title, .nz-side h3, .gd-took-head .cs-h3, .re-vtxt h3) { font-size: 30px !important; line-height: 1 !important; }
  main.case .cs-big, main.case .gd-said { font-size: 34px !important; line-height: 1.02 !important; }
  main.case :is(.cs-k, .vp-lbl, .nz-side .t, .gd-kn span) { font-size: 12px !important; letter-spacing: .06em; }
  main.case :is(.cs-p, .cs-lead, .vp-cap, .vp-res-copy > p:not(.vp-lbl), .gd-kp, .nz-side p, .gd-said-sub, .nz-sum, .cp-grid p) { font-size: 16px !important; line-height: 1.65 !important; }
  main.case :is(figcaption, .cs-meta dt, .cs-meta dd, .cp-meta dt, .cp-meta dd, .vp-facts dt, .vp-facts dd, .nz-cap) { font-size: 13px !important; }
  main.case .vp-facts div { grid-template-columns: 1fr 1fr; text-align: center; }
}
/* עבודות מובייל: שלוש בשורה יוצא קטן מדי, עוברים לשתיים (נתי 29.09) */
@media (max-width: 760px) {
  main.case .gm-grid.gm-3 { grid-template-columns: repeat(2, 1fr) !important; }
}
/* "איפה אתם עומדים" במובייל: כותרת ממורכזת לכל הרוחב, בלי הרווח הגדול, וכל תשובה בשורה אחת (נתי 29.09) */
@media (max-width: 760px) {
  .sv-where { margin-top: 30px !important; padding-top: 10px !important; flex-direction: column; align-items: stretch; }
  .sv-q { width: 100%; margin: 0 0 12px !important; text-align: center !important; }
  .sv-head .sec-k { justify-content: center; }
  .sv-pick { padding-inline: 14px 12px !important; gap: 10px !important; font-size: 14px !important; white-space: nowrap; letter-spacing: -.01em; justify-content: center; }
}
@media (max-width: 760px) {
  .fd-pin { height: auto !important; display: block !important; padding-block: 8px; }
  .fd-pin .folders { padding-top: 24px !important; padding-bottom: 16px !important; }
}
/* סבב 29.09 לילה: מחברת, אוויר אחרי התהליך, שורת הפוטר */
@media (max-width: 760px) {
  .nb-scene .apps { gap: 4cqw; margin-top: 0; }
  .nb-scene .apps .col { gap: 5cqw; padding-top: 2cqw; }
  .nb-scene .pg { padding-bottom: 4%; }
  .nb { padding-bottom: 90px; }
  .foot-bottom { flex-direction: column; align-items: center; justify-content: center; gap: 10px !important; text-align: center; }
  .foot-bottom > * { margin: 0 !important; line-height: 1.4; }
}
/* המלצות במובייל: כל הכרטיסים באותו גובה, ויותר אוויר בפנים (נתי 29.09) */
@media (max-width: 760px) {
  .xr-track { align-items: stretch !important; }
  .xr-track .xr-card { padding: 22px 20px 18px !important; gap: 16px !important; display: flex !important; flex-direction: column; }
  .xr-track .xr-who { margin-top: auto; padding-top: 14px !important; }
  .xr-track .xr-q, .xr-track .xr-q.xr-big { line-height: 1.7 !important; }
  .xr { padding-bottom: 70px !important; }
}
/* "איפה אתם עומדים" לא עובד טוב במובייל: יורד שם לגמרי (נתי 29.09) */
@media (max-width: 760px) { .sv-where { display: none !important; } }
/* הצל של התיקיות לא נחתך בתחתית (נתי 29.09) */
@media (max-width: 760px) {
  .fd-pin { overflow: visible !important; }
  .fd-pin .folders { padding-bottom: 56px !important; margin-bottom: -30px !important; }
}
/* Grok 29.09: מסך נמוך — כותרת העבודות קטנה יותר בזמן הנעילה */
@media (max-width: 760px) {
  .fd-pin.tight .works-head .wh-small { display: none; }
  .fd-pin.tight .works-h { font-size: 40px !important; }
  .fd-pin.tight .works-head { padding-top: 0 !important; }
}
/* יעדי לחיצה של 44px לפחות */
.rl-sound::after { content: ""; position: absolute; inset: -10px; }
.top .logo, header.top > a:first-child { display: inline-flex; align-items: center; min-height: 44px; }
.nd-consent a { display: inline-block; padding-block: 10px; }
/* פוטר מובייל: שורת זכויות, ומתחתיה שני הקישורים באותה שורה, בלי רווחים מוגזמים (נתי 29.09) */
@media (max-width: 760px) {
  .foot-bottom { flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 0 22px !important; padding-block: 14px 6px !important; }
  .foot-bottom > span { flex-basis: 100%; margin-bottom: 2px !important; }
  .foot-bottom a { min-height: 40px; }
}
/* ערכה במובייל: 4 בשורה, גם כשפותחים את כל הרכיבים (נתי 30.09) */
@media (max-width: 760px) {
  .sv3 .sv-kit .kt-grid, .sv3 .sv-kit[data-lv] .kt-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px 4px !important; }
  .sv3 .kt-clay { width: 54px; height: 54px; border-radius: 16px; }
  .sv3 .kt-b b { font-size: 12px; }
}
@media (max-width: 760px) {
  .sv3 .sv-kit .kt-grid, .sv3 .sv-kit[data-lv] .kt-grid { display: flex !important; flex-wrap: wrap; justify-content: center; }
  .sv3 .sv-kit .kt-grid > .kt { flex: 0 0 25%; }
}
/* רשתות במובייל (נתי 30.09): האלמנטים הקופצים חוזרים, קטנים, בין החץ לטקסט; הטקסטים קטנים יותר כדי לפנות להם מקום */
@media (max-width: 760px) {
  .so-pop { display: block !important; left: 52px !important; transform: translateY(-50%) rotate(-10deg) scale(.3) !important; transform-origin: 0 50% !important; }
  .so-row:hover .so-pop, .so-row:focus-visible .so-pop, .so-row:active .so-pop { opacity: 1; transform: translateY(-55%) rotate(-5deg) scale(.42) !important; }
  .so-pop em { display: none; }
  .so-name { font-size: 32px !important; }
  .so-what { font-size: 13px !important; line-height: 1.35 !important; }
  .so-what small { font-size: 11px !important; }
  .so-row { grid-template-columns: 44px 1fr auto !important; }
}
/* מחברת במסך נמוך: בלי הפסקה, רק הכותרת ו"יוצאים עם", כדי שהכול ייכנס במסך */
@media (max-width: 899px) and (max-height: 760px) {
  .nb-say p:not(.out):not(.k) { display: none; }
  .nb-scene { width: min(86vw, (100svh - 290px) * .73) !important; }
}
@media (max-width: 899px) and (min-height: 761px) {
  .nb-scene { width: min(86vw, (100svh - 400px) * .73) !important; }
}
@media (max-width: 899px) { .nb-stage { align-content: start !important; } }
@media (max-width: 760px) {
  .so-pop { left: 46px !important; }
  .so-row:hover .so-pop, .so-row:focus-visible .so-pop, .so-row:active .so-pop { transform: translateY(-55%) rotate(-5deg) scale(.34) !important; }
}
/* רשתות במובייל: האלמנט קופץ כשהשורה באמצע המסך */
@media (max-width: 760px) {
  .so-row.live .so-pop { opacity: 1; transform: translateY(-55%) rotate(-5deg) scale(.34) !important; }
}
/* 4 בשורה באמת: 25% + רווח גלש לשורה הבאה. בלי רווח אופקי, הריווח בא מתוך הפריט */
@media (max-width: 760px) {
  .sv3 .sv-kit .kt-grid, .sv3 .sv-kit[data-lv] .kt-grid { column-gap: 0 !important; }
  .sv3 .sv-kit .kt-grid > .kt { flex: 0 0 25% !important; max-width: 25%; min-width: 0; }
}
/* כפתור "עוד רכיבים": כהה עם טקסט ליים ואייקון +, ממורכז (נתי 30.09) */
@media (max-width: 760px) {
  .kt-more { display: flex !important; width: fit-content; margin: 16px auto 0 !important; justify-content: center; gap: 10px !important; padding: 0 22px 0 18px !important; border: 0 !important; background: #0b0b0a !important; color: var(--lime) !important; font: 700 15px/1 var(--text) !important; }
  .kt-more[hidden] { display: none !important; }
  .kt-more::after { content: "+"; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--lime); color: #0b0b0a; font: 700 16px/1 var(--text); transition: transform .3s; }
  .kt-more[aria-expanded="true"]::after { transform: rotate(45deg); }
  .kt-more b { color: var(--lime); }
}
/* מד השלבים מתחת למחברת יורד במובייל: הטקסט מתחת כבר אומר "01 עמוד ראשון" (נתי 30.09) */
@media (max-width: 899px) { .nb-scene .nb-dots { display: none !important; } .nb-stage { gap: 14px !important; } }