/* ==========================================================================
   דף הבית — "טרי לפי משקל" + "הסל המוכן"  ·  סופר זול אסולין
   גלילה אופקית נקייה (scroll-snap), לא עמוס.
   ========================================================================== */

/* ----- ריווח מהודק בין הסקשנים ----- */
.sa-fresh-sec{ padding:40px 0 18px; }
.sa-baskets-sec{ padding:18px 0 40px; }

/* ----- עוטף קרוסלה + חיצים ----- */
.sa-scroller-wrap{ position:relative; }
.sa-scroller{ cursor:grab; }
.sa-scroller.dragging{ cursor:grabbing; scroll-behavior:auto; scroll-snap-type:none !important; user-select:none; -webkit-user-select:none; }
/* ב"טרי השדה" הכרטיסים הם קישורים — שיציגו כף-יד (כמו הסלים), לא חץ-מצביע */
.sa-fresh.sa-scroller a,
.sa-fresh.sa-scroller a *{ cursor:inherit; }
.sa-arr{
  position:absolute; top:calc(50% - 4px); transform:translateY(-50%); z-index:6;
  width:46px; height:46px; border-radius:50%; border:1px solid var(--line,#EAE6DE);
  background:#fff; color:var(--green-deep,#1F7A4D); font-size:26px; font-weight:900; line-height:1;
  cursor:pointer; box-shadow:0 8px 22px rgba(20,40,28,.16); display:grid; place-items:center;
  transition:transform .15s var(--ease),background .15s,color .15s; padding:0 0 4px;
}
.sa-arr:hover{ background:var(--green,#2F8F5B); color:#fff; transform:translateY(-50%) scale(1.08); }
.sa-arr--prev{ right:-8px; }   /* RTL: הקודם בצד ימין */
.sa-arr--next{ left:-8px; }    /* RTL: הבא בצד שמאל */
.sa-arr[hidden]{ display:none; }
@media (max-width:760px){ .sa-arr{ display:none; } }

/* ----- גלילה אופקית משותפת ----- */
.sa-fresh,.sa-baskets{
  display:flex; gap:14px; overflow-x:auto; padding:4px 2px 14px;
  scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;
  scrollbar-width:thin; scrollbar-color:var(--green,#2F8F5B) transparent;
}
.sa-fresh::-webkit-scrollbar,.sa-baskets::-webkit-scrollbar{ height:8px; }
.sa-fresh::-webkit-scrollbar-thumb,.sa-baskets::-webkit-scrollbar-thumb{ background:var(--line,#EAE6DE); border-radius:99px; }
.sa-fresh:hover::-webkit-scrollbar-thumb,.sa-baskets:hover::-webkit-scrollbar-thumb{ background:var(--green,#2F8F5B); }

/* ===================== טרי לפי משקל ===================== */
.sa-fresh-card,.sa-fresh-cta{ flex:0 0 168px; scroll-snap-align:start; border-radius:18px; text-decoration:none; }

.sa-fresh-cta{
  background:var(--emerald-900,#11261B); color:#fff; padding:20px 16px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:6px;
  transition:transform .2s var(--ease);
}
.sa-fresh-cta:hover{ transform:translateY(-4px); }
.sa-fresh-cta .ff-ic{ font-size:32px; line-height:1; }
.sa-fresh-cta b{ font-size:18px; font-weight:800; }
.sa-fresh-cta span:last-child{ font-size:12.5px; color:#cfe6d8; line-height:1.45; }

.sa-fresh-card{
  background:var(--surface,#fff); border:1px solid var(--line,#EAE6DE);
  padding:14px 12px 13px; display:flex; flex-direction:column; align-items:center; text-align:center;
  transition:transform .2s var(--ease),box-shadow .25s var(--ease);
}
.sa-fresh-card:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(20,40,28,.10); }
.sa-fresh-card .ff-img{ width:104px; height:104px; border-radius:14px; overflow:hidden; display:grid; place-items:center; background:#fff; margin-bottom:10px; }
.sa-fresh-card .ff-img img{ width:100%; height:100%; object-fit:contain; }
.sa-fresh-card .ff-n{ font-size:14px; font-weight:700; color:var(--ink,#1B2A20); }
.sa-fresh-card .ff-p{ font-size:15px; font-weight:900; color:var(--green-deep,#1F7A4D); margin-top:3px; }
.sa-fresh-card .ff-p .sa-wbw-unit{ font-size:11px; font-weight:700; color:var(--ink-3,#8C948C); }
.sa-fresh-card .ff-w{ margin-top:9px; font-size:11.5px; font-weight:800; color:var(--green-deep,#1F7A4D); background:var(--green-tint,#E8F1EC); border-radius:20px; padding:5px 0; width:100%; }

/* ===================== הסל המוכן ===================== */
.sa-basket{
  flex:0 0 270px; scroll-snap-align:start; border:1px solid var(--line,#EAE6DE);
  border-radius:18px; overflow:hidden; background:var(--surface,#fff); display:flex; flex-direction:column;
  transition:box-shadow .25s var(--ease);
}
.sa-basket:hover{ box-shadow:0 16px 36px rgba(20,40,28,.10); }
.sb-top{ padding:14px 16px; color:#fff; display:flex; align-items:center; gap:11px; }
.sb-top .sb-ic{ font-size:24px; line-height:1; }
.sb-top .sb-ti{ display:flex; flex-direction:column; line-height:1.2; }
.sb-top b{ font-size:16px; font-weight:900; }
.sb-top small{ font-size:11.5px; opacity:.82; font-weight:600; }

.sb-body{ padding:8px 14px 14px; display:flex; flex-direction:column; flex:1; }
.sb-items{ flex:1; }
.sb-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 0; border-bottom:1px solid var(--line-2,#F1EEE8); }
.sb-row:last-child{ border-bottom:0; }
.sb-nm{ font-size:13px; font-weight:600; color:var(--ink,#1B2A20); }
.sb-stp{ display:inline-flex; align-items:center; border:1px solid var(--line,#EAE6DE); border-radius:9px; overflow:hidden; flex:none; }
.sb-stp button{ width:26px; height:26px; border:0; background:#F7F5F0; color:var(--green,#2F8F5B); font-size:15px; font-weight:900; line-height:1; cursor:pointer; transition:.15s; }
.sb-stp button:hover{ background:var(--green,#2F8F5B); color:#fff; }
.sb-stp b{ min-width:26px; text-align:center; font-size:13px; font-weight:800; color:var(--ink,#1B2A20); }

.sb-add{
  margin-top:12px; width:100%; background:var(--cta,#E65F2B); color:#fff; border:0;
  border-radius:11px; padding:11px; font-family:var(--font-display,inherit); font-size:14px; font-weight:800;
  cursor:pointer; display:flex; align-items:center; justify-content:center; gap:7px; transition:.18s var(--ease);
}
.sb-add span{ font-size:15px; }
.sb-add:hover{ background:var(--cta-deep,#C84A1C); transform:translateY(-1px); }

.sa-baskets-note{ text-align:center; font-size:12.5px; color:var(--ink-3,#8C948C); margin-top:6px; }

/* ----- מובייל ----- */
@media (max-width:760px){
  .sa-basket{ flex-basis:248px; }
  .sa-fresh-card,.sa-fresh-cta{ flex-basis:150px; }
}