.mg-wrap{width:100%;max-width:none;padding-top:20px;padding-bottom:16px;padding-left:16px;padding-right:16px;column-gap:16px;columns:1}@media (min-width:640px){.mg-wrap{columns:2}}@media (min-width:1024px){.mg-wrap{columns:3}}@media (min-width:1536px){.mg-wrap{columns:4}}.mg-item{display:block;break-inside:avoid;margin:0 0 16px;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:transform .15s ease,opacity .15s ease;cursor:pointer}.mg-item:hover{transform:translateY(-2px);opacity:.95}.mg-img{width:100%;height:auto;display:block}.mg-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);align-items:center;justify-content:center}.mg-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.mg-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.mg-modal-close{position:fixed;top:20px;right:30px;color:#fff;font-size:50px;font-weight:700;cursor:pointer;z-index:100000;line-height:1;transition:opacity .3s}.mg-modal-close:hover{opacity:.7}.mg-modal-nav{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.3);color:#fff;border:none;width:60px;height:60px;font-size:30px;cursor:pointer;border-radius:50%;z-index:100000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mg-modal-nav:hover:not(:disabled){background:rgba(255,255,255,.5)}.mg-modal-nav:disabled{opacity:.3;cursor:not-allowed}.mg-modal-prev{left:20px}.mg-modal-next{right:20px}.mg-modal-counter{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:20px;font-size:16px;z-index:100000}@media (max-width:768px){.mg-modal-nav{width:45px;height:45px;font-size:24px}.mg-modal-prev{left:10px}.mg-modal-next{right:10px}.mg-modal-close{top:10px;right:15px;font-size:40px}}