.dgm-logowall{
  --dgm-cols:4; --dgm-gap:14px; --dgm-slot-h:88px; --dgm-logo-h:54px;
  --dgm-mono:brightness(0); --dgm-dim:100%; --dgm-fade:.45s;
  max-width:1100px; margin:0 auto;
}
.dgm-logowall .dgm-sr{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.dgm-logowall .dgm-grid{
  display:grid; grid-template-columns:repeat(var(--dgm-cols),1fr); gap:var(--dgm-gap);
}
.dgm-logowall .dgm-slot{
  display:flex; align-items:center; justify-content:center;
  height:var(--dgm-slot-h); padding:10px; box-sizing:border-box;
}
.dgm-logowall .dgm-slot img{
  max-width:100%; max-height:var(--dgm-logo-h); width:auto; height:auto;
  object-fit:contain; display:block;
  filter:var(--dgm-mono); opacity:var(--dgm-dim);
  transform:translateZ(0);
  transition:opacity var(--dgm-fade) ease, filter var(--dgm-fade) ease, transform .4s ease;
}
/* שכבה A: פריחת-צבע אוטומטית / כניסת-swap — צבע מלא, ללא הרמה */
.dgm-logowall .dgm-slot img.is-lit{ filter:none; opacity:1; }
/* שכבה B: החלפת תוכן — חצי ה-fade-out (אף פעם לא יחד עם is-lit) */
.dgm-logowall .dgm-slot img.is-swapping{ opacity:0; transform:scale(.94); }
/* ריחוף מנצח: צבע מלא + הרמה */
.dgm-logowall .dgm-slot:hover img,
.dgm-logowall .dgm-slot.is-hover img{ filter:none; opacity:1; transform:translateY(-4px) scale(1.04); }

/* גיבוי רספונסיבי לטורים (Elementor דורסת לפי הבקרות בפאנל) */
@media (max-width:1024px){ .dgm-logowall{ --dgm-cols:3; } }
@media (max-width:600px){ .dgm-logowall{ --dgm-cols:2; } }