@font-face { font-family: 'Heebo'; src: url(assets/heebo.woff2) format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Heebo'; src: url(assets/heebo-latin.woff2) format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
#tb a,#tb span,#tb b,#tb strong,#tb li,#tb p,#tb summary,#tb button,#tb output,#tb h1,#tb h2,#tb h3,#tb h4{font-family:inherit;text-transform:none;letter-spacing:normal;text-shadow:none}#tb h1,#tb h2,#tb h3,#tb h4{margin-top:0;margin-bottom:0;color:inherit}#tb button{line-height:normal;min-width:0;min-height:0;box-shadow:none}#tb img{max-width:100%}
/* בונה החבילה (#tb). הכול תחת #tb כדי ש-Astra ו-Elementor לא ידרסו. השפה של דף הערכה המושלמת:
   Heebo, ירוק עמוק #14532D, כפתורים #15803D, רקע #F7F9F6, מסגרות #DDE7E1. מובייל קודם. */
#tb {
  --bg: #F7F9F6; --bg2: #EEF3EF; --stage: #E7EEE9; --surface: #FFFFFF; --dark: #0B1712;
  --brand: #14532D; --btn: #15803D; --btn-h: #166534; --accent: #22C55E; --tint: #ECF6EF;
  --ink: #0F172A; --body: #475569; --muted: #5D6C7E; --line: #DDE7E1;
  --r: 18px; --shadow: 0 1px 2px rgba(15,23,42,.05), 0 6px 20px rgba(15,23,42,.06);
  --pad: 16px; --bar-h: 72px; --admin: var(--wp-admin--admin-bar--height, 0px);
  direction: rtl; text-align: right; color: var(--body); background: var(--bg);
  font-family: 'Heebo', 'Assistant', 'Arial Hebrew', Arial, sans-serif; font-size: 16px; line-height: 1.55;
  -webkit-font-smoothing: antialiased; overflow-x: clip; padding-bottom: var(--bar-h);
}
#tb *, #tb *::before, #tb *::after { box-sizing: border-box; }
#tb h1, #tb h2, #tb h3, #tb h4, #tb p, #tb ul, #tb ol, #tb li { margin: 0; padding: 0; }
#tb ul, #tb ol { list-style: none; }
#tb img { display: block; height: auto; }
#tb [hidden] { display: none !important; }
#tb a { color: inherit; }
#tb :focus-visible { outline: 3px solid var(--btn); outline-offset: 2px; border-radius: 10px; }
#tb h1, #tb h2, #tb h3, #tb h4 { color: var(--ink); text-wrap: balance; letter-spacing: -.01em; }
#tb bdi { unicode-bidi: isolate; }
#tb svg { width: 22px; height: 22px; fill: currentColor; flex: none; }
#tb s { color: var(--muted); font-weight: 500; }

#tb .tb-wrap { max-width: 1280px; margin-inline: auto; padding-inline: var(--pad); }
#tb .tb-kicker { font-size: 14px; font-weight: 700; color: var(--btn); margin-bottom: 8px; }
#tb .tb-link { color: var(--btn); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- כפתורים (Elementor שם padding/radius/רקע על כל button: דורסים במזהה) */
#tb .tb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 10px 22px;
  border-radius: 14px; border: 2px solid transparent; font-family: inherit; font-size: 17px; font-weight: 800; line-height: 1.2;
  text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform .15s, background-color .15s, color .15s, border-color .15s; }
