.burger-icon{width:35px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1001}.burger-icon span{display:block;height:4px;background:#333;border-radius:2px;transition:all 0.3s ease}.burger-icon.open span:nth-child(1){transform:rotate(45deg) translateY(10px)}.burger-icon.open span:nth-child(2){opacity:0}.burger-icon.open span:nth-child(3){transform:rotate(-45deg) translateY(-10px)}.burger-nav{display:none;position:absolute;top:50px;left:0;background:#fff;border:1px solid #ddd;width:220px;box-shadow:0 5px 15px rgba(0,0,0,.15);z-index:1000}.burger-nav ul{list-style:none;margin:0;padding:10px 0}.burger-nav li{padding:10px 20px}.burger-nav li a{text-decoration:none;color:#333;display:block}.burger-nav li a:hover{background:#f5f5f5}.burger-nav.open{display:block}