/* MW006 mobile lightbox repair v6 */

.lightbox:target {
  display: none !important;
}

.mw006-js-lightbox-open {
  overscroll-behavior: contain !important;
}

.mw006-js-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483640 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(78px, env(safe-area-inset-top)) 12px max(48px, env(safe-area-inset-bottom)) !important;
  background: rgba(5,5,8,.96) !important;
  touch-action: manipulation !important;
  overscroll-behavior: contain !important;
}

.mw006-js-lightbox.open {
  display: flex !important;
}

.mw006-js-lightbox-figure {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.mw006-js-lightbox-img {
  display: block !important;
  width: auto !important;
  max-width: 96vw !important;
  max-height: min(78vh, calc(100dvh - 150px)) !important;
  object-fit: contain !important;
  box-shadow: 0 0 60px rgba(0,0,0,.64) !important;
}

.mw006-js-lightbox-caption,
.mw006-js-lightbox-counter {
  color: rgba(232,224,212,.72) !important;
  font: 12px/1.35 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: .04em !important;
  text-align: center !important;
  max-width: 90vw !important;
}

.mw006-js-lightbox-counter {
  position: fixed !important;
  left: 50% !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%) !important;
  z-index: 2147483642 !important;
}

.mw006-js-lightbox button {
  all: unset !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

.mw006-js-lightbox-close {
  position: fixed !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  right: max(14px, env(safe-area-inset-right)) !important;
  z-index: 2147483647 !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(5,5,8,.95) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  color: #e8e0d4 !important;
  font: 400 38px/1 Arial, Helvetica, sans-serif !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.68) !important;
}

.mw006-js-lightbox-close:focus,
.mw006-js-lightbox-close:hover {
  color: #ffe600 !important;
  border-color: #ffe600 !important;
}

.mw006-js-lightbox-nav {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2147483642 !important;
  width: 56px !important;
  height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(5,5,8,.54) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(232,224,212,.88) !important;
  font: 400 46px/1 Arial, Helvetica, sans-serif !important;
}

.mw006-js-lightbox-prev {
  left: max(10px, env(safe-area-inset-left)) !important;
}

.mw006-js-lightbox-next {
  right: max(10px, env(safe-area-inset-right)) !important;
}

@media (max-width: 760px) {
  .mw006-js-lightbox {
    padding: max(78px, env(safe-area-inset-top)) 8px max(54px, env(safe-area-inset-bottom)) !important;
  }

  .mw006-js-lightbox-img {
    max-width: 96vw !important;
    max-height: min(76vh, calc(100dvh - 160px)) !important;
  }

  .mw006-js-lightbox-caption {
    display: none !important;
  }

  .mw006-js-lightbox-nav {
    width: 50px !important;
    height: 66px !important;
    font-size: 40px !important;
  }
}