/* Grid-based spacing */
.eig-inline-gallery{
  --eig-gap:32px;
  position:relative;
  display:grid;
  grid-auto-rows:min-content;
  row-gap: var(--eig-gap);
}
.eig-inline-gallery .eig-item{ display:block; cursor:zoom-in; outline:none; }
.eig-inline-gallery .eig-item img{ display:block; width:100%; height:auto; border-radius:10px; }
.eig-inline-gallery .eig-empty{ color:#666; font-size:.95rem; }

/* Body-portal lightbox */
#eig-portal-root .eig-lightbox{
  position:fixed; inset:0; z-index:999999;
  background:rgba(0,0,0,.92);
  display:none; align-items:center; justify-content:center;
  padding:0; opacity:0; transition:opacity .18s ease;
}
#eig-portal-root .eig-lightbox.open{ display:flex; opacity:1; }

#eig-portal-root .eig-lightbox-img{ object-fit:contain; width:100vw; height:100vh;
  max-width:100vw; max-height:100vh;}
#eig-portal-root .eig-lightbox-img.e-animating{ transition: transform .2s ease; }

#eig-portal-root .eig-close,
#eig-portal-root .eig-nav{
  position:absolute; background:transparent; border:2px solid #fff; color:#fff;
  width:44px; height:44px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; opacity:.95; transition:transform .15s ease, opacity .2s ease;
}
#eig-portal-root .eig-close:hover,
#eig-portal-root .eig-nav:hover{ transform:scale(1.06); opacity:1; }
#eig-portal-root .eig-close{ top:18px; right:18px; font-size:24px; line-height:1; }
#eig-portal-root .eig-prev{ left:18px; top:50%; transform:translateY(-50%); font-size:28px; }
#eig-portal-root .eig-next{ right:18px; top:50%; transform:translateY(-50%); font-size:28px; }

@media (max-width:640px){
  #eig-portal-root .eig-prev{ left:10px; } 
  #eig-portal-root .eig-next{ right:10px; } 
  #eig-portal-root .eig-close{ right:10px; }
}