/* Product Card Styling */
.product {
    position: relative;
}

/* Product Icons in the top-right corner */
.product-icons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 10px;
}

.product-icons a {
    color: #333;
    background: rgba(255, 255, 255, 0.8);
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.product-icons a:hover {
    color: #ff0000; /* Change color on hover */
}

.product-icons .fa {
    font-size: 16px;
}

/* Additional styling can be added here */