.ig-gallery { --ig-gap: 16px; width:100%; }
.ig-gallery .ig-grid { column-count:var(--ig-columns, 4); column-gap:var(--ig-gap); }
.ig-gallery .ig-item { display:inline-block; width:100%; margin:0 0 var(--ig-gap); overflow:hidden; vertical-align:top; break-inside:avoid; border-radius:6px; line-height:0; }
.ig-gallery .ig-image { display:block; width:100%; height:auto; max-width:100%; transition:transform .25s ease, opacity .25s ease; }
.ig-gallery .ig-item:hover .ig-image { transform:scale(1.025); opacity:.94; }
.ig-gallery .ig-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px; margin:24px 0 0; }
.ig-gallery .ig-page { display:inline-flex; min-width:38px; height:38px; align-items:center; justify-content:center; box-sizing:border-box; padding:0 10px; border:1px solid #ddd; border-radius:4px; color:inherit; text-decoration:none; font-size:15px; line-height:1; }
.ig-gallery .ig-page:hover { border-color:#777; }
.ig-gallery .ig-page.is-current { border-color:#222; background:#222; color:#fff; }
.ig-gallery .ig-page-gap { padding:0 3px; }
.ig-lightbox { position:fixed; z-index:999999; inset:0; display:flex; align-items:center; justify-content:center; padding:56px 64px; box-sizing:border-box; background:rgba(0,0,0,.92); color:#fff; }
.ig-lightbox[hidden], .ig-lightbox [hidden] { display:none !important; }
.ig-lightbox .ig-lightbox-image { display:block; max-width:100%; max-height:calc(100vh - 112px); width:auto; height:auto; object-fit:contain; }
.ig-lightbox .ig-lightbox-caption { position:absolute; right:70px; bottom:20px; left:70px; color:#ddd; text-align:center; font-size:14px; line-height:1.4; }
.ig-lightbox .ig-lightbox-close, .ig-lightbox .ig-lightbox-prev, .ig-lightbox .ig-lightbox-next { position:absolute; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; font:normal 32px/1 Arial,sans-serif; cursor:pointer; }
.ig-lightbox .ig-lightbox-close:hover, .ig-lightbox .ig-lightbox-prev:hover, .ig-lightbox .ig-lightbox-next:hover { background:rgba(255,255,255,.25); }
.ig-lightbox .ig-lightbox-close { top:16px; right:18px; font-size:30px; }
.ig-lightbox .ig-lightbox-prev { top:50%; left:16px; transform:translateY(-50%); }
.ig-lightbox .ig-lightbox-next { top:50%; right:16px; transform:translateY(-50%); }
@media (max-width: 900px) { .ig-gallery .ig-grid { column-count:min(var(--ig-columns, 4), 3); } }
@media (max-width: 600px) { .ig-gallery { --ig-gap:10px; } .ig-gallery .ig-grid { column-count:min(var(--ig-columns, 4), 2); } .ig-lightbox { padding:54px 14px; } .ig-lightbox .ig-lightbox-prev { left:5px; } .ig-lightbox .ig-lightbox-next { right:5px; } .ig-lightbox .ig-lightbox-caption { right:15px; left:15px; bottom:10px; } }
@media (max-width: 380px) { .ig-gallery .ig-grid { column-count:1; } }