#hamburger{width:35px;height:22px;position:relative;cursor:pointer;transition:all 0.3s ease;z-index:9999}#hamburger span{background-color:#fff;position:absolute;height:3px;width:100%;left:0;transition:all 0.3s ease}#hamburger span:nth-child(1){top:0}#hamburger span:nth-child(2){top:9px;display:none}#hamburger span:nth-child(3){top:10px}#hamburger.active span:nth-child(1){transform:rotate(45deg);top:9px}#hamburger.active span:nth-child(2){opacity:0}#hamburger.active span:nth-child(3){transform:rotate(-45deg);top:9px}#menu-mobile{display:none;position:absolute;right:0;top:80px;background-color:#ba7f3a;padding:20px 30px;box-shadow:0 4px 10px rgba(0,0,0,0.2);text-align:center;width:300px;border-radius:8px}#menu-mobile.open{display:block}#menu-mobile ul{list-style:none;margin:0;padding:0}#menu-mobile ul li{margin-bottom:10px}#menu-mobile ul li a{color:#000;text-decoration:none;font-weight:600;transition:color 0.3s ease}#menu-mobile ul li a:hover{color:#fff}