/* Start custom CSS for wd_products_tabs, class: .elementor-element-d1089fe *//* General styling for images */
.ajax-product-tabs img {
    border: 3px solid #0033A0; /* Blue royal border */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth zoom effect */
    position: relative;
    width: 100%; /* Ensure proper scaling */
    display: block;
    object-fit: cover; /* Keeps aspect ratio */
}

/* Hover effect: zoom */
.ajax-product-tabs img:hover {
    transform: scale(1.35); /* 35% zoom */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Optional shadow for depth */
    z-index: 2; /* Brings image above others */
}

/* Wrapper for the info box */
.ajax-product-tabs {
    position: relative; /* Ensures absolute positioning works inside */
    overflow: hidden; /* Prevents content overflow during zoom */
}

/* Info box styling */
.ajax-product-tabs .info-box {
    display: none; /* Initially hidden */
    position: absolute;
    bottom: 0; /* Align to bottom of the image */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Center alignment */
    width: 70%; /* Max width to cover 30% of the image */
    background-color: #800000; /* Garnet color */
    color: #FFFFFF; /* White text */
    font-family: Tahoma, sans-serif; /* Font style */
    font-size: 14px; /* Adjustable text size */
    text-align: center;
    padding: 10px; /* Padding for spacing */
    border-radius: 5px; /* Optional rounded corners */
    z-index: 3; /* Above the image during hover */
    transition: opacity 0.3s ease; /* Smooth appearance */
}

/* Show the info box on hover */
.ajax-product-tabs:hover .info-box {
    display: block; /* Make it visible */
    opacity: 1; /* Fully visible */
}

/* Styling for the content inside the info box */
.ajax-product-tabs .info-box .price {
    font-weight: bold; /* Bold price */
    font-size: 16px; /* Slightly larger */
}

.ajax-product-tabs .info-box .details {
    font-size: 14px; /* Default size for details */
    margin-top: 4px; /* Space between lines */
    line-height: 1.4;
}

.ajax-product-tabs .info-box .details img {
    width: 16px; /* Icon size */
    vertical-align: middle; /* Align icons with text */
    margin-right: 4px; /* Space between icon and text *//* End custom CSS */