/* ============================================================================
   trading-accounts-modern.css
   דף השוואת חשבונות מסחר והשקעות עצמאי (Account/CompareInvestmentAccounts.aspx).
   סקופ: .ta-page (העמודה הראשית) + .ta-side (הסיידבר) + רכיבים גלובליים עם
   קידומת ta- (סרגל קומפקטי, דיאלוג). משלים את gemel-modern.css / kupat-gemel.css
   (מגש ההשוואה, sticky הליד, kg-sidebar-wizard) — לא מחליף אותם.
   המקור העיצובי: investment-accounts-mockup-a-cards.html.
   ============================================================================ */

.ta-page, .ta-side, .ta-compactbar, .ta-dlg {
    --ta-brand: #17765a;
    --ta-brand-dark: #0f5a47;
    --ta-bg: #f4f7f6;
    --ta-line: #dce8e3;
    --ta-soft: #eef4f1;
    --ta-ink: #263d35;
    --ta-muted: #5a6e66;
    --ta-note: #8a5a2b;
    --ta-note-bg: #fdf6ec;
    --ta-win: #17765a;
}
.ta-page { color: var(--ta-ink); line-height: 1.55; }
.ta-page [hidden], .ta-side [hidden], .ta-compactbar[hidden] { display: none !important; }
.ta-page bdi { unicode-bidi: isolate; }

/* ---- gutter 16px במובייל/טאבלט (gemel-modern מאפס את ריפוד העמודות מתחת ל-992) ---- */
/* gemel-modern.css מאפס את ריפוד העמודות מתחת ל-992 עם !important — לכן כאן ספציפיות גבוהה יותר + !important */
@media (max-width: 991.98px) {
    #main.gemel-compare-wide .gemel-compare-main > .mainIndex.ta-page,
    #main.gemel-compare-wide .gemel-compare-main > .topLeft.ta-side { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }
    #main.gemel-compare-wide .ta-page .tab_holder { margin-right: 0; }
}

/* ---- שורת המטא מתחת ל-h2: כמות · עודכן · "איך משווים" ---- */
.ta-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: 13.5px; color: var(--ta-muted); margin: 6px 0 12px; }
.ta-meta b { color: var(--ta-ink); }
.ta-textbtn { background: none; border: 0; color: var(--ta-brand-dark); font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; padding: 4px 0; }
.ta-textbtn:hover { color: var(--ta-brand); }