#tb .tb-btn:disabled { cursor: not-allowed; opacity: .5; transform: none; }
#tb .tb-btn-primary, #tb .tb-btn-primary:visited { background: var(--btn); color: #fff; box-shadow: 0 8px 20px -10px rgba(21,128,61,.55); }
#tb .tb-btn-primary:hover:not(:disabled) { background: var(--btn-h); color: #fff; transform: translateY(-1px); }
#tb .tb-btn-primary.is-busy { opacity: .75; }
#tb .tb-btn-line { background: var(--surface); color: var(--brand); border-color: var(--brand); }
#tb .tb-btn-line:hover:not(:disabled) { background: var(--brand); color: #fff; }
#tb .tb-btn-ghost { min-height: 44px; padding: 6px 14px; font-size: 15px; background: var(--tint); color: var(--brand); border-color: transparent; }
#tb .tb-btn-ghost:hover:not(:disabled) { background: #D8EEDF; color: var(--brand); }
#tb .tb-btn-ghost svg { width: 18px; height: 18px; }
#tb .tb-btn-ghost[aria-pressed="true"] { background: var(--brand); color: #fff; }
#tb [aria-pressed="true"] > .tb-off, #tb [aria-pressed="false"] > .tb-on { display: none; }
#tb .tb-on, #tb .tb-off { display: inline-flex; align-items: center; gap: 6px; }
#tb .tb-btn-lg { width: 100%; min-height: 58px; font-size: 19px; }
#tb .tb-round { display: inline-grid; place-items: center; width: 52px; height: 52px; padding: 0; border-radius: 50%;
  border: 2px solid var(--line); background: var(--surface); color: var(--brand); cursor: pointer; transition: background-color .15s, border-color .15s, transform .15s; }
#tb .tb-round:hover:not(:disabled) { background: var(--tint); border-color: var(--btn); color: var(--brand); }
#tb .tb-round-add { background: var(--btn); border-color: var(--btn); color: #fff; }
#tb .tb-round-add:hover:not(:disabled) { background: var(--btn-h); border-color: var(--btn-h); color: #fff; }
#tb .tb-round:disabled { opacity: .35; cursor: not-allowed; }
#tb .tb-round-sm { width: 40px; height: 40px; }
#tb .tb-round-sm svg { width: 20px; height: 20px; }
#tb .tb-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 0;
  background: rgba(255,255,255,.88); color: var(--brand); cursor: pointer; box-shadow: 0 2px 8px rgba(15,23,42,.12); }
#tb .tb-icon:hover { background: #fff; color: var(--btn); }
@media (max-width: 899px) { #tb .tb-icon { width: 38px; height: 38px; } #tb .tb-icon svg { width: 19px; height: 19px; } }
#tb .tb-wa { display: inline-flex; align-items: center; gap: 8px; color: var(--brand); font-weight: 700; text-decoration: none; min-height: 44px; }
#tb .tb-wa span { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- הירו */
#tb .tb-hero { padding-block: 20px 12px; }
#tb .tb-hero h1 { font-size: 30px; line-height: 1.08; font-weight: 800; }
#tb .tb-lede { margin-top: 10px; font-size: 17px; max-width: 44em; }

/* ---------- הבונה: מובייל, במה דביקה למעלה */
#tb .tb-builder { padding-bottom: 32px; }
#tb .tb-side { position: sticky; top: var(--admin); z-index: 6; margin-inline: calc(-1 * var(--pad)); padding: 8px var(--pad) 8px;
  background: var(--bg); border-bottom: 1px solid var(--line); }
#tb .tb-stage { position: relative; height: 52svh; min-height: 320px; max-height: 580px; border-radius: var(--r); overflow: hidden;
  background: var(--stage); border: 1px solid var(--line); touch-action: pan-y; }
#tb .tb-stage canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; display: block; outline: none; }
/* 1.11.2026 (בקשת המשתמש): הרקע של מודעת "36 שתילים. בו-זמנית." מאחורי המגדל. הקנבס שקוף (view-main.js), הרצפה למטה */
#tb .tb-stage { background: #E7DAC6 url(img/tb-stage-bg.v1.webp) center bottom / cover no-repeat; }
#tb .tb-hint { background: rgba(255,255,255,.82); color: var(--ink); padding: 3px 10px; border-radius: 999px; }
#tb .tb-fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom;
  transition: opacity .4s; mix-blend-mode: multiply; }
