/* ============================================================================
   texas-unified-search.css  —  Unified Smart Search Popup (Forest)
   STEP 1: infrastructure only. Hidden until window.TexasSearch.open().
   Load on BOTH skin paths (oc-theme/default + base/default).
   Modal on desktop · bottom-sheet on mobile · RTL.
   ============================================================================ */
.txus-ov{
  position:fixed; inset:0; z-index:99000; display:none;
  background:rgba(0,34,23,.55); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  align-items:flex-start; justify-content:center; padding-top:64px;
  font-family:'Heebo',Arial,sans-serif; direction:rtl;
}
.txus-ov.txus-open{display:flex; animation:txusFade .12s ease}
@keyframes txusFade{from{opacity:0}to{opacity:1}}

.txus-pop{
  background:#fff; width:640px; max-width:92vw; max-height:84vh;
  border-radius:20px; box-shadow:0 24px 64px rgba(0,34,23,.25);
  display:flex; flex-direction:column; overflow:hidden;
  animation:txusIn .13s ease-out;
}
@keyframes txusIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}

.txus-grab{display:none}

/* input row */
.txus-top{position:relative;padding:16px 18px 8px}
.txus-top input{
  width:100%; height:50px; border:2px solid #E6E2D8; border-radius:14px;
  background:#FAFAF7; padding:0 46px 0 46px; font:600 16px 'Heebo'; color:#1F1F1F;
  transition:border-color .15s,box-shadow .15s;
}
.txus-top input:focus{outline:none;border-color:#003D29;background:#fff;box-shadow:0 0 0 4px rgba(0,61,41,.10)}
.txus-top .txus-si{position:absolute;inset-inline-end:32px;top:27px;color:#64748B;font-size:17px}
.txus-top .txus-x{position:absolute;inset-inline-start:30px;top:25px;width:30px;height:30px;border:none;background:#FAFAF7;border-radius:50%;font-size:14px;color:#64748B;cursor:pointer}

.txus-body{padding:4px 18px 12px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
.txus-sec{font:800 12px 'Heebo';color:#64748B;margin:14px 2px 8px;display:flex;align-items:center;gap:6px}

/* popular chips */
.txus-chips{display:flex;flex-wrap:wrap;gap:7px}
.txus-chip{border:1.5px solid #E6E2D8;background:#fff;border-radius:999px;padding:7px 14px;font:600 13px 'Heebo';color:#1F1F1F;cursor:pointer;transition:all .15s}
.txus-chip:hover{border-color:#003D29;background:#F0F4F1;color:#003D29}

/* budget */
.txus-bkhead{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 6px}
.txus-bkhead .lbl{font:800 12px 'Heebo';color:#64748B;display:flex;gap:6px;align-items:center}
.txus-state{font:700 11px 'Heebo';color:#94A3B8;background:#FAFAF7;border:1px solid #E6E2D8;border-radius:999px;padding:3px 10px}
.txus-state.on{color:#fff;background:#003D29;border-color:#003D29}

.txus-buckets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.txus-bucket{background:#fff;border:1.5px solid #E6E2D8;border-radius:12px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .15s}
.txus-bucket:hover{border-color:#003D29;background:#F0F4F1}
.txus-bucket.sel{border-color:#003D29;background:#003D29;color:#fff}
.txus-bucket .em{font-size:20px}
.txus-bucket .rg{font:800 13px 'Heebo';margin-top:4px}
.txus-bucket .ct{font:700 11px 'Heebo';color:#64748B;margin-top:2px;direction:ltr}
.txus-bucket.sel .ct{color:rgba(255,255,255,.85)}

/* recent */
.txus-rec .it{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #E6E2D8}
.txus-rec .it .ri{width:34px;height:34px;border-radius:50%;background:#FAFAF7;display:grid;place-items:center;font-size:15px}
.txus-rec .it .rt{font:600 14px 'Heebo'}
.txus-rec .it .rm{font:400 11px 'Heebo';color:#94A3B8;margin-inline-start:auto}
.txus-clear{background:none;border:none;color:#64748B;font:600 12px 'Heebo';padding:8px 2px;text-decoration:underline;cursor:pointer}

/* CTA footer */
.txus-foot{padding:12px 18px;border-top:1px solid #E6E2D8;background:#fff}
.txus-cta{width:100%;height:54px;border:none;border-radius:14px;font:800 16px 'Heebo';display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}
.txus-cta.idle{background:#FAFAF7;color:#94A3B8;cursor:default}
.txus-cta.go{background:#003D29;color:#fff}
.txus-cta.go:hover{background:#002217}
.txus-cta.budget{background:#f1d651;color:#002217}
.txus-cta.budget:hover{background:#d9bd33}

/* ===== MOBILE: bottom-sheet ===== */
@media (max-width:991px){
  .txus-ov{align-items:flex-end;padding-top:0}
  .txus-pop{width:100%;max-width:100%;height:92vh;max-height:92vh;border-radius:20px 20px 0 0;animation:txusUp .3s cubic-bezier(.32,.72,0,1)}
  .txus-grab{display:block;width:36px;height:4px;background:#E8E2D6;border-radius:2px;margin:8px auto 0}
  .txus-buckets{grid-template-columns:repeat(2,1fr)}
  .txus-top input{font-size:16px}
  .txus-foot{padding-bottom:max(14px,env(safe-area-inset-bottom))}
}
@keyframes txusUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* ===== v2: hosted native #search_mini_form inside popup ===== */
.txus-form-slot{flex:1}
.txus-top .txus-form-slot form.txus-hosted{margin:0;padding:0;width:100%;display:block !important}
.txus-top .txus-form-slot form.txus-hosted .input-box{width:100% !important;float:none !important;margin:0 !important;padding:0 !important}
.txus-top .txus-form-slot form.txus-hosted label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.txus-top input.txus-hosted-input{
  width:100% !important;height:50px !important;border:2px solid #E6E2D8 !important;border-radius:14px !important;
  background:#FAFAF7 !important;padding:0 46px 0 46px !important;font:600 16px 'Heebo' !important;color:#1F1F1F !important;
  float:none !important;margin:0 !important;box-shadow:none !important;
}
.txus-top input.txus-hosted-input:focus{outline:none;border-color:#003D29 !important;background:#fff !important;box-shadow:0 0 0 4px rgba(0,61,41,.10) !important}
/* hide native submit button inside popup (Enter submits) */
.txus-top .txus-form-slot form.txus-hosted .search-button,
.txus-top .txus-form-slot form.txus-hosted button[type=submit]{display:none !important}
/* native autocomplete dropdown — align to popup width */
.txus-top .txus-form-slot .search-autocomplete{top:54px !important;width:100% !important;right:0 !important;left:0 !important;z-index:99100}
/* hint line */
.txus-hint{font:600 12px 'Heebo';color:#94A3B8;text-align:center;margin:10px 2px 2px}

/* ===== v2.1 fix — bucket text was inheriting white/invisible ===== */
.txus-buckets .txus-bucket .rg{color:#1F1F1F !important}
.txus-buckets .txus-bucket .ct{color:#64748B !important}
.txus-buckets .txus-bucket.sel .rg,
.txus-buckets .txus-bucket.sel .ct{color:#ffffff !important}
.txus-buckets .txus-bucket .em{font-size:22px}
/* section + label safety (force dark on light) */
.txus-sec,.txus-bkhead .lbl{color:#003D29 !important}
.txus-state{color:#64748B !important}
.txus-state.on{color:#fff !important}
/* contain native autocomplete so it scrolls inside popup, never covers buckets fully */
.txus-top .txus-form-slot .search-autocomplete{max-height:46vh !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch}

/* ===== v3: native budget <select> (Forest) ===== */
.txus-budget-wrap{margin:6px 2px 4px}
.txus-budget-select{
  width:100%; height:54px; border:2px solid #003D29; border-radius:14px;
  background:#F0F4F1; color:#003D29; font:700 15px 'Heebo';
  padding:0 16px 0 44px; cursor:pointer;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23003D29' stroke-width='3'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat; background-position:left 14px center;
}
.txus-budget-select:focus{outline:none;border-color:#002217;box-shadow:0 0 0 4px rgba(0,61,41,.12);background-color:#E8EFE9}
.txus-budget-select option{color:#1F1F1F;font-weight:600}

/* ===== v3: floating escape button for Amasty full-screen autocomplete ===== */
.txus-ac-close{
  position:fixed; top:14px; left:14px; z-index:2147483647;
  width:46px; height:46px; border-radius:50%;
  background:#003D29; color:#fff; border:2px solid #fff; font-size:20px; font-weight:700;
  box-shadow:0 6px 20px rgba(0,0,0,.35); cursor:pointer; display:none;
}
.txus-ac-close.show{display:grid; place-items:center}
@media (min-width:992px){ .txus-ac-close{display:none !important} } /* mobile only */

/* ===== v4: budget header + top "חפש" button + slider + buckets ===== */
.txus-bkhead{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 8px}
.txus-go-budget{background:#f1d651;color:#002217;border:none;border-radius:10px;padding:8px 18px;font:800 13px 'Heebo';cursor:pointer;display:flex;align-items:center;gap:6px;opacity:.45;pointer-events:none;transition:.15s}
.txus-go-budget.on{opacity:1;pointer-events:auto;box-shadow:0 3px 10px rgba(241,214,81,.4)}
.txus-go-budget.on:hover{background:#d9bd33}

.txus-slider-box{background:linear-gradient(135deg,#F0F4F1,#fff);border:1px solid #E8EFE9;border-radius:12px;padding:14px;margin-bottom:10px}
.txus-shead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.txus-shead .t{font:800 12px 'Heebo';color:#003D29}
.txus-sv{display:flex;justify-content:space-between;font:800 14px 'Heebo';color:#003D29;margin:8px 0 0;direction:ltr}
.txus-track{position:relative;height:6px;background:#E8E2D6;border-radius:3px;margin:14px 4px 4px}
.txus-fill{position:absolute;height:100%;background:#003D29;border-radius:3px;inset-inline-start:0;width:100%;transition:.15s}
.txus-h{position:absolute;top:50%;width:20px;height:20px;background:#fff;border:3px solid #003D29;border-radius:50%;transform:translate(50%,-50%);box-shadow:0 2px 6px rgba(0,34,23,.2);transition:.15s}

.txus-buckets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.txus-bucket{background:#fff;border:1.5px solid #E6E2D8;border-radius:12px;padding:12px 6px;text-align:center;cursor:pointer;transition:.15s}
.txus-bucket:hover{border-color:#003D29;background:#F0F4F1}
.txus-bucket.sel{border-color:#003D29;background:#003D29;color:#fff}
.txus-bucket .em{font-size:22px}
.txus-buckets .txus-bucket .rg{font:800 12px 'Heebo';margin-top:4px;color:#1F1F1F !important}
.txus-buckets .txus-bucket .ct{font:700 10px 'Heebo';color:#64748B !important;margin-top:2px}
.txus-buckets .txus-bucket.sel .rg,.txus-buckets .txus-bucket.sel .ct{color:#fff !important}
@media (max-width:991px){ .txus-buckets{grid-template-columns:repeat(4,1fr)} }

/* ===== v5: 6 buckets 3x2 + draggable slider handles ===== */
.txus-buckets-6{grid-template-columns:repeat(3,1fr) !important}
@media (max-width:991px){ .txus-buckets-6{grid-template-columns:repeat(3,1fr) !important} }
.txus-buckets-6 .txus-bucket{padding:10px 4px}
.txus-buckets-6 .txus-bucket .rg{font-size:12px}
/* draggable handles — larger touch target */
.txus-track{height:6px;cursor:pointer}
.txus-h{width:24px;height:24px;cursor:grab}
.txus-h:active{cursor:grabbing;transform:translate(50%,-50%) scale(1.15)}

/* ===== v6: jQuery UI slider Forest skin ===== */
.txus-uislider.ui-slider{position:relative;height:8px;background:#E8E2D6;border:none;border-radius:4px;margin:14px 6px 4px}
.txus-uislider .ui-slider-range{background:#003D29 !important;border-radius:4px;height:100%}
.txus-uislider .ui-slider-handle{width:24px;height:24px;top:50%;margin-top:-12px;margin-left:-12px;background:#fff !important;border:3px solid #003D29 !important;border-radius:50%;box-shadow:0 2px 6px rgba(0,34,23,.25);cursor:grab;outline:none}
.txus-uislider .ui-slider-handle:active,.txus-uislider .ui-slider-handle.ui-state-active{cursor:grabbing;transform:scale(1.12)}
.txus-uislider .ui-slider-handle:focus{box-shadow:0 0 0 4px rgba(0,61,41,.18)}

/* ===== v6.1 — top row matches mockup: green ✕ circle + input + icon ===== */
.txus-top{display:flex !important;align-items:center;gap:10px;padding:12px 16px 8px !important;position:relative}
.txus-top .txus-x{
  position:static !important;order:2;flex:0 0 40px;width:40px;height:40px;
  background:#003D29 !important;color:#fff !important;border:none !important;border-radius:50% !important;
  font-size:15px;font-weight:700;top:auto !important;inset-inline-start:auto !important;cursor:pointer;
  display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,34,23,.2)
}
.txus-top .txus-x:hover{background:#002217 !important}
.txus-top .txus-form-slot{order:1;flex:1;position:relative}
.txus-top .txus-si{
  order:0;position:absolute;inset-inline-start:14px;inset-inline-end:auto;top:50%;transform:translateY(-50%);
  color:#64748B;font-size:16px;pointer-events:none;z-index:3
}
.txus-top input.txus-hosted-input{
  padding-inline-start:42px !important;padding-inline-end:16px !important;height:48px !important;margin:0 !important
}

/* ===== version badge ===== */
.txus-ver{position:absolute;top:10px;inset-inline-start:14px;background:rgba(0,61,41,.08);color:#003D29;font:700 10px 'Heebo';padding:2px 8px;border-radius:999px;z-index:10;pointer-events:none}

/* ===== גרסה 5.27 layout ===== */
.txus-ac-close{display:none !important}  /* floating ✕ removed — smart single ✕ now */
.txus-ver{display:block !important;position:static !important;text-align:center;font:700 10px 'Heebo';color:#94A3B8;background:none;padding:12px 0 4px;margin-top:6px}
.txus-bkbox{background:linear-gradient(135deg,#F0F4F1,#fff);border:1px solid #E8EFE9;border-radius:14px;padding:14px;margin-top:8px}
.txus-row1{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.txus-row1 .t{font:800 13px 'Heebo';color:#003D29}
.txus-bkbox .txus-state{font:700 11px 'Heebo';color:#fff;background:#003D29;border:none;border-radius:999px;padding:2px 10px}
.txus-bkbox .txus-state:not(.on){color:#64748B;background:#fff;border:1px solid #E6E2D8}
.txus-bkbox .txus-sv{display:flex;justify-content:space-between;font:800 14px 'Heebo';color:#003D29;direction:ltr;margin:6px 2px}
.txus-bktitle{font:800 13px 'Heebo';color:#003D29;margin:16px 2px 8px}
.txus-go-big{width:100%;height:54px;margin-top:14px;border:none;border-radius:14px;background:#003D29;color:#fff;font:800 17px 'Heebo';display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 16px rgba(0,61,41,.3);cursor:pointer;transition:.15s;opacity:.5;pointer-events:none}
.txus-go-big.on{opacity:1;pointer-events:auto}
.txus-go-big.on:hover{background:#002217}
/* hide old separate bkhead/go-budget/slider-box from earlier versions if present */
.txus-bkhead,.txus-go-budget,.txus-slider-box{display:none !important}

/* v5.29 — let jQuery UI handle touch natively (drag was blocked by touch-action:none) */
.txus-uislider,.txus-uislider .ui-slider-handle{touch-action:auto !important}
.txus-uislider .ui-slider-handle{height:26px;width:26px;margin-left:-13px;margin-top:-13px}

/* ===== 5.32 — animation on popup ✕ (close button) ===== */
.txus-top .txus-x{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .15s}
.txus-top .txus-x:hover{transform:rotate(90deg)}
.txus-top .txus-x:active{transform:rotate(90deg) scale(.85)}

/* ===== 5.33 — center the Amasty autocomplete inside the popup ===== */
.txus-pop .am_search_popup,
.txus-open ~ * .am_search_popup,
.am_search_popup{
  left:12px !important; right:12px !important; width:auto !important;
  max-width:none !important; margin:6px 0 12px !important; box-sizing:border-box !important;
}
.am_search_popup_inner{ width:100% !important; max-width:none !important; box-sizing:border-box !important; }

/* ===== 5.34 — DESKTOP dropdown (anchored under search box) ===== */
@media (min-width:992px){
  /* overlay: transparent, not dark bottom-sheet backdrop */
  .txus-ov.txus-desktop{ background:rgba(0,34,23,.12) !important; align-items:flex-start !important; }
  /* popup: anchored box (JS sets top/right/width via fixed), not full-width sheet */
  .txus-desktop .txus-pop{
    border-radius:16px !important; max-height:82vh !important; box-shadow:0 24px 60px rgba(0,34,23,.22) !important;
    animation:txusDeskIn .12s ease !important;
  }
  @keyframes txusDeskIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  /* hide the mobile grab handle on desktop */
  .txus-desktop .txus-grab{ display:none !important; }
  /* small arrow pointing to the search box */
  .txus-desktop .txus-pop::before{
    content:""; position:absolute; top:-7px; inset-inline-end:34px; width:14px; height:14px;
    background:#fff; border-inline-start:1px solid var(--tx-line,#E6E2D8); border-top:1px solid var(--tx-line,#E6E2D8);
    transform:rotate(45deg); z-index:2;
  }
  /* 6 buckets in ONE row on desktop (wider) */
  .txus-desktop .txus-buckets-6{ grid-template-columns:repeat(6,1fr) !important; }
  /* tighten top row (no big sheet padding) */
  .txus-desktop .txus-top{ padding-top:14px !important; }
}

/* ===== 5.36 — desktop NO-HOST dropdown (form stays in header) ===== */
@media (min-width:992px){
  /* overlay click-through: only the popup catches events, header stays usable */
  .txus-ov.txus-desktop{ background:transparent !important; pointer-events:none !important; }
  .txus-desktop .txus-pop{ pointer-events:auto !important; }
  /* form is NOT hosted on desktop — hide the empty search slot + icon, keep ✕ */
  .txus-desktop .txus-form-slot{ display:none !important; }
  .txus-desktop .txus-si{ display:none !important; }
  .txus-desktop .txus-top{ justify-content:flex-start !important; min-height:0 !important; padding:6px 6px 0 !important; }
  /* scrollable body so long content (budget+recent) never gets stuck */
  .txus-desktop .txus-pop{ display:flex !important; flex-direction:column !important; max-height:80vh !important; }
  .txus-desktop .txus-body{ overflow-y:auto !important; -webkit-overflow-scrolling:touch; }
}

/* ===== 5.37 — desktop overlay ZERO-AREA (never blocks the page/search) ===== */
@media (min-width:992px){
  .txus-ov.txus-desktop{
    position:fixed !important; top:0 !important; right:0 !important;
    left:auto !important; bottom:auto !important;
    width:0 !important; height:0 !important; overflow:visible !important;
    background:transparent !important; pointer-events:none !important;
  }
  .txus-desktop .txus-pop{ pointer-events:auto !important; margin:0 !important; }
}

/* ===== 5.39 — DESKTOP = centered modal w/ search input INSIDE (overrides 5.36/5.37) ===== */
@media (min-width:992px){
  /* full centered dark overlay (undo zero-area) */
  .txus-ov.txus-desktop{
    position:fixed !important; inset:0 !important; top:0 !important; right:0 !important; left:0 !important; bottom:0 !important;
    width:auto !important; height:auto !important; overflow:auto !important;
    background:rgba(0,34,23,.45) !important; pointer-events:auto !important;
    display:flex !important; align-items:flex-start !important; justify-content:center !important;
    padding-top:78px !important;
  }
  /* centered modal popup */
  .txus-desktop .txus-pop{
    position:relative !important; top:auto !important; right:auto !important; left:auto !important;
    width:680px !important; max-width:94vw !important; max-height:84vh !important;
    margin:0 !important; border-radius:20px !important; pointer-events:auto !important;
    display:flex !important; flex-direction:column !important;
    box-shadow:0 30px 80px rgba(0,34,23,.35) !important;
  }
  /* SHOW the search input row inside the popup (undo 5.36 hide) */
  .txus-desktop .txus-form-slot{ display:block !important; flex:1 !important; }
  .txus-desktop .txus-si{ display:none !important; } /* icon sits inside input instead */
  .txus-desktop .txus-top{
    display:flex !important; align-items:center !important; gap:12px !important;
    justify-content:flex-start !important; padding:18px 20px !important;
    border-bottom:1px solid var(--tx-line,#E6E2D8) !important; background:var(--tx-canvas,#FAFAF7) !important;
  }
  /* make the hosted input BOLD/prominent per mockup */
  .txus-desktop .txus-form-slot #search,
  .txus-desktop .txus-form-slot input[type="text"]{
    width:100% !important; height:58px !important; border:2.5px solid #003D29 !important;
    border-radius:14px !important; padding:0 18px !important; font:700 17px Heebo,Arial !important;
    color:#1F1F1F !important; background:#fff !important; box-shadow:0 4px 16px rgba(0,61,41,.12) !important;
  }
  .txus-desktop .txus-grab{ display:none !important; }
  .txus-desktop .txus-body{ overflow-y:auto !important; padding:18px 20px !important; }
  /* arrow not needed on centered modal */
  .txus-desktop .txus-pop::before{ display:none !important; }
}

/* ===== 5.40b — DESKTOP: swap top-row order (RTL: input on right, ✕ on left) + shrink ✕ 20% ===== */
@media (min-width:992px){
  /* swap: search input first (right in RTL), ✕ last (left) */
  .txus-desktop .txus-top{ flex-direction:row-reverse !important; }
  /* shrink the close button 20% (42 → 34px) */
  .txus-desktop .txus-x{
    width:34px !important; height:34px !important; min-width:34px !important;
    font-size:14px !important; flex:0 0 34px !important;
  }
}

/* ===== 5.41 — TYPING MODE: hide budget, AC flows inside body ===== */
/* hide budget UI while typing (both mobile + desktop) */
.txus-ov.txus-typing .txus-sec,
.txus-ov.txus-typing .txus-chips,
.txus-ov.txus-typing .txus-bkbox,
.txus-ov.txus-typing .txus-rec,
.txus-ov.txus-typing .txus-clear{ display:none !important; }
/* make the relocated AC flow inside body (kill Amasty's absolute floating panel) */
.txus-ov.txus-typing .txus-body .am_search_popup{
  position:static !important; width:100% !important; max-width:none !important;
  left:auto !important; right:auto !important; top:auto !important;
  box-shadow:none !important; border:none !important; margin:0 !important;
  display:block !important;
}
.txus-ov.txus-typing .txus-body .am_search_popup_inner{
  width:100% !important; max-width:none !important; background:transparent !important;
}
/* nicer top spacing inside body when AC is visible */
.txus-ov.txus-typing .txus-body{ padding-top:8px !important; }

/* ===== 5.42 — kill Amasty inner scroll, use ONLY popup body scroll ===== */
.txus-ov.txus-typing .am_search_popup,
.txus-ov.txus-typing .am_search_popup_inner{
  overflow:visible !important;
  max-height:none !important;
  height:auto !important;
}
/* zero out any margin/offset that pushes AC outside the body flow */
.txus-ov.txus-typing .txus-body .am_search_popup{
  margin:0 !important;
  top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
}

/* ===== 5.44 (H1) — DESKTOP = anchored panel + own bold input (overrides 5.39 centered modal) ===== */
@media (min-width:992px){
  /* overlay: dark backdrop, click-through to panel (panel handles its own pointer-events) */
  .txus-ov.txus-desktop{
    align-items:flex-start !important; justify-content:flex-end !important;
    padding-top:0 !important;
    background:rgba(0,34,23,.5) !important;
    pointer-events:auto !important;
    inset:0 !important; width:auto !important; height:auto !important;
  }
  /* panel: anchored to right (via JS top/right), 760px, like mockup */
  .txus-ov.txus-desktop .txus-pop{
    border-radius:16px !important; border:2px solid #003D29 !important;
    box-shadow:0 30px 70px rgba(0,34,23,.4) !important;
    width:760px !important; max-width:calc(100vw - 40px) !important;
    max-height:calc(100vh - 28px) !important;
    display:flex !important; flex-direction:column !important;
    margin:0 !important;
  }
  /* top row: our own input + ✕ on left */
  .txus-desktop .txus-top{
    display:flex !important; flex-direction:row-reverse !important;
    align-items:center !important; gap:12px !important;
    padding:20px 22px !important;
    border-bottom:1px solid var(--tx-line,#E6E2D8) !important;
    background:var(--tx-canvas,#FAFAF7) !important;
  }
  .txus-desktop .txus-si{ display:none !important; }       /* small icon row not needed (icon inside input) */
  .txus-desktop .txus-form-slot{ display:block !important; flex:1 !important; }
  .txus-desktop .txus-x{
    width:36px !important; height:36px !important; min-width:36px !important;
    flex:0 0 36px !important; font-size:14px !important; border-radius:50% !important;
  }
  .txus-desktop .txus-grab{ display:none !important; }
  /* body: scrollable */
  .txus-desktop .txus-body{ overflow-y:auto !important; padding:18px 22px !important; }

  /* the H1 form: bold input */
  .txex-form{ width:100%; margin:0; }
  .txex-inp{ position:relative; }
  .txex-inp input{
    width:100%; height:56px;
    border:2.5px solid #003D29; border-radius:14px;
    padding:0 54px 0 18px;
    font:700 17px Heebo,Arial,sans-serif;
    color:#1F1F1F; background:#fff;
    box-shadow:0 4px 14px rgba(0,61,41,.1);
    -webkit-appearance:none; outline:none;
  }
  .txex-inp input:focus{ border-color:#003D29; box-shadow:0 6px 20px rgba(0,61,41,.2); }
  .txex-ic{
    position:absolute; inset-inline-end:18px; top:50%; transform:translateY(-50%);
    color:#003D29; font-size:22px; pointer-events:none;
  }
}

/* ===== 5.45 (H3) — our OWN autocomplete cards (desktop panel) ===== */
@media (min-width:992px){
  /* hide budget while typing (our AC takes over) */
  .txus-ov.txus-typing .txus-sec,
  .txus-ov.txus-typing .txus-chips,
  .txus-ov.txus-typing .txus-bkbox,
  .txus-ov.txus-typing .txus-rec,
  .txus-ov.txus-typing .txus-clear{ display:none !important; }

  .txex-ac{ }
  .txex-achd{ display:flex; align-items:center; justify-content:space-between; margin:0 2px 12px; }
  .txex-achd .t{ font:800 15px Heebo,Arial; color:#003D29; }
  .txex-more-top{
    background:#003D29; color:#fff; border-radius:10px; padding:8px 14px;
    font:800 12px Heebo,Arial; text-decoration:none; white-space:nowrap;
  }
  .txex-more-top:hover{ background:#002217; color:#fff; }
  .txex-it{
    display:flex; align-items:center; gap:14px; padding:11px 8px;
    border-bottom:1px solid #E6E2D8; border-radius:10px; text-decoration:none;
    transition:background .12s ease;
  }
  .txex-it:hover{ background:#E8EFE9; box-shadow:inset 3px 0 0 #003D29; }
  .txex-im{
    width:96px; height:96px; flex:0 0 96px; border-radius:10px;
    background:#F2EFE8 center/cover no-repeat; border:1px solid #E6E2D8;
  }
  .txex-info{ display:flex; flex-direction:column; gap:3px; min-width:0; flex:1 1 auto; }
  .txex-nm{ font:600 16px Heebo,Arial; color:#1F1F1F; line-height:1.4; }
  .txex-hl{ background:#E8EFE9; color:#003D29; border-radius:3px; padding:0 3px; font-weight:700; }
  .txex-pr{ font:800 14px Heebo,Arial; color:#003D29; direction:ltr; text-align:right; }
  .txex-from{ font:600 10px Heebo,Arial; color:#6B7280; }
  .txex-more-btm{
    display:block; width:100%; margin-top:12px; padding:13px; text-align:center;
    background:#003D29; color:#fff; border-radius:12px; font:800 14px Heebo,Arial; text-decoration:none;
  }
  .txex-more-btm:hover{ background:#002217; color:#fff; }
  .txex-empty{ padding:30px 10px; text-align:center; color:#6B7280; font:600 15px Heebo,Arial; }
}

/* ===== 5.45 categories in our AC ===== */
@media (min-width:992px){
  .txex-catsec{ font:800 12px Heebo,Arial; color:#003D29; margin:0 2px 8px; }
  .txex-cat{
    display:flex; align-items:center; gap:10px; padding:9px 8px; margin-bottom:2px;
    border-radius:8px; text-decoration:none; background:#F0F4F1;
    transition:background .12s ease;
  }
  .txex-cat:hover{ background:#E8EFE9; box-shadow:inset 3px 0 0 #003D29; }
  .txex-cat-ic{ font-size:15px; flex:0 0 auto; }
  .txex-cat-nm{ font:700 13px Heebo,Arial; color:#1F1F1F; }
  .txex-cat + .txex-achd{ margin-top:14px; }   /* space between cats block and products */
}

/* ===== 5.46 — Skeleton loading (shimmer) ===== */
@media (min-width:992px){
  .txex-sk{ display:flex; align-items:center; gap:14px; padding:11px 8px; border-bottom:1px solid #E6E2D8; }
  .txex-sk-im{ width:56px; height:56px; flex:0 0 56px; border-radius:10px; }
  .txex-sk-info{ display:flex; flex-direction:column; gap:8px; flex:1; }
  .txex-sk-l1{ height:13px; width:70%; border-radius:5px; }
  .txex-sk-l2{ height:13px; width:35%; border-radius:5px; }
  .txex-sk-im, .txex-sk-l1, .txex-sk-l2{
    background:linear-gradient(90deg,#E4EAE5 20%,#F3F7F3 40%,#D8E5DC 60%,#E4EAE5 80%);
    background-size:400% 100%;
    animation:txexShim 0.9s linear infinite;
  }
  @keyframes txexShim{ 0%{background-position:100% 0} 100%{background-position:-100% 0} }
}


/* ===== TX-BADGES v1 — marketing pills in autocomplete ===== */
.txex-im{position:relative}
.txex-bdgs{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin-top:4px}
.txex-bdg{font-weight:700;font-size:10px;line-height:1.4;padding:3px 8px;border-radius:999px;white-space:nowrap}
.txex-bdg--def{background:#F1F5F9;color:#475569}
.txex-bdg--brand{background:#F3F0FF;color:#7C3AED}
.txex-bdg--event{background:#DBEAFE;color:#2563EB}
.txex-bdg--value{background:#CCFBF1;color:#0D9488}
.txex-bdg--hr{background:#FFE4E6;color:#E11D48}
.txex-bdg--special{background:#FAE8FF;color:#C026D3}
.txex-bdg--new{background:#E0E7FF;color:#4F46E5}
.txex-bdg--premium{background:#FEF3C7;color:#B45309}
.txex-bdg--eco{background:#D1FAE5;color:#059669}
.txex-bdg--express{background:#FFEDD5;color:#EA580C}
.txex-bdg--sale{background:#FCE7F3;color:#DB2777}
.txex-bdg--excl{background:#003D29;color:#fff}

/* ===== v5.49: mobile autocomplete scroll fix ===== */
@media (max-width:991px){
  .txus-pop{ display:flex; flex-direction:column; }
  .txus-body{ flex:1 1 auto; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; }
  .txex-ac{ overflow:visible; }                 /* let parent .txus-body do the scrolling */
}

/* ===== v5.50: mobile uses NEW .txex-ac only — hide native Amasty ===== */
@media (max-width:991px){
  /* native Amasty popup must never show inside our mobile panel */
  .txus-ov .am_search_popup,
  .txus-ov .search-autocomplete,
  .txus-ov #search_autocomplete,
  .txus-ov [class*="amsearch"],
  .txus-ov [class*="amasty-xsearch"]{ display:none !important; }
  /* our own AC takes the space, scrolls inside body */
  .txus-ov .txex-ac{ display:block; }
  .txus-ov .txus-body{ flex:1 1 auto; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; }
}

/* ===== v5.51: mobile .txex-* card styling (was desktop-only) ===== */
@media (max-width:991px){
  .txex-ac{ display:block; }
  .txex-achd{ display:flex; align-items:center; justify-content:space-between; margin:0 2px 12px; }
  .txex-achd .t{ font:800 15px Heebo,Arial; color:#003D29; }
  .txex-more-top{
    background:#003D29; color:#fff; border-radius:10px; padding:8px 14px;
    font:800 12px Heebo,Arial; text-decoration:none; white-space:nowrap;
  }
  .txex-it{
    display:flex; align-items:center; gap:12px; padding:11px 6px;
    border-bottom:1px solid #E6E2D8; border-radius:10px; text-decoration:none;
  }
  .txex-it:active{ background:#E8EFE9; }
  .txex-im{
    width:72px; height:72px; flex:0 0 72px; border-radius:10px; position:relative;
    background:#F2EFE8 center/cover no-repeat; border:1px solid #E6E2D8;
  }
  .txex-info{ display:flex; flex-direction:column; gap:3px; min-width:0; flex:1 1 auto; }
  .txex-nm{ font:600 14px Heebo,Arial; color:#1F1F1F; line-height:1.35; }
  .txex-hl{ background:#E8EFE9; color:#003D29; border-radius:3px; padding:0 3px; font-weight:700; }
  .txex-pr{ font:800 14px Heebo,Arial; color:#003D29; direction:ltr; text-align:right; }
  .txex-from{ font:600 10px Heebo,Arial; color:#6B7280; }
  .txex-more-btm{
    display:block; width:100%; margin-top:12px; padding:14px; text-align:center;
    background:#003D29; color:#fff; border-radius:12px; font:800 15px Heebo,Arial; text-decoration:none;
  }
  .txex-empty{ padding:30px 10px; text-align:center; color:#6B7280; font:600 15px Heebo,Arial; }
  /* categories */
  .txex-catsec{ font:800 12px Heebo,Arial; color:#003D29; margin:0 2px 8px; }
  .txex-cat{
    display:flex; align-items:center; gap:10px; padding:10px 8px; margin-bottom:2px;
    border-radius:8px; text-decoration:none; background:#F0F4F1;
  }
  .txex-cat:active{ background:#E8EFE9; }
  .txex-cat-ic{ font-size:15px; flex:0 0 auto; }
  .txex-cat-nm{ font:700 13px Heebo,Arial; color:#1F1F1F; }
  .txex-cat + .txex-achd{ margin-top:14px; }
  /* skeleton */
  .txex-sk{ display:flex; align-items:center; gap:12px; padding:11px 6px; border-bottom:1px solid #E6E2D8; }
  .txex-sk-im{ width:72px; height:72px; flex:0 0 72px; border-radius:10px; }
  .txex-sk-info{ display:flex; flex-direction:column; gap:8px; flex:1; }
  .txex-sk-l1{ height:13px; width:70%; border-radius:5px; }
  .txex-sk-l2{ height:13px; width:35%; border-radius:5px; }
  .txex-sk-im, .txex-sk-l1, .txex-sk-l2{
    background:linear-gradient(90deg,#E4EAE5 20%,#F3F7F3 40%,#D8E5DC 60%,#E4EAE5 80%);
    background-size:400% 100%; animation:txexShim 0.9s linear infinite;
  }
}

/* ===== v5.51: recent search items ===== */
.txus-rec{ display:flex; flex-direction:column; gap:6px; margin:4px 0 8px; }
.txus-rec-it{
  display:flex; align-items:center; gap:10px; width:100%; text-align:right;
  background:#FAFAF7; border:1.5px solid #E6E2D8; border-radius:12px;
  padding:10px 12px; cursor:pointer; font:600 14px Heebo,Arial; color:#1F1F1F;
  transition:all .12s ease;
}
.txus-rec-it:hover{ border-color:#003D29; background:#F0F4F1; }
.txus-rec-it .ri{ font-size:15px; flex:0 0 auto; opacity:.7; }
.txus-rec-it .rt{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.txus-rec-it .rgo{ font-size:13px; color:#6B7280; flex:0 0 auto; }
.txus-clear{
  background:none; border:none; color:#6B7280; font:600 12px Heebo,Arial;
  cursor:pointer; padding:6px 4px; text-decoration:underline;
}
.txus-clear:hover{ color:#003D29; }

/* ===== Share-Select (staff tool, search pages) ===== */
.txsh-chk{
  position:absolute; top:10px; inset-inline-start:10px; z-index:20;
  width:30px; height:30px; border-radius:8px; border:2px solid #003D29;
  background:#fff; display:grid; place-items:center; cursor:pointer;
  box-shadow:0 2px 8px rgba(0,34,23,.18); transition:all .12s; padding:0;
}
.txsh-chk svg{ width:16px; height:16px; opacity:0; transition:opacity .12s; }
.txsh-chk.on{ background:#003D29; }
.txsh-chk.on svg{ opacity:1; }
.txsh-chk:hover{ transform:scale(1.08); }
.txsh-bar{
  position:fixed; bottom:18px; inset-inline:0; margin-inline:auto; width:max-content; max-width:92vw;
  background:#003D29; color:#fff; border-radius:999px; padding:12px 16px 12px 22px;
  display:flex; align-items:center; gap:14px; font:700 14px 'Heebo',Arial;
  box-shadow:0 10px 30px rgba(0,34,23,.35); z-index:99000;
  transform:translateY(120px); opacity:0; transition:all .25s cubic-bezier(.32,.72,0,1);
}
.txsh-bar.show{ transform:translateY(0); opacity:1; }
.txsh-cnt{ background:#fff; color:#003D29; border-radius:999px; min-width:26px; height:26px; display:inline-grid; place-items:center; font-weight:800; padding:0 6px; }
.txsh-clear{ background:none; border:1px solid rgba(255,255,255,.35); color:#fff; border-radius:999px; padding:6px 14px; font:700 12px 'Heebo'; cursor:pointer; }
.txsh-clear:hover{ background:rgba(255,255,255,.12); }
.txsh-send{ background:#fff; color:#003D29; border:none; border-radius:999px; padding:8px 18px; font:800 13px 'Heebo'; cursor:pointer; }
.txsh-send:hover{ background:#F0F4F1; }

/* ===== Share-Select STABLE: pill בסל -> LEFT, checkbox -> RIGHT (fixed) ===== */
/* move the "✓ בסל" ::before badge to the LEFT corner (same specificity + !important) */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result) .product-grid .item.withLine.in-cart::before{
  right:auto !important;
  left:10px !important;
}
/* our checkbox ALWAYS on the right corner, regardless of in-cart state */
body.catalogsearch-result-index .item.withLine .txsh-chk,
body.catalogsearch-advanced-result .item.withLine .txsh-chk{
  inset-inline-start:auto !important;
  inset-inline-end:auto !important;
  right:10px !important;
  left:auto !important;
}

/* ===== Share-Select panel v1.6 — heart, scroll+fixed footer, FAB/sheet ===== */
.txsh-heart{ width:18px; height:18px; flex:0 0 auto; }
.txsh-panel{
  position:fixed; z-index:99001; display:none; flex-direction:column;
  background:#FAFAF7; border-radius:18px; overflow:hidden;
  box-shadow:0 16px 44px rgba(0,34,23,.34); border:1px solid #E6E2D8;
}
.txsh-hd{
  background:linear-gradient(135deg,#02603F 0%,#014737 55%,#013528 100%);
  color:#fff; padding:13px 16px; display:flex; align-items:center; gap:9px; flex:0 0 auto;
}
.txsh-ttl{ font:800 15px 'Heebo',Arial; flex:1 1 auto; }
.txsh-cnt{ background:rgba(255,255,255,.20); color:#fff; border-radius:999px; min-width:26px; height:26px; display:inline-grid; place-items:center; font:800 13px 'Heebo'; padding:0 8px; }
.txsh-close{ background:rgba(255,255,255,.18); border:none; color:#fff; width:26px; height:26px; border-radius:50%; font-size:12px; cursor:pointer; flex:0 0 auto; }
.txsh-rows{ flex:1 1 auto; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:8px; }
.txsh-empty{ padding:24px 10px; text-align:center; color:#6B7280; font:600 13px 'Heebo'; }
.txsh-row{ display:flex; align-items:center; gap:10px; padding:7px; border-radius:11px; transition:background .12s; }
.txsh-row:hover{ background:#F0F4F1; }
.txsh-thumb{ width:46px; height:46px; flex:0 0 46px; border-radius:10px; background:#fff center/cover no-repeat; border:1px solid #E6E2D8; }
.txsh-rinfo{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.txsh-rnm{ font:600 13px 'Heebo',Arial; color:#1F1F1F; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.txsh-rpr{ font:800 12px 'Heebo',Arial; color:#02603F; direction:ltr; text-align:right; }
.txsh-rx{ flex:0 0 auto; width:25px; height:25px; border:none; background:#F2EFE8; color:#6B7280; border-radius:50%; font-size:11px; cursor:pointer; transition:all .12s; }
.txsh-rx:hover{ background:#FEE2E2; color:#DC2626; }
.txsh-foot{ flex:0 0 auto; display:flex; gap:8px; padding:12px 14px; border-top:1px solid #E6E2D8; background:#fff; }
.txsh-wa{ flex:1; background:#25D366; color:#fff; border:none; border-radius:11px; padding:11px; font:800 14px 'Heebo'; cursor:pointer; transition:filter .12s; }
.txsh-wa:hover{ filter:brightness(.95); }
.txsh-mail{ flex:1; background:#02603F; color:#fff; border:none; border-radius:11px; padding:11px; font:800 14px 'Heebo'; cursor:pointer; transition:filter .12s; }
.txsh-mail:hover{ filter:brightness(1.1); }
.txsh-clear{ background:none; border:1.5px solid #E6E2D8; color:#6B7280; border-radius:11px; padding:11px 14px; font:700 13px 'Heebo'; cursor:pointer; transition:all .12s; }
.txsh-clear:hover{ border-color:#DC2626; color:#DC2626; }

/* DESKTOP: bottom-left, auto-show when has items */
@media (min-width:992px){
  .txsh-panel{ bottom:22px; inset-inline-start:22px; left:22px; right:auto; width:310px; max-height:70vh; }
  .txsh-panel.has{ display:flex; }
  .txsh-close{ display:none; }            /* no close needed on desktop */
  .txsh-fab, .txsh-ov{ display:none !important; }
}

/* MOBILE: FAB + bottom-sheet */
.txsh-fab{
  position:fixed; bottom:18px; left:50%; transform:translateX(-50%) translateY(90px);
  z-index:99000; display:flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,#02603F,#013528); color:#fff; border:none;
  border-radius:999px; height:48px; padding:0 20px; font:800 15px 'Heebo'; cursor:pointer;
  box-shadow:0 10px 26px rgba(0,34,23,.42); opacity:0; transition:all .25s cubic-bezier(.32,.72,0,1);
  white-space:nowrap;
}
.txsh-fab.show{ transform:translateX(-50%) translateY(0); opacity:1; }
.txsh-fab .txsh-heart{ width:20px; height:20px; }
.txsh-fab .txsh-flabel{ font-weight:800; }
.txsh-fab .txsh-fcnt{ background:#fff; color:#013528; border-radius:999px; min-width:24px; height:24px; display:grid; place-items:center; font-size:13px; padding:0 6px; }
.txsh-ov{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:99000; display:none; }
.txsh-ov.show{ display:block; }
@media (max-width:991px){
  .txsh-panel{ left:0; right:0; bottom:0; inset-inline:0; width:100%; max-height:80vh; border-radius:20px 20px 0 0; }
  .txsh-panel.open{ display:flex; animation:txshUp .28s cubic-bezier(.32,.72,0,1); }
  .txsh-panel.has:not(.open){ display:none; }   /* hidden until FAB tapped */
}
@keyframes txshUp{ from{transform:translateY(100%)} to{transform:translateY(0)} }

/* ===== Share-Select v2.2 minimize ===== */
.txsh-min{ background:rgba(255,255,255,.18); border:none; color:#fff; width:26px; height:26px; border-radius:50%; font-size:16px; line-height:1; cursor:pointer; flex:0 0 auto; display:grid; place-items:center; }
.txsh-min:hover{ background:rgba(255,255,255,.30); }
@media (max-width:991px){ .txsh-min{ display:none; } }   /* mobile uses close, not minimize */
/* collapsed: show only header bar */
@media (min-width:992px){
  .txsh-panel.mini .txsh-rows,
  .txsh-panel.mini .txsh-foot{ display:none !important; }
  .txsh-panel.mini{ max-height:none; cursor:pointer; }
  .txsh-panel.mini .txsh-hd{ border-radius:18px; }
  .txsh-panel.mini .txsh-min{ font-size:18px; }   /* shows + style via content swap below */
}