/* ==========================================================================
   מפרט מוצר — סופר זול אסולין (סגנון MCK)
   נטען רק בדף מוצר. משתמש במשתני הצבע הגלובליים של התבנית.
   ========================================================================== */

.sa-spec{
  margin:0 0 8px;
  padding-top:22px;
  border-top:1px solid var(--line, #E7E3DB);
  direction:rtl;
}

/* ---- באדג'ים / סמלים ---- */
.sa-spec__badges{
  display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;
}
.sa-spec-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:var(--r-pill, 99px);
  font-weight:700;font-size:13px;line-height:1;
  background:var(--surface-2, #F1EFE9);color:var(--ink-2, #586259);
  border:1px solid var(--line-2, #EEEAE2);
}
.sa-spec-badge svg{flex:none}
.sa-spec-badge.is-kosher{background:var(--green-tint, #E8F1EC);color:var(--green-deep, #1F7A4D);border-color:#CFE6D8}
.sa-spec-badge.is-type{background:#EAF1FB;color:#1F4E84;border-color:#D6E5F6}
.sa-spec-badge.is-gf{background:#FBF1DD;color:#8A5A12;border-color:#F2E2C0}
.sa-spec-badge.is-il{background:#EAF1FB;color:#1F4E84;border-color:#D6E5F6}
.sa-spec-badge.is-cold{background:#E6F4F1;color:#0F6E56;border-color:#CFE9E2}

/* ---- רשת: מיקומים קבועים (לא מתערבב — טבלה תמיד מימין, מידע תמיד משמאל) ---- */
.sa-spec__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  grid-template-areas:"nutri info";
  gap:20px;align-items:start;
}
.sa-spec__nutri{grid-area:nutri}
.sa-spec__col{grid-area:info;display:flex;flex-direction:column;gap:20px;min-width:0}

/* ---- Liquid Glass / glassmorphism ---- */
.sa-spec__card{
  position:relative;
  background:linear-gradient(155deg, rgba(255,255,255,.66), rgba(255,255,255,.40));
  -webkit-backdrop-filter:blur(18px) saturate(1.6);
  backdrop-filter:blur(18px) saturate(1.6);
  border:1px solid rgba(255,255,255,.65);
  border-radius:22px;
  padding:20px 22px;
  box-shadow:0 10px 34px rgba(16,40,28,.10), inset 0 1px 0 rgba(255,255,255,.7);
}
/* נצנוץ "זכוכית נוזלית" עדין בקצה העליון */
.sa-spec__card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.35), transparent 38%);
}
.sa-spec__card > *{position:relative}
.sa-spec__h{
  font-family:var(--font-display, inherit);
  font-weight:800;font-size:16.5px;color:var(--green-deep, #1F7A4D);
  margin:0 0 14px;letter-spacing:-.01em;
  display:flex;align-items:center;gap:8px;
}
.sa-spec__h::before{
  content:"";width:4px;height:17px;border-radius:3px;
  background:linear-gradient(var(--green, #2F8F5B), var(--green-deep, #1F7A4D));flex:none;
}

/* ---- טבלת תזונה ---- */
.sa-spec__table{width:100%;border-collapse:collapse;font-size:13.5px}
.sa-spec__table th{
  text-align:start;font-weight:700;color:var(--ink-3, #8C948C);
  font-size:12px;padding:0 0 8px;border-bottom:1px solid var(--line, #E7E3DB);
}
.sa-spec__table th:nth-child(2),
.sa-spec__table th:nth-child(3),
.sa-spec__table td:nth-child(2),
.sa-spec__table td:nth-child(3){text-align:center;width:24%}
.sa-spec__table td{
  padding:8px 0;color:var(--ink, #1B2A20);
  border-bottom:1px solid var(--line-2, #F0ECE4);
}
.sa-spec__table td:first-child{font-weight:600}
.sa-spec__table tr:last-child td{border-bottom:0}
.sa-spec__table tr.is-sub td:first-child{
  font-weight:500;color:var(--ink-2, #586259);padding-inline-start:14px;font-size:12.5px;
}

/* ---- רכיבים / אלרגנים ---- */
.sa-spec__line{margin:0 0 7px;font-size:14px;line-height:1.7;color:var(--ink, #1B2A20)}
.sa-spec__line:last-child{margin-bottom:0}
.sa-spec__line span{color:var(--ink-3, #8C948C);font-weight:600}
.sa-spec__aller span{color:#A8442B}

/* ---- פרטים כלליים ---- */
.sa-spec__kv{width:100%;border-collapse:collapse;font-size:14px}
.sa-spec__kv td{padding:6px 0;border-bottom:1px solid var(--line-2, #F0ECE4)}
.sa-spec__kv tr:last-child td{border-bottom:0}
.sa-spec__kv td:first-child{color:var(--ink-3, #8C948C);width:42%}
.sa-spec__kv td:last-child{font-weight:600;color:var(--ink, #1B2A20)}

/* ---- כתב ויתור ---- */
.sa-spec__disc{
  margin:18px 0 0;font-size:11.5px;line-height:1.6;
  color:var(--ink-3, #8C948C);
}

/* ---- מובייל — אותו סדר קבוע, ערום אנכית ---- */
@media (max-width:760px){
  .sa-spec__grid{grid-template-columns:1fr;grid-template-areas:"nutri" "info"}
  .sa-spec__card{padding:16px 18px;border-radius:18px}
}