#tb .tb-stage.is-live .tb-fallback { opacity: 0; pointer-events: none; }
#tb .tb-badge { position: absolute; top: 10px; right: 10px; z-index: 2; display: grid; gap: 0; padding: 7px 12px; border-radius: 12px;
  background: rgba(255,255,255,.92); box-shadow: 0 2px 8px rgba(15,23,42,.10); line-height: 1.2; }
#tb .tb-badge b { color: var(--ink); font-size: 18px; font-weight: 800; }
#tb .tb-badge span { font-size: 13px; color: var(--muted); }
#tb .tb-rot { position: absolute; bottom: 10px; left: 10px; z-index: 2; display: flex; gap: 8px; }
#tb .tb-stage:not(.is-live) .tb-rot, #tb .tb-stage:not(.is-live) .tb-hint { display: none; }
#tb .tb-hint { position: absolute; bottom: 18px; right: 12px; z-index: 2; font-size: 13px; color: var(--muted); pointer-events: none;
  transition: opacity .5s; }
#tb .tb-stage.was-dragged .tb-hint { opacity: 0; }
#tb .tb-tray { display: flex; align-items: center; gap: 10px; margin-top: 8px; min-height: 36px; }
#tb .tb-tray-h { font-size: 13px; font-weight: 700; color: var(--muted); white-space: nowrap; }
#tb .tb-chips { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; flex: 1; min-width: 0; padding-block: 2px; }
#tb .tb-chips::-webkit-scrollbar { display: none; }
#tb .tb-chip { display: inline-flex; align-items: center; gap: 6px; flex: none; height: 32px; padding: 0 10px; border-radius: 999px;
  background: var(--surface); border: 1px solid var(--line); font-size: 13.5px; color: var(--ink); white-space: nowrap;
  animation: tb-chip-in .35s ease-out; }
#tb .tb-chip b { font-weight: 700; }
#tb .tb-chip img { width: 22px; height: 22px; border-radius: 6px; object-fit: contain; background: #fff; }
@keyframes tb-chip-in { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
#tb .tb-side-buy { display: none; }

#tb .tb-steps { display: grid; gap: 14px; padding-top: 14px; }
#tb .tb-step { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 20px 16px; box-shadow: var(--shadow);
  scroll-margin-top: 56svh; }      /* הבמה הדביקה בנייד גדלה ל-52svh (1.11.2026) */
#tb .tb-step-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 16px; }
#tb .tb-n { flex: none; display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--tint);
  color: var(--brand); font-weight: 800; font-size: 14px; font-variant-numeric: tabular-nums; }
#tb .tb-step h2 { font-size: 24px; line-height: 1.2; font-weight: 800; }
#tb .tb-step-head p { margin-top: 4px; font-size: 15.5px; }
#tb .tb-meta { margin-top: 12px; font-size: 14.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
#tb .tb-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 10px; }
#tb .tb-price b { color: var(--ink); font-size: 19px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
#tb .tb-price s { font-size: 14px; white-space: nowrap; }
#tb .tb-price span { font-size: 13px; color: var(--muted); }

/* 01 המגדל */
#tb .tb-tiers { display: flex; align-items: center; justify-content: center; gap: 22px; }
#tb .tb-tiers-val { display: grid; justify-items: center; line-height: 1; min-width: 92px; }
#tb .tb-tiers-val output { font-size: 54px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
#tb .tb-tiers-val span { font-size: 15px; color: var(--muted); margin-top: 4px; }
#tb .tb-btn-add { display: flex; width: 100%; margin-top: 16px; background: var(--surface); color: var(--brand); border-color: var(--brand); }
#tb .tb-btn-add:hover:not(:disabled) { background: var(--brand); color: #fff; }
#tb .tb-sizes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 14px; }
/* 1.11.2026: עוד מגדלים זהים (עד 3), זה לצד זה בהדמיה */
#tb .tb-towers { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--line); }
#tb .tb-towers-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#tb .tb-towers-h { margin: 0; font-size: 17px; font-weight: 800; color: var(--ink); }
#tb .tb-towers-ctl { display: flex; align-items: center; gap: 12px; }
#tb .tb-towers-ctl output { min-width: 1.4em; text-align: center; font-size: 24px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
#tb #tb-add-tower { margin-top: 12px; }
#tb #tb-add-tower b { font-weight: 800; }
#tb .tb-size { display: grid; justify-items: center; gap: 0; padding: 8px 4px; min-height: 0; border-radius: 12px; border: 1.5px solid var(--line);
  background: var(--bg); color: var(--ink); cursor: pointer; font-family: inherit; line-height: 1.15; transition: border-color .15s, background-color .15s; }
