/* Menu wyjezdza z prawej strony i naklada sie na strone.
   Wczesniej spychalo tresc w dol i wygladalo jak dolaczony kawalek strony. */

@media (max-width:760px){
  .mmenu{
    position:fixed;top:0;right:0;bottom:0;
    width:min(86vw,360px);
    z-index:1200;
    display:block;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding:62px 0 96px;
    border-top:0;
    border-left:1px solid rgba(227,199,101,.30);
    box-shadow:-22px 0 46px rgba(0,0,0,.55);
    transform:translateX(103%);
    transition:transform .24s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
  }
  .mmenu[hidden]{display:block;visibility:hidden}
  .mmenu.otwarte{transform:translateX(0);visibility:visible}

  .mzaslona{
    position:fixed;inset:0;z-index:1190;
    background:rgba(0,0,0,.55);
    opacity:0;pointer-events:none;
    transition:opacity .24s ease;
  }
  .mzaslona.widoczna{opacity:1;pointer-events:auto}

  .mzamknij{
    position:absolute;top:10px;right:10px;
    width:44px;height:44px;padding:0;
    background:none;border:0;cursor:pointer;
    color:#E7E9EB;font-size:30px;line-height:1;
  }

  body.menu-otwarte{overflow:hidden}
}