.mp-gallery{position:relative;background:#f5f5f5}
.mp-gallery__main{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.mp-gallery__zoom{position:absolute;right:12px;bottom:12px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(16,42,67,.86);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.26);backdrop-filter:blur(5px);transition:transform .2s,background .2s}
.mp-gallery__zoom svg{display:block;width:19px;height:19px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mp-gallery__main:hover .mp-gallery__zoom{background:var(--mp-accent,#43D3B0);color:#102A43;transform:scale(1.08)}
.mp-gallery__thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px;background:#fff;scrollbar-width:thin}
.mp-gallery__thumb{flex:0 0 58px;width:58px;height:48px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:7px;background:#eee;cursor:pointer}
.mp-gallery__thumb.is-active{border-color:var(--mp-accent,#43D3B0)}
.mp-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.mp-lightbox{position:fixed;z-index:999999;inset:0;display:grid;padding:30px;place-items:center;background:rgba(0,0,0,.9)}
.mp-lightbox img{max-width:min(1200px,94vw);max-height:90vh;object-fit:contain}
.mp-lightbox button{position:fixed;z-index:2;top:18px;right:22px;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#111;color:#fff;font-size:34px;line-height:1;cursor:pointer}
@media(max-width:380px){.mp-lightbox{padding:12px}}

.mp-gallery{background:color-mix(in srgb,var(--mp-card-bg,#fff) 90%,#dfe7ea)}
.mp-gallery__thumbs{background:var(--mp-card-bg,#fff)}
.mp-gallery__thumb.is-active{border-color:var(--mp-accent,#43D3B0)}