Custom CSS not being applied: How to target tags inside the dropdown menu search

I want to style the items that appear in the dropdown menu search.

I was able to increase the icon size with .search-icon {width: 30px; top: 3px} under custom code, but it is the only CSS that worked.

1) description font is fixed at 14px, I’d like to make it 0.95em.
2) the line-height is 1.6em, and it looks a bit tight.
3) The product title is 14px, I’d like 1.2em
4) The image only has the product title next to it, I’d like to move the price below the Product title, floated left also. (Class: Meta).
5) I’d like to make the thumbnail bigger (and currently it’s being cropped, not sure if that is fixable)
5) I might not want to show the excerpt or description at all because they are long.

Demo store: https://ecommerce.24-7supportsuite.com/store/

I put custom code in the CSS block, but it seems to be ignored? The “inline” style sheet has priority? Or perhaps my code is wrong.

.is-ajax-result-description {font-size: 0.95em!important, line-height: 1.3em!important; display:none}
.is-ajax-result-description {display:none}
.is-title {font-size: 1.2em}

I tried adding ivory-search as a class to search form menu item and then target THAT, but it still doesn’t give my style a priority over the existing stylesheet.

.ivory-search .search-icon {width: 30px; top: 3px}
.ivory-search .is-ajax-result-description {font-size: 0.9em!important, line-height: 1.3em;}
.ivory-search .is-title {font-size: 1.6em}

What can I do to get my custom CSS to work?