.odg-gallery{--odg-gap:12px;width:100%}.odg-gallery .odg-items{display:grid;grid-template-columns:repeat(var(--odg-columns,4),minmax(0,1fr));gap:var(--odg-gap)}.odg-gallery .odg-item{display:block;overflow:hidden;position:relative;aspect-ratio:4/3;background:#f1f2f4;border-radius:8px}.odg-gallery .odg-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.odg-gallery .odg-item:hover img{transform:scale(1.03)}.odg-gallery .odg-item:focus-visible{outline:3px solid #1769aa;outline-offset:2px}.odg-gallery.odg-layout-masonry .odg-items{display:block;columns:var(--odg-columns,4);column-gap:var(--odg-gap)}.odg-gallery.odg-layout-masonry .odg-item{aspect-ratio:auto;break-inside:avoid;margin-bottom:var(--odg-gap)}.odg-gallery.odg-layout-masonry .odg-item img{height:auto}.odg-gallery .odg-more{display:block;margin:24px auto 0;border:1px solid currentColor;background:transparent;color:inherit;border-radius:5px;padding:10px 22px;cursor:pointer}.odg-gallery .odg-more:hover{opacity:.75}.odg-gallery .odg-more:disabled{cursor:wait;opacity:.6}.odg-gallery [hidden]{display:none!important}@media(max-width:991px){.odg-gallery .odg-items{grid-template-columns:repeat(3,minmax(0,1fr))}.odg-gallery.odg-layout-masonry .odg-items{columns:3}}@media(max-width:575px){.odg-gallery .odg-items{grid-template-columns:repeat(2,minmax(0,1fr))}.odg-gallery.odg-layout-masonry .odg-items{columns:2}}body.odg-modal-open{overflow:hidden}.odg-lightbox{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.93)}.odg-lightbox img{display:block;max-width:85vw;max-height:88vh;object-fit:contain}.odg-lightbox button{position:absolute;z-index:2;background:transparent;color:#fff;border:none;padding:12px;font-size:36px;cursor:pointer;line-height:1}.odg-lightbox button:focus-visible{outline:2px solid white}.odg-lightbox .odg-lightbox-close{top:12px;right:18px}.odg-lightbox .odg-lightbox-prev{left:12px;top:50%;transform:translateY(-50%)}.odg-lightbox .odg-lightbox-next{right:12px;top:50%;transform:translateY(-50%)}
