/* =========================================================
   עמודי תחום
   תיבת הקריאה לפעולה בעמודי המזון והפלדה.
   ========================================================= */

/* ---------- category page call to action ---------- */
.catcta {
  margin-top: clamp(36px, 5vw, 56px);
  padding: 26px 28px;
  border: 1px solid hsl(var(--stroke));
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px 32px;
  flex-wrap: wrap;
}
.catcta p {
  color: hsl(var(--muted));
  max-width: 38rem;
  margin: 0;
}
.catcta .acts {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* קיר המותגים בעמוד המזון: רווח מעל הכותרת שלו */
.food-brands {
  margin-top: clamp(56px, 7vw, 96px);
}

/* בלוק תמונה + טקסט (טואלטיקה וניקיון בעמוד המזון) */
.feature {
  margin-top: clamp(36px, 5vw, 56px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}
.feature figure {
  margin: 0;
  border-radius: 22px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: hsl(var(--surface));
}
.feature figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feature > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.feature h3 {
  font-weight: 300;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.15;
}
.feature p {
  color: hsl(var(--muted));
  line-height: 1.75;
  max-width: 34rem;
}
@media (max-width: 767px) {
  .feature {
    grid-template-columns: 1fr;
  }
}

/* תמונת המכרה: מראה את המשאיות בתחתית התמונה */
.feature figure img[src*='mining-pit'] {
  object-position: 50% 70%;
}