.ccfwc-pro-product-image {
    margin-bottom: 15px;
}

.ccfwc-tooltip {
    position: relative;
    display: inline-block; /* Ensure the tooltip container remains inline */
}

.ccfwc-tooltip img {
    margin: 0 !important;
    display: inline-block; /* Prevent icon from becoming block */
    width: 30px; /* Maintain the image size */
}

.ccfwc-tooltip .ccfwc-tooltip-text {
    background: #555;
    width: 120px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.ccfwc-tooltip .ccfwc-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* Position the arrow below the tooltip */
    left: 50%; /* Center the arrow horizontally */
    margin-left: -5px; /* Adjust to align center */
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; /* Arrow matches tooltip background */
}

.ccfwc-tooltip:hover .ccfwc-tooltip-text {
    visibility: visible; /* Make visible on hover */
    opacity: 1; /* Smoothly fade in */
}