/* ---- פאנל השליטה (בזרימה הרגילה; לעולם לא דביק) ---- */
.ta-controls { background: #fff; border: 1px solid var(--ta-line); border-radius: 14px; padding: 14px 16px; margin-bottom: 14px; box-shadow: 0 2px 10px rgba(15, 90, 71, .05); }
.ta-ctl-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.ta-ctl-row + .ta-ctl-row { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--ta-line); }
.ta-lbl { font-size: 13px; color: var(--ta-muted); font-weight: bold; white-space: nowrap; }
.ta-lbl .ta-opt { font-weight: normal; }
.ta-seg { display: inline-flex; border: 1.5px solid var(--ta-line); border-radius: 999px; overflow: hidden; background: #fff; }
.ta-seg button { border: 0; background: transparent; padding: 8px 14px; font-size: 14px; cursor: pointer; min-height: 40px; color: var(--ta-ink); font-family: inherit; }
.ta-seg button.on { background: var(--ta-brand); color: #fff; font-weight: bold; }
.ta-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.ta-chip { border: 1.5px solid var(--ta-line); background: #fff; border-radius: 999px; padding: 8px 14px; font-size: 14px; cursor: pointer; min-height: 40px; font-family: inherit; color: var(--ta-ink); }
.ta-chip.on { background: var(--ta-soft); border-color: var(--ta-brand); color: var(--ta-brand-dark); font-weight: bold; }
.ta-chip.on::before { content: "✓ "; }
select.ta-sort { border: 1.5px solid var(--ta-line); border-radius: 10px; padding: 8px 10px; font-size: 14px; min-height: 40px; background: #fff; font-family: inherit; color: var(--ta-ink); max-width: 100%; }
.ta-spacer { flex: 1; }
.ta-hint { font-size: 12.5px; color: var(--ta-muted); margin: 8px 0 0; width: 100%; }
.ta-assume { background: var(--ta-soft); border-radius: 10px; padding: 10px 12px; margin-top: 10px; font-size: 13.5px; width: 100%; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.ta-assume .ta-seg button { padding: 6px 12px; min-height: 36px; font-size: 13.5px; }
.ta-assume-edit { width: 100%; display: none; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.ta-assume-edit.open { display: flex; }
.ta-assume-edit label { font-size: 13px; color: var(--ta-muted); }
.ta-assume-edit input { width: 96px; border: 1px solid var(--ta-line); border-radius: 8px; padding: 6px 8px; font: inherit; font-size: 13.5px; min-height: 36px; }

/* במובייל הפאנל מקופל כברירת מחדל מאחורי כפתור (704px → 112px) */
/* הכפתור מוסתר בדסקטופ: ספציפיות מעל .ta-cb-filters (שמוגדר אחר כך עם display:inline-flex) */
.ta-controls .ta-ctl-toggle { display: none; }
.ta-ctl-summary { display: none; }
.ta-cb-filters { display: inline-flex; align-items: center; gap: 6px; background: var(--ta-soft); border: 1.5px solid var(--ta-brand); color: var(--ta-brand-dark); border-radius: 999px; padding: 8px 14px; font: inherit; font-size: 13.5px; font-weight: bold; cursor: pointer; min-height: 40px; white-space: nowrap; }
@media (max-width: 760px) {
    .ta-controls .ta-ctl-toggle { display: inline-flex; }
    .ta-ctl-summary { display: block; font-size: 12.5px; color: var(--ta-muted); margin-top: 8px; }
    .ta-controls.collapsed .ta-ctl-body { display: none; }
    .ta-controls:not(.collapsed) .ta-ctl-toggle { margin-bottom: 12px; }
    .ta-controls.collapsed { padding: 12px 14px; }
}

/* ---- סרגל קומפקטי דביק (58px) — מופיע רק אחרי שהפאנל יצא מהמסך ---- */
.ta-compactbar { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; background: #fff; border-bottom: 1px solid var(--ta-line); box-shadow: 0 2px 12px rgba(15, 90, 71, .1); transform: translateY(-101%); transition: transform .18s ease; direction: rtl; }
.ta-compactbar.show { transform: none; }
@media (prefers-reduced-motion: reduce) { .ta-compactbar { transition: none; } }
.ta-compactbar-in { max-width: 1400px; margin: 0 auto; padding: 8px 16px; display: flex; gap: 10px; align-items: center; min-height: 58px; }
.ta-cb-summary { font-size: 13px; color: var(--ta-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.ta-cb-summary b { color: var(--ta-ink); }
.ta-compactbar select.ta-sort { min-height: 40px; font-size: 13.5px; }
@media (max-width: 760px) {
    .ta-compactbar select.ta-sort { display: none; }
    .ta-compactbar-in { padding: 8px 12px; gap: 8px; }
}

/* ---- הכרטיסים ---- */
.ta-cards { display: flex; flex-direction: column; gap: 14px; }
.ta-card { background: #fff; border: 1.5px solid var(--ta-line); border-radius: 16px; padding: 16px 18px; display: grid; grid-template-columns: 150px 1fr 210px; gap: 18px; align-items: center; transition: box-shadow .15s; }
.ta-card:hover { box-shadow: 0 6px 20px rgba(15, 90, 71, .09); }
.ta-card.winner { border-color: var(--ta-win); border-width: 2px; }
@media (max-width: 991.98px) { .ta-card { grid-template-columns: 130px 1fr; } .ta-card .ta-actions { grid-column: 1 / -1; } }
@media (max-width: 760px) { .ta-card { grid-template-columns: 1fr; gap: 12px; padding: 14px; } }
.ta-brand { text-align: center; }
.ta-logo { display: flex; align-items: center; justify-content: center; width: 120px; height: 54px; margin: 0 auto 6px; border: 1px solid var(--ta-line); border-radius: 8px; background: #fff; overflow: hidden; }
.ta-logo img { max-width: 110px; max-height: 48px; width: auto; height: auto; object-fit: contain; }
.ta-type { font-size: 12px; color: var(--ta-muted); }
/* ---- הסקירה פר-יצרן (קומיט 4): ציון סופרמרקר וקישור לסקירה — רק כשהסקירה מפורסמת ---- */
.ta-page a.ta-score { display: inline-flex; align-items: baseline; gap: 3px; margin-top: 6px; padding: 3px 10px; min-height: 28px; box-sizing: border-box; border: 1px solid var(--ta-line); border-radius: 999px; background: var(--ta-soft); color: var(--ta-brand-dark); text-decoration: none; font-size: 12px; line-height: 1.5; white-space: nowrap; }
.ta-page a.ta-score b { font-size: 15px; }
.ta-page a.ta-score small { font-size: 11px; font-weight: normal; color: var(--ta-muted); }
.ta-page a.ta-score span { font-weight: bold; }
.ta-page a.ta-score:hover { border-color: var(--ta-brand); }
.ta-page a.ta-review-link { display: block; margin-top: 4px; padding: 2px 0; font-size: 13px; color: var(--ta-brand-dark); text-decoration: underline; }
.ta-page a.ta-review-link:hover { color: var(--ta-brand); }
.ta-page .ta-list-name a.ta-score--sm { margin-top: 3px; padding: 1px 8px; min-height: 22px; font-size: 11px; }
.ta-page .ta-list-name a.ta-score--sm b { font-size: 13px; }
.ta-body { min-width: 0; }
.ta-name { margin: 0 0 2px; font-size: 18px; font-weight: bold; line-height: 1.3; }
.ta-name a { color: var(--ta-ink); text-decoration: none; }
.ta-name a:hover { color: var(--ta-brand-dark); text-decoration: underline; }
.ta-sub { font-size: 12.5px; color: var(--ta-muted); margin: 0 0 8px; }
.ta-badges { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; min-height: 0; }
.ta-badges:empty { display: none; }
.ta-badge { font-size: 12px; border-radius: 999px; padding: 3px 10px; background: var(--ta-soft); color: var(--ta-brand-dark); border: 1px solid #cfe3d9; }
.ta-badge.win { background: var(--ta-win); color: #fff; border-color: var(--ta-win); font-weight: bold; }
.ta-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 8px 0; }
@media (max-width: 560px) { .ta-stats { grid-template-columns: repeat(2, 1fr); } }
.ta-stat { background: var(--ta-bg); border-radius: 10px; padding: 8px 10px; min-width: 0; }
.ta-stat .k { font-size: 11.5px; color: var(--ta-muted); }
.ta-stat .v { font-size: 15px; font-weight: bold; overflow-wrap: anywhere; }
.ta-stat .s { font-size: 11.5px; color: var(--ta-muted); }
.ta-na { color: var(--ta-muted); font-weight: normal; font-style: italic; }
.ta-unit { font-size: 11.5px; color: var(--ta-muted); font-weight: normal; }
.ta-perks { font-size: 13px; color: var(--ta-muted); margin: 0; }
.ta-perks b { color: var(--ta-ink); }
.ta-check { font-size: 12.5px; color: var(--ta-note); background: var(--ta-note-bg); border-radius: 8px; padding: 6px 10px; margin: 8px 0 0; }
.ta-check::before { content: "מה לבדוק: "; font-weight: bold; }

.ta-actions { display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
.ta-est { background: var(--ta-soft); border-radius: 10px; padding: 8px 10px; text-align: center; }
.ta-est .k { font-size: 11.5px; color: var(--ta-muted); }
.ta-est .v { font-size: 18px; font-weight: 900; color: var(--ta-brand-dark); }
.ta-est.partial .v, .ta-est.missing .v { font-size: 13.5px; font-weight: bold; color: var(--ta-note); }
.ta-est .ta-textbtn { font-size: 12px; }
a.ta-cta, a.ta-cta:link, a.ta-cta:visited { display: block; background: var(--ta-brand); color: #fff; text-align: center; border-radius: 10px; padding: 12px 10px; font-weight: bold; font-size: 15px; text-decoration: none; min-height: 44px; box-sizing: border-box; }
a.ta-cta:hover, a.ta-cta:focus { background: var(--ta-brand-dark); color: #fff; text-decoration: none; }
.ta-sub-actions { display: flex; justify-content: space-between; align-items: center; font-size: 13px; gap: 8px; }
.ta-sub-actions label { display: flex; gap: 6px; align-items: center; cursor: pointer; margin: 0; min-height: 44px; }
.ta-sub-actions input { accent-color: var(--ta-brand); width: 18px; height: 18px; margin: 0; }
.ta-empty { background: #fff; border: 1px dashed var(--ta-line); border-radius: 12px; padding: 18px; text-align: center; color: var(--ta-muted); }

/* ---- מגש ההשוואה: פס קבוע בתחתית המסך כמו במוקאפ A. modernGemelCompare נשאר מנוע המצב (cookie,
   מגבלת 3, סימונים) ומנסה להדביק את הפאנל לראש המסך עם top/left/width ב-inline — הכללים כאן (!important,
   נטענים אחרי gemel-modern) דורסים את זה בכל מצב (.stick או לא). מוסתר עד לבחירה (JS מציג display inline). ---- */
.ta-page .comparePanel { display: none; }
.ta-page .comparePanel, .ta-page .comparePanel.stick {
    position: fixed !important; top: auto !important; bottom: 0; left: 0 !important; right: 0; width: 100% !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important; z-index: 1035 !important; background: #fff !important; border-top: 2px solid var(--ta-brand);
    box-shadow: 0 -6px 20px rgba(0, 0, 0, .08) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: none;
}
.ta-page .comparePanel-placeholder { display: none !important; height: 0 !important; }
.ta-page .comparePanel .comparePanelBox, .ta-page .comparePanel.stick .comparePanelBox {
    display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px 10px; width: 100% !important; max-width: 1400px; height: auto !important;
    margin: 0 auto !important; padding: 10px 16px !important; border: 0 !important; border-radius: 0; background: transparent !important; box-sizing: border-box;
}
.ta-page .comparePanelBox::before { content: "להשוואה:"; font-weight: bold; font-size: 14px; color: var(--ta-ink); }
.ta-page .comparePanelBox .compareBox { display: inline-flex !important; align-items: center; gap: 6px; float: none !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 4px 8px !important; background: var(--ta-soft) !important; border: 0 !important; border-radius: 999px; box-shadow: none !important; }
.ta-page .comparePanelBox .compareBox.empty { display: none !important; }
.ta-page .comparePanelBox .compareBox .compareImg { width: auto !important; height: 22px !important; max-width: 48px; object-fit: contain; }
.ta-page .comparePanelBox .compareBox h5.dot-dot-dot { font-size: 13px !important; margin: 0 !important; max-width: 170px; padding: 0 !important; }
.ta-page .comparePanelBox .compareBox .close { position: static !important; order: 2; width: 20px !important; height: 20px !important; line-height: 20px !important; font-size: 16px !important; color: var(--ta-muted) !important; opacity: 1 !important; margin: 0 !important; float: none !important; }
.ta-page #comparePanel .closeAll, .ta-page #comparePanel .closeAll.adjustLeft, .ta-page .comparePanel.stick #closeAll { position: static !important; right: auto !important; left: auto !important; top: auto !important; float: none !important; order: 98; width: auto !important; height: auto !important; margin: 0 !important; padding: 4px 6px !important; background: none !important; border: 0 !important; color: var(--ta-muted) !important; font: inherit; font-size: 13px !important; text-decoration: underline; cursor: pointer; line-height: 1 !important; }
.ta-page #comparePanel .closeAll::after { content: " ניקוי"; font-size: 13px; }
.ta-page .comparePanelBox .compareDiv { order: 99; margin: 0 !important; margin-right: auto !important; float: none !important; position: static !important; top: auto !important; width: auto !important; height: auto !important; padding: 0 !important; line-height: normal; background: none !important; }
.ta-page .compareDiv #compare, .ta-page .comparePanel.stick .compareDiv #compare { display: inline-block !important; position: static !important; top: auto !important; vertical-align: middle; float: none !important; height: auto !important; width: auto !important; min-height: 44px; padding: 10px 18px !important; margin: 0 !important; background: var(--ta-brand) !important; color: #fff !important; border-radius: 10px !important; font-weight: bold; font-size: 15px !important; line-height: 24px !important; text-decoration: none !important; cursor: pointer; box-sizing: border-box; }
.ta-page .compareDiv #compare:hover { background: var(--ta-brand-dark) !important; }
body.ta-tray-open .ta-page { padding-bottom: 90px; }
/* במובייל/טאבלט המגש יושב מעל sticky הליד (kg-lead-offer--v2, ~52px) */
@media (max-width: 991.98px) {
    .ta-page .comparePanel, .ta-page .comparePanel.stick { bottom: 52px; }
    .ta-page .comparePanelBox { padding: 8px 12px !important; gap: 6px 8px; }
    .ta-page .comparePanelBox::before { display: none; }
    .ta-page .comparePanelBox .compareBox h5.dot-dot-dot { max-width: 110px; }
    .ta-page .compareDiv #compare { padding: 8px 14px !important; font-size: 14px !important; }
    body.ta-tray-open .ta-page { padding-bottom: 150px; }
}

/* ---- בלוק הבדיקה (wizard) באמצע הדף: פעולה ראשית אחת + שני מסגורים כקישורים ---- */
.ta-wizard { background: #fff; border: 1px solid var(--ta-line); border-radius: 14px; padding: 18px; margin: 20px 0; text-align: center; }
.ta-wizard h4 { margin: 0 0 4px; font-size: 20px; font-weight: bold; color: var(--ta-brand-dark); }
.ta-wizard p { margin: 0 0 12px; font-size: 14px; color: var(--ta-muted); }
a.ta-wizard-primary, a.ta-wizard-primary:link, a.ta-wizard-primary:visited { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 52px; min-width: min(100%, 300px); background: #198754; color: #fff; border-radius: 10px; padding: 10px 22px; font-weight: bold; font-size: 16px; text-decoration: none; line-height: 1.15; }
a.ta-wizard-primary:hover { background: var(--ta-brand-dark); color: #fff; text-decoration: none; }
.ta-wizard-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-top: 10px; font-size: 14px; }
.ta-wizard-links a { color: var(--ta-brand-dark); text-decoration: underline; padding: 6px 0; }
.ta-wizard-trust { font-size: 12px; color: var(--ta-muted); margin-top: 10px; }

/* ---- disclaimer (compareTables.css כופה קופסה ירוקה-זיתית ברוחב 96%) ---- */
#main.gemel-compare-wide .ta-page .SMdisclaimer { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; box-sizing: border-box; margin: 16px 0 !important; padding: 14px 18px !important; background: #f8fafb; border: 1px solid #e3e8ee; border-radius: 10px; font-size: .85rem; line-height: 1.6; color: #6c757d; }
#main.gemel-compare-wide .ta-page .SMdisclaimer p { margin: 0; }

/* ---- סיידבר ---- */
.ta-side .ta-box { background: #fff; border: 1px solid var(--ta-line); border-radius: 14px; padding: 16px; margin-bottom: 14px; }
.ta-side .ta-box h4 { margin: 0 0 8px; font-size: 16px; font-weight: bold; color: var(--ta-ink); }
.ta-side .ta-box p { margin: 0 0 10px; font-size: 13.5px; color: var(--ta-muted); }
.ta-links a { display: block; font-size: 13.5px; padding: 7px 0; border-top: 1px solid var(--ta-line); color: var(--ta-brand-dark); text-decoration: none; }
.ta-links a:first-child { border-top: 0; }
.ta-links a:hover { text-decoration: underline; }
.ta-trust { font-size: 12px; color: var(--ta-muted); margin-top: 8px; line-height: 1.6; }
.ta-bankbox { font-size: 14px; }
.ta-bankbox .ta-stat-big { font-size: 22px; font-weight: 900; color: var(--ta-brand-dark); margin: 4px 0; }
.ta-bankbox .ta-fine { font-size: 12px; color: var(--ta-muted); }
.ta-bankbox .ta-cta { margin-top: 10px; }
.ta-side #articleList { list-style: none; margin: 0; padding: 0; }
.ta-side .h3Heading { margin-top: 0; }

/* ---- דיאלוג (פירוט החישוב / פרטי החשבון / איך משווים) ---- */
dialog.ta-dlg { border: 0; border-radius: 14px; padding: 0; max-width: min(560px, 92vw); box-shadow: 0 20px 60px rgba(0, 0, 0, .25); direction: rtl; color: var(--ta-ink); }
dialog.ta-dlg::backdrop { background: rgba(20, 40, 34, .45); }
.ta-dlg-in { padding: 20px 22px; }
.ta-dlg-in h3 { margin: 0 0 10px; font-size: 18px; font-weight: bold; }
.ta-dlg-in table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 8px 0; }
.ta-dlg-in td { border-bottom: 1px solid var(--ta-line); padding: 7px 4px; vertical-align: top; }
.ta-dlg-in td.num { text-align: left; direction: ltr; white-space: nowrap; }
.ta-dlg-in .small { font-size: 12.5px; color: var(--ta-muted); }
.ta-dlg-in .notice { background: var(--ta-note-bg); color: var(--ta-note); border-radius: 8px; padding: 8px 10px; font-size: 13px; margin: 8px 0; }
.ta-dlg-in button.close { background: var(--ta-brand); color: #fff; border: 0; border-radius: 8px; padding: 9px 18px; font: inherit; font-weight: bold; cursor: pointer; min-height: 44px; }
/* ‎.close‎ של Bootstrap 3 הוא float — הכפתור יצא מהזרימה ונצמד לגבול התחתון (QA רונן 27/10). שורת כפתורים בזרימה */
.ta-dlg-foot { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 12px; }
.ta-dlg-in .ta-dlg-foot button.close { float: none; opacity: 1; text-shadow: none; font-size: 15px; line-height: 1.2; margin: 0; }
.ta-dlg-foot .ta-cta { flex: 1 1 auto; margin: 0; }
.ta-dlg-in .ta-dlg-foot .ta-cta ~ button.close { background: transparent; color: var(--ta-brand); border: 1px solid var(--ta-line); }

/* ---- FAQ: העיצוב המשותף מ-gemel-modern.css (.faq-container / .faq-item / .faq-question) כמו בדפי הגמל.
   כאן רק העטיפה (המקבילה ל-#faq-services שם) — בלי עותק מקומי של הכללים. ---- */
#questions-and-answers { margin: 0 0 30px 0; padding-top: 30px; }
#questions-and-answers h3 { text-align: right; }

/* ---- sticky הליד במובייל (kg-lead-offer--v2 מ-kupat-gemel.css); בדסקטופ הטופס בסיידבר ---- */
@media (min-width: 992px) { #leadOffer.kg-lead-offer.ta-lead-offer { display: none !important; } }
#leadOffer.kg-lead-offer.ta-lead-offer.kg-lead-offer--hidden { transform: translateY(120%); opacity: 0; pointer-events: none; }

/* ==== שלב 3: תצוגת הטבלה (מוקאפ B) — רשימה של כולם / מטריצה ל-2–3 נבחרים ==== */
.ta-diff { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ta-muted); cursor: pointer; margin: 0; min-height: 40px; }
.ta-diff input { accent-color: var(--ta-brand); width: 18px; height: 18px; margin: 0; }
.ta-swipe { display: none; font-size: 12.5px; color: var(--ta-muted); text-align: center; margin: 0 0 6px; }
@media (max-width: 760px) { .ta-swipe { display: block; } }
.ta-legend { font-size: 12.5px; color: var(--ta-muted); margin: 10px 0 0; }
.ta-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; vertical-align: middle; margin-left: 4px; background: #e3f3ec; }
/* compareTables.css הגלובלי: table{border-collapse:collapse} td{vertical-align:top} — דורסים כאן */
.ta-tbl-wrap { background: #fff; border: 1px solid var(--ta-line); border-radius: 14px; overflow: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 760px) { .ta-tbl-wrap { max-height: 78vh; } }
.ta-tbl-wrap table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 14px; margin: 0; }
.ta-tbl-wrap th, .ta-tbl-wrap td { border-bottom: 1px solid var(--ta-line); padding: 8px; text-align: right; vertical-align: middle; background: #fff; }
.ta-tbl-wrap thead th { position: sticky; top: 0; z-index: 3; background: #fff; box-shadow: 0 1px 0 var(--ta-line); font-size: 12.5px; color: var(--ta-muted); font-weight: bold; white-space: normal; line-height: 1.25; }
.ta-tbl-wrap td.num { direction: ltr; text-align: right; }
.ta-tbl-wrap td.num bdi { white-space: nowrap; }
.ta-tbl-wrap td.best { background: #e3f3ec; font-weight: bold; color: var(--ta-brand-dark); }
.ta-tbl-wrap .ta-unit { display: block; white-space: normal; font-size: 12px; color: var(--ta-muted); }
/* רשימה */
.ta-list-name { display: flex; align-items: center; gap: 8px; min-width: 176px; }
.ta-list-name .ta-logo { width: 64px; height: 34px; margin: 0; flex: none; }
.ta-list-name .ta-logo img { max-width: 58px; max-height: 30px; }
.ta-list-name b { display: block; font-size: 14px; }
.ta-list-name b a { color: var(--ta-ink); text-decoration: none; }
.ta-list-name b a:hover { color: var(--ta-brand-dark); text-decoration: underline; }
.ta-list-name span span { display: block; font-size: 11.5px; color: var(--ta-muted); }
a.ta-cta.ta-cta--sm, a.ta-cta.ta-cta--sm:link, a.ta-cta.ta-cta--sm:visited { display: inline-block; padding: 8px 10px; font-size: 13px; min-height: 40px; line-height: 24px; white-space: nowrap; }
.ta-pickcell { text-align: center; }
.ta-pickcell input { accent-color: var(--ta-brand); width: 18px; height: 18px; margin: 0; }
.ta-est-full { font-weight: bold; color: var(--ta-brand-dark); }
.ta-est-part { color: var(--ta-note); font-size: 12.5px; }
/* מטריצה */
.ta-tbl-wrap th.crit, .ta-tbl-wrap td.crit { position: sticky; right: 0; background: #fbfdfc; text-align: right; font-weight: bold; min-width: 150px; z-index: 2; border-left: 1px solid var(--ta-line); }
.ta-tbl-wrap thead th.crit { z-index: 4; }
.ta-prov { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 150px; white-space: normal; }
.ta-prov .ta-logo { width: 96px; height: 42px; margin: 0; }
.ta-prov .ta-logo img { max-width: 88px; max-height: 36px; }
.ta-pname { font-size: 13px; font-weight: bold; color: var(--ta-ink); text-align: center; }
.ta-ptype { display: block; font-size: 11px; color: var(--ta-muted); font-weight: normal; }
.ta-prov a.ta-cta.ta-cta--sm { width: 100%; text-align: center; font-size: 12.5px; padding: 8px 6px; line-height: 1.2; min-height: 40px; display: flex; align-items: center; justify-content: center; }
.ta-calc-entry { margin: 6px 0 0; font-size: 14px; }
.ta-calc-entry a { color: var(--ta-brand); font-weight: bold; text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; }
/* מטריצת ההשוואה: עמודות שוות (table-layout: fixed + colgroup), וכפתורי הכותרת באותו גובה גם כששם החשבון בשתי שורות */
.ta-tbl--matrix table { table-layout: fixed; min-width: calc(170px + var(--ta-n, 3) * 170px); }
.ta-tbl--matrix col.ta-col-crit { width: 170px; }
.ta-tbl--matrix thead th { vertical-align: top; }
.ta-tbl--matrix th.crit, .ta-tbl--matrix td.crit { min-width: 0; }
.ta-tbl--matrix td { overflow-wrap: anywhere; }
.ta-tbl--matrix .ta-prov { min-width: 0; }
.ta-tbl--matrix .ta-pname { min-height: 50px; }
@media (max-width: 760px) {
    .ta-tbl--matrix table { min-width: calc(104px + var(--ta-n, 3) * 140px); }
    .ta-tbl--matrix col.ta-col-crit { width: 104px; }
    .ta-tbl--matrix .ta-pname { min-height: 62px; }
}
.ta-rm { background: none; border: 0; color: var(--ta-muted); font: inherit; font-size: 12px; text-decoration: underline; cursor: pointer; min-height: 32px; }
.ta-tbl-wrap tr.est-row td { background: var(--ta-soft); font-weight: 900; font-size: 15px; }
.ta-tbl-wrap tr.est-row td.crit { background: var(--ta-soft); }
.ta-tbl-wrap tr.est-row td.best { background: #cfe9dc; }
.ta-tbl-wrap.same-hidden tr[data-same="1"] { display: none; }
.ta-matrix-links { font-size: 13px; color: var(--ta-muted); margin: 10px 0 0; }
.ta-matrix-empty { background: #fff; border: 1px dashed var(--ta-line); border-radius: 14px; padding: 28px; text-align: center; color: var(--ta-muted); }
.ta-matrix-empty b { display: block; color: var(--ta-ink); font-size: 16px; margin-bottom: 6px; }
.ta-matrix-back { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 16px; margin-top: 16px; }
.ta-matrix-back .ta-cta { margin-top: 0 !important; }
.ta-matrix-back .ta-cta, .ta-matrix-back .ta-textbtn { min-height: 40px; padding-inline: 18px; }
.ta-matrix-empty .ta-cta { display: inline-block; margin-top: 12px; border: 0; cursor: pointer; font: inherit; }
.ta-pickchips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; }
.ta-pickchip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 4px 12px 4px 8px; border: 1.5px solid var(--ta-line); border-radius: 999px; background: #fff; color: var(--ta-ink); font-size: 13px; font-weight: bold; cursor: pointer; transition: border-color 0.12s, background-color 0.12s; }
.ta-pickchip:hover { border-color: var(--ta-brand); }
.ta-pickchip.on { border-color: var(--ta-brand); background: var(--ta-soft); color: var(--ta-brand-dark); }
.ta-pickchip.off { opacity: 0.45; cursor: not-allowed; }
.ta-pickchip input { accent-color: var(--ta-brand); width: 16px; height: 16px; margin: 0; }
.ta-pickchip .ta-logo { width: 48px; height: 26px; margin: 0; border: 0; }
.ta-pickchip .ta-logo img { max-width: 46px; max-height: 24px; }
/* מובייל: עמודת הקריטריון צרה + עמודת ספק 120px → שני ספקים נכנסים ב-375px (343px נטו) */
@media (max-width: 480px) {
    .ta-tbl-wrap th.crit, .ta-tbl-wrap td.crit { min-width: 96px; max-width: 110px; font-size: 12.5px; padding: 8px 6px; }
    .ta-prov { min-width: 100px; }
    .ta-prov .ta-logo { width: 76px; height: 36px; }
    .ta-prov .ta-logo img { max-width: 70px; max-height: 30px; }
}
/* הסרגל הקומפקטי במובייל: seg התצוגה נשאר (קומפקטי), seg המצב חוזר לפאנל — אחרת השורה נחתכת ב-375px */
.ta-compactbar .ta-seg { flex: none; }
@media (max-width: 760px) {
    .ta-compactbar #taCbModeSeg { display: none !important; }
    .ta-compactbar .ta-seg button { padding: 6px 9px; font-size: 12.5px; min-height: 36px; }
    .ta-compactbar .ta-cb-filters { padding: 6px 10px; font-size: 12.5px; min-height: 36px; }
}

/* ==== שלב 4: המחשבון בדף (הקונטרול המשותף .tcc) ==== */
.ta-calc { margin: 20px 0; }
.ta-calc .tcc { margin: 0; }
.ta-page .ta-calc-toggle { display: block; width: 100%; margin-top: 10px; }
.ta-calc .tcc:not(.tcc--collapsed) .ta-calc-toggle { display: none; }
.ta-side .ta-calc-teaser { background: linear-gradient(135deg, var(--ta-brand-dark), var(--ta-brand)); border: 0; }
.ta-side .ta-calc-teaser h4 { color: #fff; }
.ta-side .ta-calc-teaser p { color: #e6f2ed; }
.ta-side .ta-calc-teaser a.ta-cta, .ta-side .ta-calc-teaser a.ta-cta:link, .ta-side .ta-calc-teaser a.ta-cta:visited { background: #fff; color: var(--ta-brand-dark); }
.ta-side .ta-calc-teaser a.ta-cta:hover { background: var(--ta-soft); color: var(--ta-brand-dark); }
.ta-est .ta-textbtn[data-calc] { font-size: 12px; }

/* ==== הליד בסיידבר (TradingAccountLead, V1): אותו עיצוב כמו במאמר המוביל WhatToCompareInTradingAccount
   (.sm-modern-article #lead ...) — כרטיס לבן-ירקרק, כותרת ירוקה, שדות 44px, כפתור מלא. ==== */
.ta-side #lead { width: 100%; max-width: 100%; border: 1px solid #d1e7dd; border-radius: 8px; background: #f7fbf9; box-shadow: 0 4px 14px rgba(20, 95, 73, 0.1); font-size: 14px; font-weight: 400; overflow: hidden; box-sizing: border-box; }
.ta-side #lead #leadTitle { margin: 0; padding: 0.65rem 0.75rem; background: #198754 !important; color: #fff !important; font: 700 18px "Noto Sans Hebrew", Arial, sans-serif; line-height: 1.3; text-align: center; }
.ta-side #lead #leadHeaders { margin: 0; padding: 0.6rem 2.75rem 0 1rem !important; color: #33534a; font-size: 14px !important; line-height: 1.4; list-style: disc; }
.ta-side #lead #leadHeaders li { margin: 0.4rem 0; padding-right: 0.1rem; }
.ta-side #lead .leadDescription:empty { display: none; }
.ta-side #lead #getOffer, .ta-side #lead #tableOffer { width: 100%; margin: 0; table-layout: fixed; background-color: #f7fbf9 !important; }
.ta-side #lead #tableOffer .tbLeadTD { padding-right: 14px; padding-left: 14px; text-align: right; box-sizing: border-box; }
.ta-side #lead #tableOffer .textRight, .ta-side #lead #tableOffer .tbLead { display: block; width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; box-sizing: border-box; }
.ta-side #lead #tableOffer .leadFieldName { display: block; margin: 0 0 4px; color: #264b3f; font-weight: 700; text-align: right; }
.ta-side #lead #tableOffer .tbLead { min-height: 44px; padding: 0.45rem 0.65rem; border: 1px solid #b9c9c3; border-radius: 6px; background: #fff; color: #1f2d29; font-size: 14px; }
.ta-side #lead #tableOffer .tbLead:focus { border-color: #198754; outline: 3px solid rgba(25, 135, 84, 0.18); outline-offset: 1px; }
.ta-side #lead #tableOffer label.error { display: block; width: 100%; max-width: 100%; margin: 0.25rem auto 0; color: #b00020; font-weight: 700; font-style: normal; line-height: 1.35; text-align: right; }
.ta-side #lead #tableOffer a { color: #17765a; }
.ta-side #lead #tableOffer a:hover, .ta-side #lead #tableOffer a:focus { color: #0f5b46; }
.ta-side #lead #tableOffer .termsAgreementLine, .ta-side #lead #tableOffer .termsAgreementError { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; text-align: right; }
.ta-side #lead #tableOffer .termsAgreementError label.error { width: 100%; margin-top: 0.25rem; }
.ta-side #lead #cbTnaim { width: 18px; height: 18px; margin-left: 3px; accent-color: #17765a; vertical-align: middle; }
.ta-side #lead #submitLead { display: block; width: calc(100% - 28px); max-width: 100%; min-height: 44px; margin: 0 auto 1rem; padding: 9px 12px; border: 1px solid #198754 !important; border-radius: 7px; background-color: #198754 !important; background-image: none !important; box-shadow: none !important; color: #fff !important; font: 700 17px "Noto Sans Hebrew", Arial, sans-serif !important; line-height: 1.2; white-space: normal; cursor: pointer; }
.ta-side #lead #submitLead:hover, .ta-side #lead #submitLead:active { border-color: #157347 !important; background-color: #157347 !important; }
.ta-side #lead #successful { margin: 12px 14px; }
.ta-side #lead .ta-trust { padding: 0 14px 12px; }

/* המודל של הליד (leads-bootstrap מעביר את #lead לתוכו) — אותם כללים כמו במאמר המוביל */
#leadBootstrapModal #leadMobile, #leadBootstrapModal #lead { width: 100% !important; max-width: 100%; margin: 0; box-sizing: border-box; }
#leadBootstrapModal #lead { border: 0; border-radius: 0; background: #f7fbf9; box-shadow: none; color: #1f2d29; font: 400 15px/1.45 "Noto Sans Hebrew", Arial, sans-serif; overflow: visible; }
#leadBootstrapModal #leadTitle { margin: 0; padding: 15px 58px 15px 20px; border: 0; background: #198754 !important; color: #fff !important; font: 700 20px/1.3 "Noto Sans Hebrew", Arial, sans-serif !important; text-align: center; }
#leadBootstrapModal #leadHeaders { margin: 0; padding: 13px 54px 12px 24px !important; background: #eaf5ef; color: #264b3f; font: 600 15px/1.45 "Noto Sans Hebrew", Arial, sans-serif !important; list-style: disc; }
#leadBootstrapModal #leadHeaders li { margin: 4px 0; padding-right: 2px; }
#leadBootstrapModal #getOffer { width: 100%; margin: 0; padding: 14px 20px 18px; background: #f7fbf9 !important; box-sizing: border-box; }
#leadBootstrapModal #tableOffer { width: 100%; max-width: 360px; margin: 0 auto; table-layout: fixed; background: #f7fbf9 !important; color: #1f2d29; font: 400 15px/1.4 "Noto Sans Hebrew", Arial, sans-serif; }
#leadBootstrapModal #tableOffer .tbLeadTD { height: auto; padding: 0 0 11px; text-align: right; box-sizing: border-box; }
#leadBootstrapModal #tableOffer .textRight, #leadBootstrapModal #tableOffer .tbLead, #leadBootstrapModal #tableOffer label.error, #leadBootstrapModal #tableOffer .termsAgreementLine, #leadBootstrapModal #tableOffer .termsAgreementError { display: block; width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; box-sizing: border-box; }
#leadBootstrapModal #tableOffer .leadFieldName { display: block; margin: 0 0 4px; color: #264b3f; font: 700 15px/1.35 "Noto Sans Hebrew", Arial, sans-serif; text-align: right; }
#leadBootstrapModal #tableOffer .tbLead { min-height: 44px; padding: 8px 11px; border: 1px solid #9eb8ae; border-radius: 7px; background: #fff; color: #1f2d29; font: 400 15px/1.35 "Noto Sans Hebrew", Arial, sans-serif; }
#leadBootstrapModal #tableOffer .tbLead:focus { border-color: #198754; outline: 3px solid rgba(25, 135, 84, 0.18); outline-offset: 1px; }
#leadBootstrapModal #tableOffer .tbLead.error { border: 2px solid #b42318; background: #fffafa; }
#leadBootstrapModal #tableOffer label.error { margin-top: 5px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #9f1d14; font: 700 14px/1.35 "Noto Sans Hebrew", Arial, sans-serif; text-align: right; }
#leadBootstrapModal #submitLead { display: block; width: 100%; min-height: 46px; margin: 4px auto 0; padding: 10px 12px; border: 1px solid #198754 !important; border-radius: 8px; background: #198754 !important; background-image: none !important; box-shadow: none !important; color: #fff !important; font: 700 17px "Noto Sans Hebrew", Arial, sans-serif !important; cursor: pointer; }
#leadBootstrapModal #lead .ta-trust { padding: 0 20px 14px; }

/* ==== מחשבונים בסיידבר — pm-calcs (feedback-sidebar-modernization-pattern). ⚠️ תחום #calcs.pm-calcs:
   gemel-modern.css מגדיר #calcs a{display:inline-block;height:36px} בספציפיות 1,0,1 ==== */
#calcs.pm-calcs { background: #fff; border: 1px solid #d9e6e1; border-radius: 12px; padding: 14px 16px; }
#calcs.pm-calcs .pm-calcs__title { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; padding-bottom: 9px; border-bottom: 1px solid #d9e6e1; color: #16302a; font-size: 1.05rem; font-weight: 700; line-height: 1.3; background: none; }
#calcs.pm-calcs .pm-calcs__title i { color: #17765a; font-size: 1.15rem; }
#calcs.pm-calcs a.pm-calcs__item { display: flex; align-items: center; gap: 10px; height: auto; min-height: 44px; line-height: 1.35; padding: 5px 4px; border-bottom: 1px solid #eef2f0; border-radius: 8px; color: #16302a; font-size: 0.9rem; text-decoration: none; background: none; width: auto; transition: background-color 0.12s ease; }
#calcs.pm-calcs a.pm-calcs__item:last-child { border-bottom: 0; }
#calcs.pm-calcs .pm-calcs__icon { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 8px; background: #f6f9f8; color: #17765a; display: flex; align-items: center; justify-content: center; font-size: 0.95rem; }
#calcs.pm-calcs .pm-calcs__label { flex: 1 1 auto; }
#calcs.pm-calcs .pm-calcs__chevron { flex: 0 0 auto; color: #9db3ab; font-size: 0.78rem; transition: transform 0.12s ease, color 0.12s ease; }
#calcs.pm-calcs a.pm-calcs__item:hover, #calcs.pm-calcs a.pm-calcs__item:focus-visible { background: #f6f9f8; color: #0f5340; }
#calcs.pm-calcs a.pm-calcs__item:hover .pm-calcs__chevron { color: #17765a; transform: translateX(-2px); }

/* מפרידי הסיידבר: קו דק בגוון הכרטיסים במקום פס הליים של themarker.css */
.ta-side .border-box { border-top: 1px solid #d9e6e1; padding-top: 0; }
/* רשימת המאמרים: כמו בניהול התיקים */
.ta-side #articleList li { margin-bottom: 10px; }
.ta-side #articleList a { text-decoration: none; color: inherit; }
.ta-side .article-item { display: flex; align-items: center; gap: 10px; }
.ta-side .article-item:hover .article-text span { color: #17765a; text-decoration: underline; }

/* ==== טיפוגרפיה של הדף — אותו מודל כמו #main.kg-fbar-page בדף הגמל: Noto Sans Hebrew ל-#main כולו
   (breadcrumb, כרטיסים, טבלה, FAQ, סיידבר). bootstrap reboot מגדיר system-ui על body ומנצח את cssSupermarker.
   h1 נשאר arial (themarker.css) כמו בגמל ובניהול תיקים. ==== */
#main.ta-main { font-family: 'Noto Sans Hebrew', Arial, Helvetica, sans-serif; }
#main.ta-main .h2Title { font-family: inherit; }

/* ==== מחליף המוצר העליון (.tab_holder.ta-tabs): סרגל מקטעים לבן, הפעיל pill ירוק — במקום ליים/אפור של compareTables.css.
   ⚠️ gemel-modern.css דורס עם !important (display/צבעים) — לכן ספציפיות .ta-page + !important היכן שצריך ==== */
.ta-page .tab_holder.ta-tabs { display: inline-flex; gap: 4px; height: auto; max-width: 100%; margin: 0 0 14px; padding: 5px; background: #fff; border: 1.5px solid var(--ta-line); border-radius: 14px; box-sizing: border-box; }
.ta-page .tab_holder.ta-tabs .tab_gap { display: none; }
.ta-page .tab_holder.ta-tabs .tab_selected_sub, .ta-page .tab_holder.ta-tabs .tab_not_selected { float: none; width: auto; height: auto; min-height: 42px; padding: 0 18px !important; background: none; border: 0; border-radius: 10px; font-size: 15px; font-weight: bold; white-space: nowrap; overflow: visible; box-sizing: border-box; transition: background-color .12s, color .12s; }
.ta-page .tab_holder.ta-tabs .tab_selected_sub { background: var(--ta-brand); }
.ta-page .tab_holder.ta-tabs .tab_selected_sub span { position: static; color: #fff !important; }
.ta-page .tab_holder.ta-tabs .tab_not_selected a { position: static; color: var(--ta-ink) !important; text-decoration: none !important; padding: 0; }
.ta-page .tab_holder.ta-tabs .tab_not_selected:hover { background: var(--ta-soft); }
.ta-page .tab_holder.ta-tabs .tab_not_selected:hover a { color: var(--ta-brand-dark) !important; }
@media (max-width: 760px) {
    .ta-page .tab_holder.ta-tabs { display: flex; width: 100%; padding: 4px; }
    .ta-page .tab_holder.ta-tabs .tab_selected_sub, .ta-page .tab_holder.ta-tabs .tab_not_selected { flex: 1 1 0; min-width: 0; min-height: 40px; padding: 0 8px !important; font-size: 14px; }
}

/* ==== QA מובייל עצמי (2026-10-26) ==== */
/* בדף ההשוואה המחשבון לא מציג שוב את כרטיסי בתי ההשקעות: הדף עצמו הוא הרשימה (חסך ~780px במובייל) */
.ta-calc .tcc-provs { display: none; }
/* רשימה: עמודת הספק דביקה בגלילה הצידית, כמו עמודת הקריטריון במטריצה */
.ta-tbl-wrap.ta-tbl--list tbody td:first-child, .ta-tbl-wrap.ta-tbl--list thead th:first-child { position: sticky; right: 0; z-index: 2; background: #fff; box-shadow: -1px 0 0 var(--ta-line); }
.ta-tbl-wrap.ta-tbl--list thead th:first-child { z-index: 4; }
@media (max-width: 480px) {
    .ta-tbl-wrap.ta-tbl--list .ta-list-name { min-width: 128px; }
    .ta-tbl-wrap.ta-tbl--list .ta-list-name .ta-logo { display: none; }
    .ta-tbl-wrap.ta-tbl--list .ta-list-name b { font-size: 13px; }
}
.ta-swipe[hidden] { display: none !important; }
/* מגש ההשוואה במובייל: היה 140px (שתי שורות) מעל ה-sticky. עכשיו שורה אחת: הצ'יפים נגללים לרוחב, הכפתור דביק בקצה
   (sticky בתוך מיכל הגלילה), "ניקוי" מוסתר — לכל צ'יפ יש ×. שמות קצרים מגיעים מ-syncTray */
@media (max-width: 480px) {
    .ta-page .comparePanel .comparePanelBox, .ta-page .comparePanel.stick .comparePanelBox { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; gap: 6px; }
    .ta-page .comparePanelBox::-webkit-scrollbar { display: none; }
    .ta-page .comparePanelBox .compareBox { flex: none; padding: 2px 4px 2px 8px !important; min-height: 34px; }
    .ta-page .comparePanelBox .compareBox h5.dot-dot-dot { max-width: 84px !important; font-size: 12.5px !important; }
    .ta-page .comparePanelBox .compareBox .close { width: 28px !important; height: 28px !important; line-height: 28px !important; }
    .ta-page #comparePanel .closeAll { display: none !important; }
    .ta-page .comparePanelBox .compareDiv { position: sticky !important; left: 0; flex: none; background: #fff; padding-right: 6px !important; box-shadow: 8px 0 8px -8px rgba(0,0,0,.15) inset; }
    .ta-page #comparePanel .compareDiv #compare { display: inline-block !important; width: auto !important; min-width: 0 !important; padding: 7px 12px !important; font-size: 13.5px !important; white-space: nowrap; }
    body.ta-tray-open .ta-page { padding-bottom: 80px; }
}
/* sticky הליד ב-320px: "בדיקת התאמה" גלש 3px */
@media (max-width: 360px) {
    #leadOffer.ta-lead-offer .kg-lead-offer__opt { padding: 0.7rem 0.3rem; font-size: 0.85rem; gap: 0.25rem; }
}
/* אזורי לחיצה במובייל (≥36px): שם הספק, "סקירה מלאה", כפתורי טקסט */
@media (max-width: 760px) {
    .ta-page a.ta-review-link { display: inline-flex; align-items: center; min-height: 36px; padding: 0; }
    /* בכרטיס הצ'יפ והקישור באותה שורה — בלי מרווח הם נגעו זה בזה (QA רונן 27/10) */
    .ta-page .ta-brand a.ta-score + a.ta-review-link { margin-inline-start: 14px; vertical-align: middle; }
    .ta-page .ta-textbtn { min-height: 36px; padding: 6px 0; }
    .ta-page h3.ta-name a.polisa { display: inline-block; padding: 6px 0; }
}