/* MBP Galeria: siatka miniatur i okno powiększenia. Bez zależności. */
.mbp-galeria { display: grid; grid-template-columns: repeat(var(--mbp-galeria-cols, 4), minmax(0, 1fr)); gap: 12px; margin: 1.5rem 0; }
.mbp-galeria__item { margin: 0; }
.mbp-galeria__item a { display: block; border-radius: 4px; overflow: hidden; }
.mbp-galeria__item img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .2s; }
.mbp-galeria__item a:hover img { transform: scale(1.04); }
.mbp-galeria__item a:focus-visible { outline: 3px solid #0a66ff; outline-offset: 2px; }
@media (max-width: 767px) { .mbp-galeria { grid-template-columns: repeat(min(2, var(--mbp-galeria-cols, 4)), minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .mbp-galeria__item img { transition: none; } }

.mbp-galeria-dialog { border: 0; padding: 0; background: transparent; color: #fff; max-width: 100vw; max-height: 100vh; width: 100vw; height: 100vh; overflow: hidden; }
.mbp-galeria-dialog::backdrop { background: rgba(0, 0, 0, .9); }
.mbp-galeria-dialog__figure { margin: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 56px 64px 16px; box-sizing: border-box; }
.mbp-galeria-dialog__figure img { max-width: 100%; max-height: 100%; min-height: 0; object-fit: contain; flex: 0 1 auto; }
.mbp-galeria-dialog button { position: absolute; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.mbp-galeria-dialog button:hover { background: #000; }
.mbp-galeria-dialog button:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.mbp-galeria-dialog__close { top: 8px; right: 8px; }
.mbp-galeria-dialog__prev { left: 8px; top: 50%; transform: translateY(-50%); }
.mbp-galeria-dialog__next { right: 8px; top: 50%; transform: translateY(-50%); }
.mbp-galeria-dialog__counter { position: absolute; top: 20px; left: 16px; font-size: .875rem; }
@media (max-width: 767px) { .mbp-galeria-dialog__figure { padding: 56px 8px 72px; } .mbp-galeria-dialog__prev, .mbp-galeria-dialog__next { top: auto; bottom: 12px; transform: none; } }