.header-mobile{position:relative;z-index:1000}.header-mobile .header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem}.mobile-nav-toggle{background:none;border:none;padding:.5rem;cursor:pointer;font-size:1.5rem;color:#333;transition:color .3s ease}.mobile-nav-toggle:hover{color:#666}.main-nav{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:#fff;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease;overflow-y:auto;z-index:1001}.main-nav{right:-100%;transition:right .3s ease}.main-nav.active{right:0}.main-nav ul{list-style:none;padding:0;margin:0}.main-nav li{border-bottom:1px solid #eee}.main-nav a{display:block;padding:1rem;color:#333;text-decoration:none;transition:background-color .3s ease}.main-nav a:hover{background-color:#f5f5f5}.dropdown-menu{display:none;padding-left:1rem;background:#f9f9f9}.dropdown.active .dropdown-menu{display:block}.header-mobile.nav-open:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}