.mobile-nav{
    display:none;
}

@media (max-width:768px){

    .mobile-nav{
        display:block;
        border-bottom:1px solid #eee;
        background: white;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 0;
  z-index: 50;
    }

    .mobile-header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:15px;
    }

    .menu-btn{
        border:none;
        background:none;
        font-size: 18px; 
        font-weight: 500;
          font-family: 'Inter', system-ui, -apple-system, sans-serif;
        cursor:pointer;
        margin-right: 20px;
    }

    .mobile-menu{
        display:none;
        list-style:none;
        margin:0;
        padding:0;
        border-top:1px solid #eee;
    }

    .mobile-menu.active{
        display:block;
    }

    .mobile-menu li a{
        display:block;
        padding:10px;
        color:#333;
        text-decoration:none;
        border-bottom:1px solid #f3f3f3;
    }

    .mobile-menu li a:hover{
        background:#f8f8f8;
    }
    .logo {
  width: 180px;
  height: 40px;
  background: url('https://zapisvai.com/logo_zapisvai5.png') no-repeat center/contain;
  transition: transform 0.3s ease;
}
.logo:hover {
  transform: scale(1.05);
}
}