.ProductCardsData .img-wrap {
    	height: 300px;
    	background: #fff;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	overflow: hidden;
}

.ProductCardsData .img-wrap img { 
   	 max-width:100%; 
    	max-height:100%; 
    	object-fit:contain; 
    	display:block; 
}

.ProductCardsData .transition-all {
    	transition: all 0.25s ease-in-out;
}

.ProductCardsData .transition-all:hover { 
    	transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.12); 
}

.ProductCardsData .card:hover {
   	 transform: translateY(-3px);
    	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.ProductCardsData .card {
    	transition: all 0.25s ease-in-out;
}

.custom-btn {
        border-color: #99CCCC;
        background-color: #CCCCFF;
        color: #333399;
        font-size: 12px;
        border-width: 1px;
        padding: 4px 10px;
        font-weight: bold;
        border-radius: 4px;
        cursor: pointer;
        /*margin: 6px 0; */
        min-height: 30px;
	text-decoration: none;
}

.custom-btn:hover {
        background-color: #663366;
        border-color: #663366;
        color: #fff!important;
}

.remove-btn {
        border-color: #99CCCC;
        background-color: #CCCCFF;
        color: #333399;
        font-weight: bold;
        font-size: 12px;
        border-width: 1px;
        margin-top: 2px;
        border-radius: 4px;
        cursor: pointer;
}

.remove-btn:hover {
        background-color: red;
        border-color: red;
        color: white;
}

.product-info { 
	text-align:center; 
}

.product-title { 
	display:block; 
	color:#0b5cff; 
	text-decoration:underline; 
	font-weight:600; 
	font-size:14px; 
	margin-bottom:6px; 
	display:-webkit-box; 
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	min-height:25px;
}

.sku-text { 
	font-size:12px; color:#6c757d;
}

.price { 
	font-size:14px; 
	color:#333;
	font-weight:600; 
	margin-top:4px; 
}

.heart-inline {
    	width: 24px;   /* bigger heart */
   	 height: 24px;
    	flex-shrink: 0;
}

.heart-btn:hover .heart-inline {
    	transform: scale(1.2);
    	transition: transform 0.2s ease-in-out;
}

.actions { 
    	text-align:center; 
}

A:HOVER {
	color : Red !important;
}