.mobile-menu{
  position:fixed;
  top:0;left:-100%;
  width:min(340px,86vw);
  height:100vh;
  padding:90px 22px 30px;
  display:flex;
  flex-direction:column;
  gap:5px;
  background:#fff;
  box-shadow:36px 0 90px rgba(0,0,0,.28);
  transition:left .32s ease;
  z-index:1200;
  overflow-y:auto;
}
.mobile-menu.open{left:0}
.mobile-menu a{
  min-height:48px;
  padding:0 16px;
  display:flex;
  align-items:center;
  border-radius:11px;
  color:var(--green-950);
  font:700 15px "Space Grotesk",sans-serif;
  text-decoration:none;
}
.mobile-menu a:hover{background:var(--surface-soft);color:var(--orange)}
.mobile-menu a[href="rezerwacje.php"]{margin:10px 0;background:var(--green-950);color:#fff;justify-content:center}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;transition:.25s ease;z-index:1100}
.overlay.show{opacity:1;visibility:visible}
.hamburger.active{position:relative;z-index:1300}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}