.nav-menu{margin:0 -20px 20px}.nav-main-tabs{display:flex;background:#ddd;border-bottom:2px solid #666}.nav-main-tabs .nav-tab-btn{flex:1;padding:12px 0;background:#e0e0e0;border:none;border-right:1px solid #aaa;cursor:pointer;font-size:15px;text-align:center}.nav-main-tabs .nav-tab-btn:last-child{border-right:none}.nav-main-tabs .nav-tab-btn.active{background:#fff;font-weight:700}.nav-sub-menu{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px;background:#f0f0f0;border-bottom:1px solid #aaa;overflow:hidden;max-height:0;opacity:0;transition:max-height 0.18s ease-out,opacity 0.15s ease-out,padding 0.18s ease-out}.nav-sub-menu.active{max-height:200px;opacity:1;padding:8px 20px}.nav-sub-menu a{display:inline-block;padding:6px 12px;background:#e0e0e0;border:none;border-right:1px solid #aaa;text-decoration:none;color:#000;font-size:13px;cursor:pointer}.nav-sub-menu a:last-child{border-right:none}.nav-sub-menu a:hover{background:#fff}