.mobile-nav-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:1000;transition:opacity .3s ease-in-out;cursor:pointer}.mobile-nav-container.closed{opacity:0;visibility:hidden}.mobile-nav-container.open{opacity:1;visibility:visible}.mobile-nav-links{position:absolute;top:0;left:0;width:280px;height:100vh;background-color:white;padding:80px 0 20px;list-style:none;margin:0;display:flex;flex-direction:column;gap:20px;box-shadow:2px 0 10px rgba(0,0,0,.1);transition:transform .3s ease-in-out;transform-origin:top left;cursor:default}.mobile-nav-container.closed .mobile-nav-links{transform:translateX(-100%) translateY(-100%)}.mobile-nav-container.open .mobile-nav-links{transform:translateX(0) translateY(0)}.mobile-nav-links li{border-bottom:1px solid #f0f0f0;padding:12px 0 12px 20px}.mobile-nav-links li:last-child{border-bottom:none}.mobile-nav-links a{display:block;width:100%;text-decoration:none;transition:color .2s ease-in-out}.mobile-nav-links a:hover{color:#F85757}@media (min-width:1024px){.mobile-nav-container{display:none}}