Hi,
1. As far as I know, HikaShop doesn't have any CSS code for the variant name and dropdown options on the product page.
It might be your template adding CSS code to it, or there is just no CSS code for these.
If you're familiar with CSS, then you should already have a grasp on how to check what CSS code is being applied on a specific element of the page with the help of the developer tools of your browser. So with this, you should be able to figure out what to do exactly. Here is a tutorial on this, just in case:
developer.chrome.com/docs/devtools/css
Note that you don't necessarily need to find the CSS code already applying to an element on a page to be able to customize it.
For example, if you want the product name to be with the red color on the product page, you don't need to find what CSS code already applies to it. Instead, you can look at the HTML element with your browser's inspector. You'll find that it uses the class hikashop_product_name_main. So you can directly write such CSS code in your custom.css file:
.hikashop_product_name_main{ color: red !important; }
If you want, we can look at the situation on that page in order to analyze the CSS with the developer tools on our browser to tell you where to look. But for that, we'll need you to provide the URL of the page.
2. The corner notification popup uses CSS code which is located in media/com_hikashop/css/notify-metro.css