#menu-nav{z-index:99;box-shadow:0 0 8px 3px rgb(0 0 0 / .1);.content{padding:.8rem 1rem;#menu-trigger svg{width:24px;height:24px;fill:var(--black)}.links li a{font-size:14px;padding:.4rem .8rem;transition:all .2s;border-radius:8px;&:hover{background-color:rgb(0 0 0 / .05)}}}}@media (max-width:1024px){#menu-nav .content{position:relative;.logo img{width:180px}#menu-trigger{display:flex}.links{position:absolute;left:0;top:59px;width:100%;border-radius:0 0 16px 16px;background-color:#e9e9e9;flex-direction:column;gap:.5rem;padding:1rem;transform:rotateX(90deg);transform-origin:top;transition:all .3s;border-bottom:3px solid rgb(0 0 0 / .05);z-index:-1;&.active{transform:rotateX(0)}li{&,a{width:100%}a{text-align:center;display:block}}}}}