#tb .tb-size b { font-size: 19px; font-weight: 800; }
#tb .tb-size span { font-size: 12px; color: var(--muted); }
#tb .tb-size:hover { border-color: var(--btn); background: var(--tint); color: var(--ink); }
#tb .tb-size[aria-pressed="true"] { border-color: var(--brand); background: var(--brand); color: #fff; }
#tb .tb-size[aria-pressed="true"] span { color: #CFE6D6; }

/* 02 השתילים */
#tb .tb-mix { display: grid; grid-template-columns: 84px 1fr; gap: 12px 14px; align-items: center; padding: 14px; border-radius: 16px;
  border: 1.5px solid var(--line); background: var(--bg); transition: border-color .2s, background-color .2s; }
#tb .tb-mix-img { width: 84px; height: 84px; border-radius: 12px; object-fit: cover; }
#tb .tb-mix h3 { font-size: 18px; font-weight: 800; }
#tb .tb-mix-txt p:not(.tb-price) { font-size: 14.5px; margin-block: 2px 4px; }
#tb .tb-mix-btn { grid-column: 1 / -1; width: 100%; }
#tb .tb-mix.is-on { border-color: var(--btn); background: var(--tint); }
#tb .tb-mix.is-on .tb-mix-btn { background: var(--brand); color: #fff; border-color: var(--brand); }
#tb .tb-mix.is-na .tb-mix-txt { opacity: .55; }
#tb .tb-mix-na { grid-column: 1 / -1; font-size: 14px; color: var(--ink); background: #FFF7E6; border: 1px solid #F3D9A4; border-radius: 10px; padding: 8px 12px; }
#tb .tb-or { margin: 16px 0 10px; font-size: 15px; font-weight: 600; color: var(--ink); }
#tb .tb-vars { display: grid; gap: 8px; }
#tb .tb-var { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px;
  border: 1px solid var(--line); border-inline-start: 4px solid var(--c); background: var(--surface); transition: background-color .2s; }
#tb .tb-var img { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; background: #fff; }
#tb .tb-var h3 { font-size: 16px; font-weight: 700; }
#tb .tb-var-txt p { font-size: 13px; color: var(--muted); }
#tb .tb-var-ctl { display: flex; align-items: center; gap: 6px; }
#tb .tb-var-ctl output { min-width: 26px; text-align: center; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
#tb .tb-var.is-on { background: var(--tint); }

/* 03 הציוד */
#tb .tb-addgrp + .tb-addgrp { margin-top: 18px; }
#tb .tb-addgrp h3 { font-size: 15px; font-weight: 700; color: var(--muted); margin-bottom: 8px; }
#tb .tb-adds { display: grid; gap: 8px; }
#tb .tb-add { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 12px; padding: 10px; border-radius: 14px;
  border: 1px solid var(--line); background: var(--surface); transition: border-color .2s, background-color .2s; }
#tb .tb-add img { width: 64px; height: 64px; border-radius: 10px; object-fit: contain; background: #fff; }
#tb .tb-add h4 { font-size: 16px; font-weight: 700; line-height: 1.3; }
#tb .tb-add-desc { font-size: 13px; color: var(--muted); margin-top: 1px; }
#tb .tb-add .tb-price b { font-size: 16px; }
#tb .tb-add.is-on { border-color: var(--btn); background: var(--tint); }

