/* v4.4.2 - nieprzezroczyste, bezpiecznie odsuniete menu mobilne */
@media (max-width: 900px) {
  body.menu-open {
    background: #050505 !important;
  }

  body.menu-open #main-content,
  body.menu-open .rtk-footer,
  body.menu-open .rtk-scroll-progress {
    visibility: hidden !important;
  }

  body.menu-open .rtk-header {
    background: #050505 !important;
  }

  .rtk-header .rtk-nav,
  .rtk-header .rtk-nav.is-open {
    position: fixed !important;
    z-index: 4 !important;
    inset: 0 !important;
    isolation: isolate;
    width: 100vw !important;
    min-width: 100vw;
    height: 100vh !important;
    height: 100dvh !important;
    padding: calc(104px + env(safe-area-inset-top, 0px)) 18px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background-color: #050505 !important;
    background-image: linear-gradient(180deg, #050505 0%, #090909 64%, #050505 100%) !important;
    background-attachment: fixed !important;
  }

  .rtk-header .rtk-nav::after {
    position: fixed;
    z-index: -2;
    inset: 0;
    content: "";
    pointer-events: none;
    background: #050505 !important;
  }

  .rtk-header .rtk-nav::before {
    z-index: -1;
  }

  .rtk-header .rtk-nav__list {
    position: relative;
    z-index: 2;
    width: min(100%, 480px);
    min-height: 0 !important;
    padding: 0 0 24px !important;
    margin: 0 auto !important;
    justify-content: flex-start !important;
    background: transparent !important;
  }

  .admin-bar .rtk-header .rtk-nav,
  .admin-bar .rtk-header .rtk-nav.is-open {
    padding-top: calc(150px + env(safe-area-inset-top, 0px)) !important;
  }
}

@media (max-width: 420px) {
  .rtk-header .rtk-nav,
  .rtk-header .rtk-nav.is-open {
    padding-top: calc(98px + env(safe-area-inset-top, 0px)) !important;
    padding-inline: 16px !important;
  }

  .admin-bar .rtk-header .rtk-nav,
  .admin-bar .rtk-header .rtk-nav.is-open {
    padding-top: calc(146px + env(safe-area-inset-top, 0px)) !important;
  }
}

@media (max-height: 620px) and (max-width: 900px) {
  .rtk-header .rtk-nav,
  .rtk-header .rtk-nav.is-open {
    padding-top: calc(90px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .admin-bar .rtk-header .rtk-nav,
  .admin-bar .rtk-header .rtk-nav.is-open {
    padding-top: calc(138px + env(safe-area-inset-top, 0px)) !important;
  }
}