/* Просмотр картинки на месте — media/v2/js/lightbox.js (24.10.2026). */
a[data-xh-zoom] { cursor: zoom-in; }
.xh-lb { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; overflow: hidden; }
.xh-lb[open] { display: flex; align-items: center; justify-content: center; }
.xh-lb::backdrop { background: color-mix(in srgb, var(--xh-bg-deep, #060a14) 88%, transparent); backdrop-filter: blur(3px); }
.xh-lb__img { max-width: min(94vw, 1600px); max-height: 88vh; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, .6); object-fit: contain; cursor: zoom-out; }
.xh-lb__close, .xh-lb__nav { position: absolute; display: flex; align-items: center; justify-content: center; border: 1px solid var(--xh-border-light, rgba(255, 255, 255, .2)); background: color-mix(in srgb, var(--xh-bg-deep, #060a14) 70%, transparent); color: var(--xh-text, #e8edf4); cursor: pointer; border-radius: 50%; transition: background .15s, border-color .15s; }
.xh-lb__close { top: 18px; right: 18px; width: 44px; height: 44px; font-size: 28px; line-height: 1; }
.xh-lb__nav { top: 50%; width: 48px; height: 48px; margin-top: -24px; font-size: 34px; line-height: 1; }
.xh-lb__nav--prev { left: 18px; }
.xh-lb__nav--next { right: 18px; }
.xh-lb__close:hover, .xh-lb__nav:hover { border-color: var(--xh-orange, #e88420); background: color-mix(in srgb, var(--xh-orange, #e88420) 20%, transparent); }
.xh-lb__close:focus-visible, .xh-lb__nav:focus-visible { outline: 2px solid var(--xh-orange, #e88420); outline-offset: 2px; }
@media (max-width: 640px) {
  .xh-lb__nav { top: auto; bottom: 22px; margin-top: 0; }
  .xh-lb__img { max-height: 76vh; }
}
@media (prefers-reduced-motion: reduce) { .xh-lb__close, .xh-lb__nav { transition: none; } }