/* 04 הסיכום */
#tb .tb-lines { display: grid; gap: 0; border-top: 1px solid var(--line); }
#tb .tb-lines li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--line); font-size: 15.5px; }
#tb .tb-lines li span { color: var(--ink); }
#tb .tb-lines li b { white-space: nowrap; color: var(--ink); font-variant-numeric: tabular-nums; }
#tb .tb-total { display: flex; justify-content: space-between; align-items: baseline; margin-top: 14px; }
#tb .tb-total span { font-size: 18px; font-weight: 700; color: var(--ink); }
#tb .tb-total b { font-size: 34px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
#tb .tb-ship { margin: 6px 0 16px; font-size: 14px; color: var(--muted); }
#tb .tb-pay { margin-top: 10px; font-size: 14px; color: var(--muted); text-align: center; }
#tb .tb-contact { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 20px; margin-top: 8px; }

/* ---------- מידע, שאלות, סוף */
#tb .tb-sec { padding-block: 44px; }
#tb .tb-sec-alt { background: var(--surface); border-block: 1px solid var(--line); }
#tb .tb-head { margin-bottom: 22px; }
#tb .tb-head h2 { font-size: 28px; line-height: 1.15; font-weight: 800; }
#tb .tb-cards { display: grid; gap: 12px; }
#tb .tb-cards li { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 18px; display: grid; gap: 8px; align-content: start; }
#tb .tb-cards h3 { font-size: 19px; font-weight: 800; }
#tb .tb-faq { display: grid; gap: 8px; max-width: 860px; }
#tb .tb-faq details { border: 1px solid var(--line); border-radius: 14px; background: var(--bg); }
#tb .tb-faq summary { cursor: pointer; padding: 14px 16px; font-weight: 700; color: var(--ink); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
#tb .tb-faq summary::-webkit-details-marker { display: none; }
#tb .tb-faq summary::after { content: '+'; font-weight: 800; color: var(--btn); }
#tb .tb-faq details[open] summary::after { content: '−'; }
#tb .tb-faq details > div { padding: 0 16px 14px; }
#tb .tb-foot { padding-block: 28px 36px; text-align: center; }
#tb .tb-pol { font-size: 13px; color: var(--muted); margin-top: 8px; }
#tb .tb-pol a { color: var(--muted); }

/* ---------- סרגל קנייה בנייד והודעות */
#tb .tb-bar { position: fixed; inset-inline: 0; bottom: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: var(--bar-h); padding: 10px var(--pad) calc(10px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97);
  border-top: 1px solid var(--line); box-shadow: 0 -6px 18px rgba(15,23,42,.08); }
#tb .tb-bar-sum { display: grid; line-height: 1.2; min-width: 0; }
#tb .tb-bar-sum b { font-size: 22px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
#tb .tb-bar-sum span { font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#tb .tb-bar .tb-btn { min-width: 120px; }
#tb .tb-toast { position: fixed; z-index: 60; inset-inline: 12px; bottom: calc(var(--bar-h) + 12px + env(safe-area-inset-bottom)); max-width: 560px; margin-inline: auto;
  display: flex; align-items: flex-start; gap: 8px; padding: 12px 10px 12px 16px; border-radius: 14px; background: var(--dark); color: #ECF4EE;
  font-size: 15px; line-height: 1.45; box-shadow: 0 12px 30px rgba(0,0,0,.25);
  opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .2s, transform .2s; }
#tb .tb-toast.is-on { opacity: 1; transform: none; pointer-events: auto; }
#tb .tb-toast p { flex: 1; }
#tb .tb-toast .tb-link { color: #86EFAC; }
#tb .tb-toast-x { flex: none; display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px;
  background: transparent; color: #ECF4EE; cursor: pointer; }
