.elga-gallery{
  --elga-cols: 4;
  --elga-gap: 12px;
  display:grid;
  grid-template-columns: repeat(var(--elga-cols), minmax(0, 1fr));
  gap: var(--elga-gap);
}

@media (max-width: 1024px){ .elga-gallery{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 768px){ .elga-gallery{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 420px){ .elga-gallery{ grid-template-columns: repeat(1, minmax(0,1fr)); } }

.elga-item{
  border:0;
  padding:0;
  cursor:pointer;
  border-radius:14px;
  overflow:hidden;
  background:#111;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  transform: translateZ(0);
}

.elga-img{
  display:block;
  width:100%;
  height:260px;
  object-fit:cover;
  transform: scale(1);
  transition: transform .25s ease, filter .25s ease;
  filter: saturate(1.02) contrast(1.02);
}

@media (max-width: 768px){ .elga-img{ height:210px; } }

.elga-item:hover .elga-img{ transform: scale(1.05); filter: saturate(1.06) contrast(1.06); }
.elga-item:focus{ outline: 2px solid rgba(0,0,0,.35); outline-offset: 3px; }