.sort {
		
	    display: flex;
	        align-items: center;
	        flex-wrap: wrap;
	        gap: .75rem;
	        padding: .5rem 1.25rem;
	        background: var(--prime-yellow);
		        border: 1px solid var(--prime-border);
	        border-radius: var(--radius-md);
	        justify-content: space-between;
	        margin-bottom: .5rem;
	        margin-top: .25rem;

	    box-shadow: 0 6px 10px rgba(0,0,0,0.1);
	}
	.sort-search {
	    position: relative;
	    /*flex: 1 1 180px;*/
	        min-width: 160px;
	        max-width: 400px;
	        padding-bottom: .25rem;
	       
	}
	
	.sort-search input {
	    width: 100%;
	    padding: .5rem .75rem .5rem 2.1rem;
	    border: 1.5px solid var(--prime-border);
	    border-radius: var(--radius-md);
	    background: var(--surface-hover);
	    font-family: var(--font-body);
	    font-size: .85rem;
	    color: var(--text-primary);
	    outline: none;
	    transition: border-color var(--transition), box-shadow var(--transition);
	}
	.sort-search input:focus {
	    border-color: var(--accent);
	    box-shadow: 0 0 0 3px var(--accent-light);
	}

	

	/* SORT OPTIONS */
	.sorting {
	    display: flex;
	    align-items: center;
	    gap: 10px;
	}
	.sorting span {
	    font-size: 0.7rem;
	    padding: 4px 10px;

	    background: rgba(0, 115, 255, 0.05);
	    border: 1px solid rgba(0, 115, 255, 0.1);
	    backdrop-filter: blur(6px);

	    border-radius: 10px;
	    cursor: pointer;

	    transition: 0.25s ease;
	    color: #0466c8;
	    font-weight: 500;
	}

	/* Hover */
	.sorting span:hover {
	    background: rgba(0, 115, 255, 0.15);
	    border-color: rgba(0,115,255,0.2);
	    transform: translateY(-2px);
	}

	/* Active / Selected */
	.sorting span.active {
	    background: #0077ff;
	    color: white;
	    border-color: #0077ff;
	}
	@media (max-width: 720px) {
	    .sort {
	        flex-direction: column;
	        align-items: center;
	        justify-content: center;
	        height: 45px;
	        gap: 1px;
	        /*padding: 8px 10px;*/
	        /*margin-bottom: 10px;*/
	        padding-top: 0.25rem;
	        padding-bottom: .65rem;
	    }

	    .sort-search input {
	        width: 100%;
	    }

	    .sorting {
	        justify-content: center;
	        flex-wrap: wrap;
	        gap: 2px;
	    }

	    .sorting span {
	        padding: 3px 7px;
	    }
	}
	/*[data-sort="rand"] {
	    visibility: hidden;
	    width: 0;
	    padding: 0;
	    margin: 0;
	}*/