/**
 * Слои интерфейса (снизу вверх):
 * 1. плавающий хедер
 * 2. попап товара с оверлеем
 * 3. лайтбокс / Fancybox
 */
:root {
  --z-header: 1000;
  --z-header-menu: 1200;
  --z-popup: 2000;
  --z-lightbox: 3000;
}

.main-header,
body:not(.homepage) .main-header {
  z-index: var(--z-header);
}

@media (min-width: 62rem) {
  .main-header,
  body:not(.homepage) .main-header,
  body.homepage .main-header,
  .main-header.is-scrolled {
    background-color: transparent;
    background: transparent;
  }
}

.mobile-header {
  z-index: var(--z-header);
}

.mobile-nav {
  z-index: var(--z-header-menu);
}

.page-header__mob {
  z-index: var(--z-header);
}

.popup-overlay {
  z-index: var(--z-popup);
}

.uk-lightbox,
.fancybox__container,
.fancybox-container,
.fancybox__backdrop,
.fancybox-backdrop {
  z-index: var(--z-lightbox) !important;
}

.pswp {
  z-index: var(--z-lightbox) !important;
}