#tb .tb-toast-x:hover { background: rgba(255,255,255,.12); color: #fff; }
#tb .tb-toast-x svg { width: 18px; height: 18px; }
#tb .tb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tb-fly { position: fixed; z-index: 99999; border-radius: 12px; pointer-events: none; object-fit: cover; box-shadow: 0 8px 22px rgba(15,23,42,.25); }

@media (min-width: 560px) {
  #tb .tb-vars, #tb .tb-adds { grid-template-columns: 1fr 1fr; }
  #tb .tb-add { grid-template-columns: 56px 1fr; }
  #tb .tb-add img { width: 56px; height: 56px; }
  #tb .tb-add .tb-btn { grid-column: 1 / -1; width: 100%; }
}
@media (min-width: 900px) {
  #tb { --pad: 28px; padding-bottom: 0; }
  #tb .tb-hero { padding-block: 48px 26px; }
  #tb .tb-hero h1 { font-size: 52px; }
  #tb .tb-lede { font-size: 19px; }
  #tb .tb-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(400px, 1.08fr); grid-template-areas: "steps side"; gap: 28px; align-items: start; }
  #tb .tb-steps { grid-area: steps; padding-top: 0; gap: 18px; }
  #tb .tb-side { grid-area: side; top: calc(16px + var(--admin)); margin: 0; padding: 0; border: 0; background: none; }
  #tb .tb-stage { height: calc(100vh - 200px - var(--admin)); min-height: 480px; max-height: 840px; }
  #tb .tb-tray { margin-top: 12px; }
  #tb .tb-side-buy { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding: 12px 14px;
    background: var(--surface); border: 1px solid var(--line); border-radius: 16px; }
  #tb .tb-side-total { display: grid; line-height: 1.15; }
  #tb .tb-side-total span { font-size: 13px; color: var(--muted); }
  #tb .tb-side-total b { font-size: 28px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
  #tb .tb-step { padding: 26px 26px; scroll-margin-top: 24px; }
  #tb .tb-step h2 { font-size: 28px; }
  #tb .tb-bar { display: none; }
  #tb .tb-toast { inset-inline: 0; bottom: 28px; width: min(560px, calc(100vw - 48px)); }
  #tb .tb-sec { padding-block: 72px; }
  #tb .tb-head h2 { font-size: 38px; }
  #tb .tb-cards { grid-template-columns: repeat(3, 1fr); }
  /* בעמודת השלבים: כרטיס בשורה, הכפתור בצד */
  #tb .tb-vars, #tb .tb-adds { grid-template-columns: 1fr; }
  #tb .tb-add { grid-template-columns: 64px 1fr auto; }
  #tb .tb-add img { width: 64px; height: 64px; }
  #tb .tb-add .tb-btn { grid-column: auto; width: auto; }
}

@media (prefers-reduced-motion: reduce) {
  #tb *, #tb *::before, #tb *::after { transition: none !important; animation: none !important; }
}

/* אלמנטים צפים של האתר בנייד (נמדד בדף החי 31.10): כפתורי הטלפון והוואטסאפ של Elementor (z 99, מכולה ברוחב המסך)
   ו"חזרה למעלה" של Astra ישבו מעל סרגל הקנייה וכיסו את הסכום ואת "לסל". בדף הזה בלבד: הטלפון והוואטסאפ עולים
   מעל הסרגל, והמכולה הרחבה שלהם לא תופסת נגיעות (רק הכפתור עצמו), ו"חזרה למעלה" מוסתר (הבמה דביקה ממילא). */
