/* ============================================================================
   trading-account-review.css — דף הסקירה פר-יצרן לחשבון מסחר עצמאי (שלב 5ב)
   Account/InvestmentAccount.aspx · חוזה העיצוב: investment-account-review-mockup.html
   סקופ: .ta-review (עמודת המאמר + סיידבר, יושב על .sm-modern-article) + רכיבים גלובליים
   של הדף (.ta-rv-crumb, .ta-rv-previewbar, #leadOffer.ta-rv-sticky). אותה פלטה כמו
   trading-accounts-modern.css (דף ההשוואה). mobile-first; gutter 16px; טבלאות וניווט
   העוגנים נגללים בתוך המיכל שלהם בלבד — הדף לעולם לא רחב מהמסך.
   ⚠️ compareTables.css (.supermarkerArticle h2/p/ul/table/a, .supermarkerArticle div
   {text-align:center}) ו-modern-article.css (טבלאות .article) נדרסים כאן בספציפיות גבוהה יותר.
   ============================================================================ */

.ta-review, .ta-rv-crumb, .ta-rv-previewbar, .ta-rv-sticky {
    --ta-brand: #17765a;
    --ta-brand-dark: #0f5a47;
    --ta-accent: #03c48a;
    --ta-bg: #f4f7f6;
    --ta-line: #dce8e3;
    --ta-soft: #eef4f1;
    --ta-ink: #263d35;
    --ta-muted: #5a6e66;
    --ta-warn: #b0483a;
    --ta-warn-bg: #fdf1ea;
    --ta-win-bg: #e3f3ec;
    --ta-note: #8a5a2b;
    --ta-note-bg: #fdf6ec;
    --ta-gold: #b7791f;
}

/* ---- מעטפת: ה-gutter של 16px מגיע מ-#main.centerDesign (modern-article.css: calc(100% - 2rem));
        העמודה לא מתנפחת מתוכן רחב (min-width:0); compareTables נותן ל-.article רוחב 98% — מבוטל ---- */
