.mjt-galeri{max-width:1200px;margin:0 auto}
.mjt-galeri__grid{list-style:none;margin:0;padding:0;columns:4 240px;column-gap:14px}
.mjt-galeri__grid li{break-inside:avoid;margin:0 0 14px;padding:0;list-style:none}
.mjt-galeri__grid li[hidden]{display:none}
.mjt-galeri__grid a{position:relative;display:block;border-radius:16px;overflow:hidden;background:#dbe6ef;box-shadow:0 10px 24px -18px rgba(11,58,99,.6);text-decoration:none;border:0;outline-offset:3px}
.mjt-galeri__grid img{display:block;width:100%;height:auto;margin:0;border-radius:0;transition:transform .5s ease}
.mjt-galeri__grid a:hover img,.mjt-galeri__grid a:focus-visible img{transform:scale(1.06)}
.mjt-galeri__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,42,71,.35);opacity:0;transition:opacity .25s}
.mjt-galeri__zoom::after{content:"";width:46px;height:46px;border-radius:50%;background:#e8730f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4-4M11 8v6M8 11h6'/%3E%3C/svg%3E") center/24px no-repeat}
.mjt-galeri__grid a:hover .mjt-galeri__zoom,.mjt-galeri__grid a:focus-visible .mjt-galeri__zoom{opacity:1}
.mjt-galeri__more{display:flex;flex-direction:column;align-items:center;gap:14px;margin:56px 0 24px;text-align:center}
.mjt-galeri__more p{margin:0}
.mjt-galeri__status{color:#5a6b7b;font-size:14px}
.mjt-galeri__status b{color:#0b2a47}
.mjt-galeri__bar{display:block;width:min(240px,70%);height:4px;border-radius:4px;background:#dbe6ef;overflow:hidden}
.mjt-galeri__bar i{display:block;height:100%;border-radius:4px;background:#e8730f;transition:width .4s ease}
.mjt-galeri__more button{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;border:2px solid #e8730f;border-radius:999px;background:#fff;color:#e8730f;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 14px 28px -18px rgba(232,115,15,.7);transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.mjt-galeri__more button:hover,.mjt-galeri__more button:focus-visible{background:#e8730f;color:#fff;transform:translateY(-2px);box-shadow:0 18px 30px -16px rgba(232,115,15,.8)}
.mjt-galeri__more button svg{transition:transform .2s}
.mjt-galeri__more button:hover svg{transform:translateY(3px)}
.mjt-galeri__more button[hidden]{display:none}
@media(max-width:600px){.mjt-galeri__grid{columns:2 140px;column-gap:10px}.mjt-galeri__grid li{margin-bottom:10px}.mjt-galeri__grid a{border-radius:12px}}

/* lightbox */
.mjt-lb{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(5,16,28,.94);opacity:0;transition:opacity .2s}
.mjt-lb.is-open{opacity:1}
.mjt-lb__fig{margin:0;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center}
.mjt-lb__img{max-width:92vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.mjt-lb__cap{margin-top:12px;color:#fff;font-size:15px;text-align:center}
.mjt-lb__num{position:absolute;top:18px;left:20px;color:rgba(255,255,255,.8);font-size:14px}
.mjt-lb button{position:absolute;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer;transition:background .2s}
.mjt-lb button:hover{background:#e8730f}
.mjt-lb__x{top:14px;right:16px}
.mjt-lb__p{left:16px;top:50%;margin-top:-23px}
.mjt-lb__n{right:16px;top:50%;margin-top:-23px}
@media(max-width:600px){.mjt-lb__p,.mjt-lb__n{top:auto;bottom:18px;margin:0}.mjt-lb__p{left:calc(50% - 56px)}.mjt-lb__n{right:calc(50% - 56px)}}