@media (max-width: 899px) {
  body:has(#tb) .elementor-element-7432888, body:has(#tb) .elementor-element-63a9a5c { transform: translateY(-82px); pointer-events: none; }
  body:has(#tb) .elementor-element-7432888 a, body:has(#tb) .elementor-element-63a9a5c a { pointer-events: auto; }
  body:has(#tb) #ast-scroll-top { display: none !important; }
}

/* 31.10, סבב 2: 6–13 קומות, מוטות תמיכה, ערכות, הצעת הערכה המושלמת ומבצע 40 השתילים */
#tb .tb-sizes { grid-template-columns: repeat(4, 1fr); }
#tb .tb-hint-box { display: grid; grid-template-columns: 56px 1fr; gap: 10px 12px; align-items: center; margin-top: 14px; padding: 12px;
  border-radius: 14px; background: #FFF7E6; border: 1px solid #F3D9A4; }
#tb .tb-hint-box img { width: 56px; height: 56px; border-radius: 10px; object-fit: contain; background: #fff; }
#tb .tb-hint-box p { font-size: 14.5px; color: var(--ink); }
#tb .tb-hint-box .tb-btn { grid-column: 1 / -1; width: 100%; }
#tb .tb-offer { display: grid; grid-template-columns: 84px 1fr; gap: 12px 14px; align-items: center; margin-bottom: 16px; padding: 14px;
  border-radius: 16px; border: 2px solid var(--btn); background: var(--tint); }
#tb .tb-offer img { width: 84px; height: 84px; border-radius: 12px; object-fit: cover; }
#tb .tb-offer h3 { font-size: 18px; font-weight: 800; margin: 2px 0 4px; }
#tb .tb-offer p { font-size: 14.5px; }
#tb .tb-offer .tb-btn { grid-column: 1 / -1; width: 100%; }
#tb .tb-offer-kicker { font-size: 13px; font-weight: 800; color: var(--btn); }
#tb .tb-kit { margin-bottom: 10px; padding: 10px 12px; border-radius: 12px; background: var(--tint); color: var(--brand); font-size: 14.5px; font-weight: 700; }
#tb .tb-modal { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 16px; background: rgba(7,26,18,.62); }
#tb .tb-modal-box { width: min(440px, 100%); max-height: calc(100vh - 32px); overflow: auto; padding: 22px 20px; border-radius: 22px;
  background: #fff; text-align: center; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
#tb .tb-modal-box img { width: 160px; height: 160px; margin: 0 auto 10px; border-radius: 16px; object-fit: cover; }
#tb .tb-modal-box h2 { font-size: 26px; font-weight: 800; margin: 4px 0 8px; }
#tb .tb-modal-box p { font-size: 15.5px; }
#tb .tb-modal-actions { display: grid; gap: 8px; margin-top: 16px; }
#tb .tb-modal-actions .tb-btn { width: 100%; }

/* ---------- 1.11.2026: הדף עובר לתבנית עם הכותרת והתפריט של האתר (elementor_header_footer, כמו דפי הערכות).
   הכותרת: 110px בראש הדף, ובגלילה פס של 70px שנצמד למעלה (Elementor sticky, z 99).
   במחשב: הבמה הדביקה נעצרת מתחת לפס, והגובה שלה קטן ב-70px. בנייד: הכותרת לא נצמדת בדף הזה (גוללת עם הדף),
   כדי שהבמה הדביקה תשמור על הגודל שלה. בתבנית קנבס (בלי כותרת) הכללים לא חלים */
body.elementor-template-full-width .ast-container:has(#tb) { max-width: none; padding-left: 0; padding-right: 0; display: block; }
@media (min-width: 900px) {
  body.elementor-template-full-width #tb .tb-side { top: calc(86px + var(--admin)); }
  body.elementor-template-full-width #tb .tb-stage { height: calc(100vh - 260px - var(--admin)); min-height: 440px; }
}
@media (max-width: 899px) {
  body.elementor-template-full-width:has(#tb) .elementor-location-header .elementor-sticky--active {
    position: relative !important; top: auto !important; left: auto !important; width: auto !important; }
  body.elementor-template-full-width:has(#tb) .elementor-location-header .elementor-sticky__spacer { display: none !important; }
}

body:has(#tb){background:#F7F9F6}