.ta-review > .mainIndex, .ta-review > .topLeft { min-width: 0; }
/* compareTables: .supermarkerArticle { padding: 5px } ו-.article { padding: 2px } — אי-סימטריה של 5px במובייל */
.ta-review > .mainIndex.supermarkerArticle { padding-top: 0; padding-bottom: 0; padding-right: 0; }
@media (max-width: 991.98px) { .ta-review > .mainIndex.supermarkerArticle { padding: 0; } }
.ta-review .ta-rv { width: 100%; padding: 0; color: var(--ta-ink); line-height: 1.6; text-align: right; }
.ta-review .ta-rv div { text-align: inherit; }
.ta-review .ta-rv a { color: var(--ta-brand-dark); }
.ta-review .ta-rv a:hover { color: var(--ta-brand); }
.ta-review .ta-rv p, .ta-review .ta-rv li { font-size: 15.5px; color: var(--ta-ink); }
.ta-review .ta-rv img { margin: 0; }
.ta-rv-previewbar { background: #fff8e6; border: 1px solid #f0ddaa; color: #7a5b12; border-radius: 10px; padding: 10px 14px; margin: 0 0 12px; font-size: 14px; }
.ta-review .ta-rv-na { color: var(--ta-muted); font-weight: normal; font-style: italic; }
.ta-review .ta-na { color: var(--ta-muted); font-weight: normal; font-style: italic; }
.ta-review .ta-unit { font-size: 12px; color: var(--ta-muted); font-weight: normal; }
.ta-review .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* ---- CTA ---- */
.ta-review a.ta-rv-cta, .ta-review button.ta-rv-cta {
    display: block; width: 100%; box-sizing: border-box; background: var(--ta-brand); color: #fff; text-align: center;
    border: 0; border-radius: 10px; padding: 12px 12px; font: inherit; font-weight: bold; font-size: 15px;
    text-decoration: none; min-height: 44px; cursor: pointer; line-height: 1.35;
}
.ta-review a.ta-rv-cta:hover, .ta-review a.ta-rv-cta:focus, .ta-review button.ta-rv-cta:hover { background: var(--ta-brand-dark); color: #fff; text-decoration: none; }
.ta-review a.ta-rv-cta--ghost { background: #fff; color: var(--ta-brand-dark); border: 2px solid var(--ta-brand); font-size: 14px; padding: 9px 12px; }
.ta-review a.ta-rv-cta--ghost:hover { background: var(--ta-soft); color: var(--ta-brand-dark); }
.ta-review a.ta-rv-cta--light, .ta-review button.ta-rv-cta--light { background: #fff; color: var(--ta-brand-dark); }
.ta-review a.ta-rv-cta--light:hover, .ta-review button.ta-rv-cta--light:hover { background: var(--ta-soft); color: var(--ta-brand-dark); }
.ta-review a.ta-rv-cta--sm { padding: 9px 10px; font-size: 13.5px; }
.ta-review .ta-rv-linkbtn { background: none; border: 0; padding: 4px 0; font: inherit; font-weight: bold; color: var(--ta-brand-dark); text-decoration: underline; cursor: pointer; min-height: 32px; }
.ta-review .ta-rv-inline-cta { margin: 12px 0 0; }
.ta-review .ta-rv-inline-cta a { font-weight: bold; }

/* ---- Hero ----
   הפריסה נגזרת מרוחב עמודת המאמר (container query) ולא מהמסך: ב-992-1250px העמודה צרה (~650px)
   ליד הסיידבר, ושלוש עמודות היו מועכות את העובדות. <560: טור אחד · 560-959: לוגו+תוכן, ושורת ציון/CTA
   מתחת · ≥960: שלוש עמודות כמו במוקאפ. */
.ta-review .ta-rv { container-type: inline-size; container-name: rv; }
.ta-review .ta-rv-hero { background: #fff; border: 1px solid var(--ta-line); border-radius: 16px; padding: 18px 16px; display: grid; grid-template-columns: 1fr; gap: 16px; }
@container rv (min-width: 560px) {
    .ta-review .ta-rv .ta-rv-hero { grid-template-columns: 130px minmax(0, 1fr); gap: 20px; padding: 22px 24px; align-items: start; }
    .ta-review .ta-rv .ta-rv-scorebox { grid-column: 1 / -1; display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 18px; align-items: center; border-top: 1px solid var(--ta-line); padding-top: 16px; }
    .ta-review .ta-rv .ta-rv-scorebox--noscore { grid-template-columns: minmax(0, 1fr); }
    .ta-review .ta-rv .ta-rv-score-ctas { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; align-items: start; }
    .ta-review .ta-rv .ta-rv-score-ctas .ta-rv-disclose-short { grid-column: 1; grid-row: 2; }
    .ta-review .ta-rv .ta-rv-score-ctas .ta-rv-trust { grid-column: 1 / -1; }
}
@container rv (min-width: 960px) {
    .ta-review .ta-rv .ta-rv-hero { grid-template-columns: 140px minmax(0, 1fr) 210px; }
    .ta-review .ta-rv .ta-rv-scorebox, .ta-review .ta-rv .ta-rv-scorebox--noscore { grid-column: auto; display: flex; flex-direction: column; border-top: 0; padding-top: 0; }
    .ta-review .ta-rv .ta-rv-score-ctas { display: flex; flex-direction: column; }
}
.ta-review .ta-rv-score-top { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.ta-review .ta-rv-score-ctas { display: flex; flex-direction: column; gap: 8px; }
.ta-review .ta-rv-brand { text-align: center; }
.ta-review .ta-rv-logo { display: flex; align-items: center; justify-content: center; width: 130px; height: 66px; margin: 0 auto; border: 1px solid var(--ta-line); border-radius: 10px; background: #fff; overflow: hidden; }
.ta-review .ta-rv-logo img { max-width: 118px; max-height: 58px; width: auto; height: auto; }
.ta-review .ta-rv-type { font-size: 12.5px; font-weight: bold; color: var(--ta-ink); margin-top: 8px; }
.ta-review .ta-rv-reg { font-size: 11.5px; color: var(--ta-muted); margin-top: 2px; line-height: 1.45; }
.ta-review h1.ta-rv-h1 { font-size: 23px; line-height: 1.3; margin: 0 0 8px; color: var(--ta-ink); font-weight: 800; }
@media (min-width: 992px) { .ta-review h1.ta-rv-h1 { font-size: 26px; } }
.ta-review ul.ta-rv-fit { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; padding: 0; }
.ta-review ul.ta-rv-fit li { font-size: 12.5px; background: var(--ta-soft); color: var(--ta-brand-dark); border: 1px solid #cfe3d9; border-radius: 999px; padding: 3px 10px; margin: 0; }
.ta-review .ta-rv-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@container rv (min-width: 680px) { .ta-review .ta-rv-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ta-review .ta-rv-fact { background: var(--ta-bg); border-radius: 10px; padding: 8px 10px; min-width: 0; }
.ta-review .ta-rv-fact .k { font-size: 11.5px; color: var(--ta-muted); }
.ta-review .ta-rv-fact .v { font-size: 15px; font-weight: bold; overflow-wrap: anywhere; }
.ta-review .ta-rv-fact .v.ta-rv-v-text { font-size: 13.5px; }
.ta-review .ta-rv-fact .s { font-size: 11.5px; color: var(--ta-muted); overflow-wrap: anywhere; }
.ta-review .ta-rv-scorebox { text-align: center; display: flex; flex-direction: column; gap: 8px; }
.ta-review .ta-rv-ring { width: 108px; height: 108px; border-radius: 50%; margin: 0 auto; display: grid; place-content: center; text-align: center; position: relative;
    background: conic-gradient(var(--ta-brand) calc(var(--p) * 1%), #e6eeeb 0); }
.ta-review .ta-rv-ring::after { content: ""; position: absolute; inset: 10px; background: #fff; border-radius: 50%; }
.ta-review .ta-rv-ring b { position: relative; z-index: 1; font-size: 30px; line-height: 1; color: var(--ta-brand-dark); }
.ta-review .ta-rv-ring small { position: relative; z-index: 1; font-size: 11px; color: var(--ta-muted); display: block; margin-top: 2px; }
.ta-review .ta-rv-score-lbl { font-weight: bold; color: var(--ta-brand-dark); margin-top: -4px; }
.ta-review .ta-rv-score-meta { font-size: 12px; color: var(--ta-muted); }
.ta-review p.ta-rv-disclose-short { font-size: 11.5px; color: var(--ta-muted); margin: -2px 0 0; line-height: 1.4; }
.ta-review p.ta-rv-trust { font-size: 12px; color: var(--ta-muted); margin: 0; line-height: 1.5; }

/* ---- כרטיסי סעיף ---- */
.ta-review .ta-rv-card { background: #fff; border: 1px solid var(--ta-line); border-radius: 16px; padding: 18px 16px; margin-top: 16px; scroll-margin-top: 72px; }
@media (min-width: 768px) { .ta-review .ta-rv-card { padding: 20px 24px; } }
.ta-review .ta-rv-card h2 { font-size: 20px; line-height: 1.35; margin: 0 0 12px; color: var(--ta-ink); font-weight: 800; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ta-review .ta-rv-card h3 { font-size: 16px; margin: 16px 0 6px; color: var(--ta-ink); font-weight: bold; }
.ta-review .ta-rv-mini { font-size: 12px; font-weight: bold; color: #fff; background: var(--ta-brand); border-radius: 999px; padding: 2px 9px; }
.ta-review .ta-rv-text p { margin: 0 0 10px; }
.ta-review .ta-rv-text ul, .ta-review .ta-rv-text ol { margin: 0 0 10px; padding: 0 20px 0 0; }
.ta-review .ta-rv-verdict p { font-size: 16.5px; margin: 0 0 12px; }
.ta-review .ta-rv-pc { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 640px) { .ta-review .ta-rv-pc { grid-template-columns: 1fr 1fr; } }
.ta-review .ta-rv-pros, .ta-review .ta-rv-cons { border-radius: 10px; padding: 12px 14px; }
.ta-review .ta-rv-pros { background: var(--ta-win-bg); }
.ta-review .ta-rv-cons { background: var(--ta-warn-bg); }
.ta-review .ta-rv-pc h3 { margin: 0 0 6px; font-size: 15px; }
.ta-review .ta-rv-pc ul { margin: 0; padding: 0 18px 0 0; }
.ta-review .ta-rv-pc li { font-size: 14.5px; margin: 4px 0; }
.ta-review .ta-rv-who { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 12px; }
@media (min-width: 640px) { .ta-review .ta-rv-who { grid-template-columns: 1fr 1fr; } }
.ta-review .ta-rv-who > div { border: 1px solid var(--ta-line); border-radius: 10px; padding: 10px 12px; font-size: 14.5px; }
.ta-review blockquote.ta-rv-quote { border-right: 4px solid var(--ta-accent); background: var(--ta-bg); padding: 10px 14px; border-radius: 8px; font-size: 14.5px; margin: 12px 0 0; color: var(--ta-muted); }
.ta-review blockquote.ta-rv-quote b { color: var(--ta-ink); }
.ta-review blockquote.ta-rv-quote--src { font-size: 14px; }
.ta-review p.ta-rv-frame, .ta-review p.ta-rv-watch { background: var(--ta-note-bg); color: var(--ta-note); border-radius: 10px; padding: 10px 14px; font-size: 14.5px; margin: 12px 0 0; }

/* ---- ציוני קטגוריה ---- */
.ta-review .ta-rv-scores { display: grid; grid-template-columns: 1fr; gap: 12px 24px; }
@media (min-width: 640px) { .ta-review .ta-rv-scores { grid-template-columns: 1fr 1fr; } }
.ta-review .ta-rv-sc .lbl { display: flex; align-items: baseline; gap: 6px; font-size: 14.5px; }
.ta-review .ta-rv-sc .lbl a { color: var(--ta-ink); text-decoration: none; font-weight: bold; }
.ta-review .ta-rv-sc .lbl a:hover { text-decoration: underline; }
.ta-review .ta-rv-sc .lbl small { color: var(--ta-muted); font-size: 12px; }
.ta-review .ta-rv-sc .lbl b { margin-inline-start: auto; color: var(--ta-brand-dark); font-size: 15px; }
.ta-review .ta-rv-sc .track { height: 10px; background: #e6eeeb; border-radius: 6px; overflow: hidden; margin: 5px 0; }
.ta-review .ta-rv-sc .fill { height: 100%; background: var(--ta-brand); border-radius: 6px; }
.ta-review .ta-rv-sc .why { font-size: 12.5px; color: var(--ta-muted); line-height: 1.45; }
.ta-review p.ta-rv-method { font-size: 13px; color: var(--ta-muted); margin: 14px 0 0; }

/* ---- ניווט עוגנים דביק: נגלל אופקית בתוך המיכל, לא הדף ---- */
.ta-review .ta-rv-anchors { position: sticky; top: 0; z-index: 20; margin-top: 16px; background: #fff; border: 1px solid var(--ta-line); border-radius: 12px; box-shadow: 0 2px 10px rgba(15, 90, 71, .06); max-width: 100%; }
.ta-review .ta-rv-anchors-in { display: flex; gap: 4px; padding: 6px 8px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.ta-review .ta-rv-anchors a { flex: 0 0 auto; font-size: 13.5px; text-decoration: none; color: var(--ta-ink); padding: 7px 12px; border-radius: 999px; min-height: 36px; display: inline-flex; align-items: center; }
.ta-review .ta-rv-anchors a.on, .ta-review .ta-rv-anchors a:hover { background: var(--ta-soft); color: var(--ta-brand-dark); font-weight: bold; }

/* ---- טבלאות: .table (Bootstrap) יוצא מכלל הטבלה של modern-article; גלילה בתוך המיכל ---- */
.ta-review .ta-rv-tbl { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 8px 0; border: 1px solid var(--ta-line); border-radius: 12px; }
.ta-review .ta-rv-tbl table.ta-rv-table { width: 100%; min-width: 460px; table-layout: auto; border-collapse: collapse; margin: 0; font-size: 14px; }
.ta-review .ta-rv-tbl table.ta-rv-table th, .ta-review .ta-rv-tbl table.ta-rv-table td { border: 0; border-bottom: 1px solid var(--ta-line); padding: 9px 12px; text-align: right; vertical-align: top; background: #fff; color: var(--ta-ink); box-shadow: none; }
.ta-review .ta-rv-tbl table.ta-rv-table thead th { background: var(--ta-bg); font-size: 12.5px; color: var(--ta-muted); font-weight: bold; }
.ta-review .ta-rv-tbl table.ta-rv-table tbody th { font-weight: bold; width: 42%; }
.ta-review .ta-rv-tbl table.ta-rv-table tr:last-child th, .ta-review .ta-rv-tbl table.ta-rv-table tr:last-child td { border-bottom: 0; }

/* ---- דוגמה מספרית ---- */
.ta-review .ta-rv-example { background: var(--ta-soft); border-radius: 12px; padding: 14px 16px; margin-top: 14px; }
.ta-review .ta-rv-example h3 { margin: 0 0 8px; }
.ta-review .ta-rv-ex + .ta-rv-ex { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #cfe3d9; }
.ta-review p.ta-rv-ex-title { margin: 0 0 8px; font-size: 14.5px; }
.ta-review p.ta-rv-ex-title span { display: block; font-size: 12.5px; color: var(--ta-muted); }
.ta-review .ta-rv-ex-grid { display: grid; grid-template-columns: 1fr; gap: 8px; }
@media (min-width: 640px) { .ta-review .ta-rv-ex-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ta-review .ta-rv-exv { background: #fff; border: 1px solid var(--ta-line); border-radius: 10px; padding: 10px 12px; text-align: center; }
.ta-review .ta-rv-exv--me { border: 2px solid var(--ta-brand); }
.ta-review .ta-rv-exv .k { font-size: 12.5px; color: var(--ta-muted); }
.ta-review .ta-rv-exv .v { font-size: 19px; font-weight: 900; color: var(--ta-brand-dark); }
.ta-review .ta-rv-exv--bank .v { color: #a94f27; }
.ta-review .ta-rv-exv .v .ta-rv-na { font-size: 13px; font-weight: bold; color: var(--ta-note); font-style: normal; }
.ta-review .ta-rv-exv .s { font-size: 12px; color: var(--ta-muted); }
.ta-review p.ta-rv-fine { font-size: 12.5px; color: var(--ta-muted); margin: 10px 0 0; }
.ta-review .ta-rv-small { margin-top: 14px; }
.ta-review .ta-rv-small ul { margin: 0; padding: 0 18px 0 0; }
.ta-review .ta-rv-small li { font-size: 13.5px; color: var(--ta-muted); margin: 3px 0; }

/* ---- המחשבון המוטמע: מקופל כברירת מחדל; כפתור הפתיחה נעלם כשפתוח ---- */
.ta-review .ta-rv-calc { margin-top: 16px; scroll-margin-top: 72px; }
.ta-review .ta-rv-calc .tcc { margin: 0; }
.ta-review .ta-rv-calc button.ta-rv-calc-toggle { margin-top: 10px; }
.ta-review .ta-rv-calc .tcc:not(.tcc--collapsed) .ta-rv-calc-toggle { display: none; }

/* ---- הטבות ---- */
.ta-review .ta-rv-promo { display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--ta-line); border-radius: 10px; padding: 10px 12px; margin-top: 8px; font-size: 14.5px; }
.ta-review .ta-rv-promo .tag { font-size: 11.5px; background: var(--ta-gold); color: #fff; border-radius: 6px; padding: 2px 7px; white-space: nowrap; }
.ta-review .ta-rv-promo .until { font-size: 12.5px; color: var(--ta-muted); }

/* ---- מערכות ---- */
.ta-review .ta-rv-plat { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 640px) { .ta-review .ta-rv-plat { grid-template-columns: 1fr 1fr; } }
.ta-review .ta-rv-pl { border: 1px solid var(--ta-line); border-radius: 12px; overflow: hidden; }
.ta-review .ta-rv-pl .shot { display: grid; place-items: center; height: 64px; width: 100%; object-fit: cover; background: linear-gradient(135deg, #e9f2ee, #d4e6de); color: var(--ta-brand-dark); font-weight: bold; font-size: 15px; }
@media (min-width: 640px) { .ta-review .ta-rv-pl .shot { height: 110px; } }
.ta-review .ta-rv-pl img.shot { height: auto; aspect-ratio: 2 / 1; }
.ta-review .ta-rv-pl .b { padding: 10px 12px; }
.ta-review .ta-rv-pl h3 { margin: 0; font-size: 15px; display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.ta-review .ta-rv-pl .lvl { font-size: 11.5px; font-weight: normal; background: var(--ta-soft); color: var(--ta-brand-dark); border-radius: 6px; padding: 2px 7px; }
.ta-review .ta-rv-pl p { margin: 6px 0 0; font-size: 13.5px; color: var(--ta-muted); }
.ta-review .ta-rv-pl .stars { font-size: 13px; margin-top: 4px; }
.ta-review .ta-rv-stars { --s: 0; position: relative; display: inline-block; font-size: 15px; line-height: 1; letter-spacing: 1px; vertical-align: -1px; }
.ta-review .ta-rv-stars::before { content: "★★★★★"; background: linear-gradient(90deg, var(--ta-gold) calc(var(--s) / 5 * 100%), #d8e2de calc(var(--s) / 5 * 100%)); -webkit-background-clip: text; background-clip: text; color: transparent; }
[dir="rtl"] .ta-review .ta-rv-stars::before, .ta-review[dir="rtl"] .ta-rv-stars::before { background: linear-gradient(270deg, var(--ta-gold) calc(var(--s) / 5 * 100%), #d8e2de calc(var(--s) / 5 * 100%)); -webkit-background-clip: text; background-clip: text; }

/* ---- גריד ✓/✗ ---- */
.ta-review ul.ta-rv-grid-yn { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.ta-review ul.ta-rv-grid-yn li.ta-rv-yn { border: 1px solid var(--ta-line); border-radius: 10px; padding: 8px 10px; display: flex; gap: 8px; align-items: center; font-size: 14px; margin: 0; }
.ta-review li.ta-rv-yn::before { font-weight: 900; flex: 0 0 auto; }
.ta-review li.ta-rv-yn.y::before { content: "✓"; color: var(--ta-brand); }
.ta-review li.ta-rv-yn.n::before { content: "✗"; color: var(--ta-warn); }
.ta-review li.ta-rv-yn.u::before { content: "?"; color: var(--ta-muted); }
.ta-review li.ta-rv-yn.n, .ta-review li.ta-rv-yn.u { color: var(--ta-muted); }

/* ---- רשימות עובדות ושלבים ---- */
.ta-review ul.ta-rv-facts-list { list-style: none; margin: 10px 0 0; padding: 0; }
.ta-review ul.ta-rv-facts-list li { padding: 7px 0; border-bottom: 1px solid var(--ta-line); font-size: 14.5px; margin: 0; }
.ta-review ul.ta-rv-facts-list li:last-child { border-bottom: 0; }
.ta-review ol.ta-rv-steps { counter-reset: s; list-style: none; padding: 0; margin: 8px 0 0; display: grid; grid-template-columns: 1fr; gap: 10px; }
@media (min-width: 560px) { .ta-review ol.ta-rv-steps { grid-template-columns: 1fr 1fr; } }
@media (min-width: 992px) { .ta-review ol.ta-rv-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ta-review ol.ta-rv-steps li { border: 1px solid var(--ta-line); border-radius: 10px; padding: 10px 12px; font-size: 13.5px; margin: 0; }
.ta-review ol.ta-rv-steps li::before { counter-increment: s; content: counter(s); display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ta-brand); color: #fff; font-weight: bold; margin-bottom: 6px; }
.ta-review ol.ta-rv-steps li b { display: block; }

/* ---- חלופות ---- */
.ta-review .ta-rv-alts { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 640px) { .ta-review .ta-rv-alts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ta-review .ta-rv-alt { border: 1px solid var(--ta-line); border-radius: 12px; padding: 12px; text-align: center; display: flex; flex-direction: column; gap: 6px; }
.ta-review .ta-rv-alt-logo { display: flex; align-items: center; justify-content: center; height: 54px; }
.ta-review .ta-rv-alt-logo img { max-width: 110px; max-height: 50px; width: auto; height: auto; }
.ta-review .ta-rv-alt h3 { margin: 0; font-size: 15px; }
.ta-review .ta-rv-alt h3 a { color: var(--ta-ink); text-decoration: none; }
.ta-review .ta-rv-alt-sc { font-weight: 900; color: var(--ta-brand-dark); font-size: 18px; }
.ta-review .ta-rv-alt-sc small { font-size: 12px; color: var(--ta-muted); font-weight: normal; }
.ta-review ul.ta-rv-alt-m { list-style: none; margin: 0 0 4px; padding: 0; }
.ta-review ul.ta-rv-alt-m li { font-size: 13px; color: var(--ta-muted); margin: 2px 0; }
.ta-review a.ta-rv-alt-more { font-size: 13px; }
.ta-review p.ta-rv-center { text-align: center; margin: 12px 0 0; font-size: 14px; }

/* ---- FAQ: עיצוב המאמרים (.faq-*) מ-modern-article.css; כאן רק כותרת השאלה ב-h3 ---- */
.ta-review .ta-rv-faq .faq-container { margin: 0; }
.ta-review .ta-rv-faq h3.faq-text { font-size: 15.5px; margin: 0; font-weight: bold; line-height: 1.45; }
.ta-review .ta-rv-faq .faq-question { cursor: pointer; }
/* ה-+ צמד לטקסט השאלה (QA רונן 2026-10-26): ב-modern-article ה-margin-right של האייקון הוא בצד החיצוני ב-RTL. רווח בצד הטקסט */
.ta-review .ta-rv-faq .faq-icon { flex: none; margin-right: 0; margin-left: 12px; }
.ta-review .ta-rv-faq .faq-answer p { font-size: 15px; }

/* ---- רצועת CTA סופית ---- */
.ta-review .ta-rv-strip { background: linear-gradient(135deg, var(--ta-brand-dark), var(--ta-brand)); border-radius: 16px; color: #fff; padding: 20px 18px; margin-top: 16px; display: grid; grid-template-columns: 1fr; gap: 14px; align-items: center; }
@media (min-width: 768px) { .ta-review .ta-rv-strip { grid-template-columns: minmax(0, 1fr) 260px; padding: 22px 24px; } }
.ta-review .ta-rv-strip h2 { margin: 0 0 4px; font-size: 20px; color: #fff; font-weight: 800; }
.ta-review .ta-rv-strip p { margin: 0; color: #e6f2ed; font-size: 14.5px; }
.ta-review a.ta-rv-strip-alt { display: block; text-align: center; color: #fff; font-size: 13.5px; margin-top: 8px; padding: 6px 0; }
.ta-review a.ta-rv-strip-alt:hover { color: #fff; }
.ta-review .ta-rv-disclose { margin-top: 14px; }
.ta-review .ta-rv-disclose p { font-size: 12.5px; color: var(--ta-muted); margin: 0 0 6px; }

/* ---- סיידבר ---- */
.ta-review .ta-rv-side .ta-rv-box { background: #fff; border: 1px solid var(--ta-line); border-radius: 14px; padding: 16px; margin-top: 14px; }
.ta-review .ta-rv-side .ta-rv-box h3 { margin: 0 0 8px; font-size: 16px; font-weight: bold; color: var(--ta-ink); }
.ta-review .ta-rv-side .ta-rv-box p { margin: 0 0 10px; font-size: 13.5px; color: var(--ta-muted); }
.ta-review .ta-rv-side .ta-rv-links a { display: block; font-size: 13.5px; padding: 8px 0; border-top: 1px solid var(--ta-line); color: var(--ta-brand-dark); text-decoration: none; }
.ta-review .ta-rv-side .ta-rv-links a:first-child { border-top: 0; }
.ta-review .ta-rv-side .ta-rv-links a:hover { text-decoration: underline; }
.ta-review .ta-rv-side .ta-rv-wizard .ta-rv-links { margin-top: 8px; }
.ta-review .ta-rv-side .ta-rv-calc-teaser { background: linear-gradient(135deg, var(--ta-brand-dark), var(--ta-brand)); border: 0; }
.ta-review .ta-rv-side .ta-rv-calc-teaser h3 { color: #fff; }
.ta-review .ta-rv-side .ta-rv-calc-teaser p { color: #e6f2ed; }
.ta-review .ta-rv-side .lead .lead-benefits { list-style: none; margin: 0 0 10px; padding: 0 1.2em 0 0; font-size: 14px; font-weight: bold; }
.ta-review .ta-rv-side .lead .lead-benefits li { position: relative; padding: 2px 0; }
.ta-review .ta-rv-side .lead .lead-benefits li::before { content: "✓"; color: var(--ta-brand); position: absolute; right: -1.2em; }
.ta-review .ta-rv-trust-box { font-size: 12px; color: var(--ta-muted); margin-top: 8px; line-height: 1.6; }
@media (min-width: 992px) { .ta-review > .topLeft.ta-rv-side { position: sticky; top: 12px; } }

/* ---- sticky במובייל (split: שותף / ליד). בדסקטופ הטופס בסיידבר ---- */
#leadOffer.ta-rv-sticky { position: fixed; right: 0; left: 0; bottom: 0; z-index: 1040; display: flex; gap: 0; background: #fff; border-top: 1px solid var(--ta-line);
    box-shadow: 0 -6px 20px rgba(0, 0, 0, .08); padding: 0 0 env(safe-area-inset-bottom, 0px); transition: transform .18s ease, opacity .18s ease; direction: rtl; }
#leadOffer.ta-rv-sticky .ta-rv-sticky-opt { flex: 1 1 0; display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 8px 10px; font-size: 15px; font-weight: bold;
    color: #fff; background: #2d6cdf; text-decoration: none; text-align: center; line-height: 1.25; }
#leadOffer.ta-rv-sticky .ta-rv-sticky-opt--main { background: var(--ta-brand); border-inline-end: 1px solid rgba(255, 255, 255, .25); }
#leadOffer.ta-rv-sticky .ta-rv-sticky-opt:hover { color: #fff; text-decoration: none; filter: brightness(.94); }
#leadOffer.ta-rv-sticky.ta-rv-sticky--hidden { transform: translateY(120%); opacity: 0; pointer-events: none; }
@media (min-width: 992px) { #leadOffer.ta-rv-sticky { display: none; } }
@media (prefers-reduced-motion: reduce) { #leadOffer.ta-rv-sticky { transition: none; } }

/* ==== QA מובייל עצמי (2026-10-26): אזורי לחיצה ≥32-36px ==== */
@media (max-width: 760px) {
    .ta-review .ta-rv-score-meta a, .ta-review .lbl a { display: inline-flex; align-items: center; min-height: 32px; }
    .ta-review .ta-rv-alt h3 a { display: inline-block; padding: 6px 0; }
    .ta-review a.ta-rv-alt-more { display: inline-flex; align-items: center; min-height: 36px; }
}

/* ==== הרחבה 2026-10-26: מט"ח, מזומן, קורס, דירוג חנויות, סרטונים, "איך בדקנו" ==== */
.ta-review .ta-rv-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; margin: 10px 0 14px; padding: 0; }
.ta-review .ta-rv-facts > div { background: var(--ta-soft, #f2f8f5); border: 1px solid var(--ta-line); border-radius: 10px; padding: 10px 12px; }
.ta-review .ta-rv-facts dt { font-size: 12.5px; color: var(--ta-muted); font-weight: normal; margin: 0 0 3px; }
.ta-review .ta-rv-facts dd { margin: 0; font-weight: bold; font-size: 14.5px; line-height: 1.4; }
.ta-review .ta-rv-facts dd small { display: block; font-weight: normal; font-size: 12.5px; color: var(--ta-muted); }
.ta-review .ta-rv-facts dd .ta-rv-na { font-weight: normal; }
.ta-review .ta-rv-h3 { font-size: 16px; margin: 16px 0 6px; }
.ta-review .ta-rv-pl .stars small { font-size: 11.5px; color: var(--ta-muted); font-weight: normal; }
.ta-review .ta-rv-pl .store { font-size: 12.5px; color: var(--ta-muted); margin: 4px 0 0; }
.ta-review .ta-rv-pl .extras { list-style: none; margin: 6px 0 0; padding: 0; font-size: 13px; }
.ta-review .ta-rv-pl .extras li { margin: 2px 0; }
.ta-review .ta-rv-course { border: 1px solid var(--ta-line); border-radius: 12px; padding: 12px 14px; margin: 10px 0; background: #fff; }
.ta-review .ta-rv-course h3 { font-size: 16px; margin: 0 0 6px; }
.ta-review .ta-rv-course ul { list-style: none; margin: 0 0 6px; padding: 0; font-size: 14px; }
.ta-review .ta-rv-course li { margin: 3px 0; }
.ta-review .ta-rv-course p { margin: 6px 0 0; font-size: 14px; }
.ta-review .ta-rv-method { border: 1px dashed var(--ta-line); border-radius: 12px; padding: 12px 16px; margin: 18px 0; background: #fff; }
.ta-review .ta-rv-method h2 { font-size: 16px; margin: 0 0 6px; }
.ta-review .ta-rv-method p { font-size: 14px; margin: 0; color: var(--ta-ink); }
/* סרטון: facade בגודל קבוע (אין CLS). hqdefault הוא 4:3 עם פסים — object-fit:cover חותך אותם */
.ta-review .ta-rv-videos { margin: 14px 0 0; }
.ta-review .ta-video { margin: 0 0 12px; max-width: 640px; }
.ta-review .ta-video__btn, .ta-review .ta-video__frame { display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; border-radius: 12px; overflow: hidden; background: #000; cursor: pointer; }
.ta-review .ta-video__btn img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ta-review .ta-video__play { position: absolute; inset: 0; margin: auto; width: 68px; height: 48px; border-radius: 12px; background: rgba(23, 23, 23, .82); transition: background .15s; }
.ta-review .ta-video__play::after { content: ""; position: absolute; inset: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; transform: translateX(2px); }
.ta-review .ta-video__btn:hover .ta-video__play, .ta-review .ta-video__btn:focus-visible .ta-video__play { background: #c00; }
.ta-review .ta-video__btn:focus-visible { outline: 3px solid var(--ta-brand); outline-offset: 2px; }
.ta-review .ta-video__dur { position: absolute; bottom: 8px; left: 8px; background: rgba(0, 0, 0, .78); color: #fff; font-size: 12px; padding: 2px 6px; border-radius: 4px; direction: ltr; }
.ta-review .ta-video--v { max-width: 320px; }
.ta-review .ta-video--v .ta-video__btn, .ta-review .ta-video--v .ta-video__frame { aspect-ratio: 9 / 16; }
.ta-review .ta-video figcaption { font-size: 12.5px; color: var(--ta-muted); margin-top: 6px; }
.ta-review .ta-rv-videolinks { margin: 6px 0 0; padding-inline-start: 1.2em; font-size: 14px; }
.ta-review .ta-rv-videolinks li { margin: 4px 0; }