.main-nav{position:relative;display:flex;align-items:center}.menu-toggle{display:none;background:none;border:none;cursor:pointer;margin-right:1rem}.menu-icon{width:28px;height:3px;background:#222;display:block;position:relative}.menu-icon:after,.menu-icon:before{content:"";position:absolute;left:0;width:28px;height:3px;background:#222;transition:.3s}.menu-icon:before{top:-8px}.menu-icon:after{top:8px}.menu-list{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-link{display:block;padding:.75rem 1rem;color:#222;text-decoration:none;font-weight:500;transition:color .2s}.menu-link:focus,.menu-link:hover{color:#0070f3}.submenu-list{display:none;position:absolute;left:0;top:100%;min-width:180px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);list-style:none;margin:0;padding:.5rem 0;z-index:10}.menu-item:focus-within>.submenu-list,.menu-item:hover>.submenu-list{display:block}.submenu-item{width:100%}.submenu-link{display:block;padding:.6rem 1.2rem;color:#222;text-decoration:none;font-weight:400;transition:background .2s,color .2s}.submenu-link:focus,.submenu-link:hover{background:#f5f5f5;color:#0070f3}@media (max-width:991px){.main-nav{width:auto;position:relative;z-index:1100}.menu-toggle{display:block;position:relative;z-index:1200}.menu-list{display:none;flex-direction:column;position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;box-shadow:-2px 0 16px rgba(0,0,0,.08);z-index:1200;padding:80px 0 0;gap:0;overflow-y:auto;border-left:1px solid #eee;transition:right .3s cubic-bezier(.4,0,.2,1)}.menu-list.open{display:flex}.menu-item{width:100%;border-bottom:1px solid #eee}.menu-link{width:100%;padding:1.2rem 2rem;font-size:1.1rem}.has-submenu>.menu-link{display:flex;align-items:center;justify-content:space-between}.submenu-list{display:none;position:static;background:#f9f9f9;box-shadow:none;width:100%;min-width:0;max-width:100%;padding:0;margin:0;border:none;overflow-x:hidden;overflow-y:visible;max-height:none;height:auto;z-index:1}.menu-item.open>.submenu-list{display:block}.submenu-link{padding:1rem 2.5rem;font-size:1rem;border-bottom:1px solid #eee;background:#f9f9f9}}@media (min-width:992px){.submenu-list{min-width:0;width:max-content;right:0;left:auto;max-width:90vw;overflow-x:auto}}