Underline product title when hovering over it

#1. Product Title on Shop/Category Page
Use this to Custom CSS box

div.grid-title {
    border-bottom: 1px solid transparent;
}
div.grid-title:hover {
    border-color: #fff;
}

#2. Product Title on Product Detail
Use this CSS code

h1.ProductItem-details-title {
    border-bottom: 1px solid transparent;
}
h1.ProductItem-details-title:hover {
    border-color: #fff;
}

#3. Product Title on Related Products

div.ProductItem-relatedProducts div.grid-title {
    border-bottom: 1px solid transparent;
}
div.ProductItem-relatedProducts div.grid-title:hover {
    border-color: #fff;
}

#4. Product Title on Product Block
Use this CSS code

a.product-title {
    border-bottom: 1px solid transparent;
}
a.product-title:hover {
    border-color: #000;
}

#5. Product Title on Cart Page
Use this CSS code

a.cart-row-title {
    border-bottom: 1px solid transparent;
    display: inline;
}
a.cart-row-title:hover {
    border-color: #000;
}