.hm-sorting-controls {
                        display: flex;
                        flex-wrap: nowrap;
                        justify-content: space-between;
                        align-items: center;
                        padding: 8px 12px;
                        margin-bottom: 12px;
                        background-color: #f9f9f9;
                        border-radius: 6px;
                        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
                    }
                    
                    .hm-sort-container {
                        display: flex;
                        align-items: center;
                        gap: 8px;
                        overflow-x: auto;
                        flex: 1;
                        scrollbar-width: none;
                        -ms-overflow-style: none;
                    }
                    
                    .hm-sort-container::-webkit-scrollbar {
                        display: none;
                    }
                    
                    .hm-sort-label {
                        font-weight: bold;
                        color: #257D80;
                        font-size: 0.8rem;
                        white-space: nowrap;
                    }
                    
                    .hm-sort-options {
                        display: flex;
                        flex-wrap: nowrap;
                        gap: 4px;
                    }
                    
                    .hm-sort-btn {
                        background-color: white;
                        color: #333;
                        border: 1px solid #ddd;
                        border-radius: 4px;
                        padding: 4px 8px;
                        cursor: pointer;
                        transition: all 0.2s ease;
                        font-size: 0.8rem;
                        white-space: nowrap;
                        display: flex;
                        align-items: center;
                        gap: 3px;
                    }
                    
                    .hm-sort-btn:hover {
                        border-color: #257D80;
                        color: #257D80;
                    }
                    
                    .hm-sort-btn.active {
                        background-color: #257D80;
                        color: white;
                        border-color: #257D80;
                    }
                    
                    .hm-sort-icon {
                        display: inline-block;
                        width: 0;
                        height: 0;
                        border-left: 4px solid transparent;
                        border-right: 4px solid transparent;
                        margin-left: 2px;
                    }
                    
                    .hm-sort-icon.asc {
                        border-bottom: 6px solid currentColor;
                    }
                    
                    .hm-sort-icon.desc {
                        border-top: 6px solid currentColor;
                    }
                    
                    /* Dropdown styling */
                    .hm-dropdown-container {
                        position: relative;
                        display: inline-block;
                    }
                    
                    .hm-dropdown-btn {
                        display: flex;
                        align-items: center;
                        gap: 3px;
                    }
                    
                    .hm-dropdown-arrow {
                        font-size: 0.6rem;
                    }
                    
                    .hm-dropdown-content {
                        display: none;
                        position: absolute;
                        background-color: white;
                        min-width: 120px;
                        box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
                        border-radius: 4px;
                        z-index: 100;
                        margin-top: 2px;
                        left: 0;
                    }
                    
                    .hm-dropdown-container:hover .hm-dropdown-content {
                        display: block;
                    }
                    
                    .hm-dropdown-content a {
                        color: #333;
                        padding: 6px 10px;
                        text-decoration: none;
                        display: block;
                        transition: all 0.2s ease;
                        font-size: 0.8rem;
                    }
                    
                    .hm-dropdown-content a:hover {
                        background-color: #f1f1f1;
                        color: #257D80;
                    }
                    
                    .hm-dropdown-content a.active {
                        background-color: #257D80;
                        color: white;
                    }
                    
                    /* Search bar styling */
                    .hm-search-container {
                        display: flex;
                        align-items: center;
                        margin-left: 8px;
                    }
                    
                    .hm-search-input {
                        border: 1px solid #ddd;
                        border-radius: 4px;
                        padding: 4px 8px;
                        font-size: 0.8rem;
                        width: 120px;
                        height: 24px;
                    }
                    
                    .hm-search-input:focus {
                        outline: none;
                        border-color: #257D80;
                    }
                    
                    .hm-search-btn {
                        background-color: #257D80;
                        color: white;
                        border: none;
                        border-radius: 4px;
                        padding: 4px 8px;
                        margin-left: 4px;
                        cursor: pointer;
                        font-size: 0.8rem;
                        height: 24px;
                        display: flex;
                        align-items: center;
                    }
                    
                    @media (max-width: 768px) {
                        .hm-sorting-controls {
                            padding: 6px 8px;
                        }
                        
                        .hm-sort-label {
                            font-size: 0.7rem;
                        }
                        
                        .hm-sort-btn, .hm-dropdown-content a {
                            padding: 3px 6px;
                            font-size: 0.7rem;
                        }
                        
                        .hm-search-input {
                            width: 80px;
                            font-size: 0.7rem;
                            padding: 3px 6px;
                            height: 20px;
                        }
                        
                        .hm-search-btn {
                            padding: 3px 6px;
                            font-size: 0.7rem;
                            height: 20px;
                        }
                    }