/* =============================================================================
   Lightbox layer only — does NOT touch page content (.main_container, etc.)
   ============================================================================= */

.mfp-bg {
  z-index: 10050 !important;
}
.mfp-wrap {
  z-index: 10051 !important;
}
.mfp-container,
.mfp-content {
  z-index: 10052 !important;
}
button.mfp-close,
button.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  z-index: 10053 !important;
}
img.mfp-img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 40px 0;
  margin: 0 auto;
  line-height: 0;
  box-sizing: border-box;
}