.elementor-11597 .elementor-element.elementor-element-e461afe{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:auto;}.elementor-11597 .elementor-element.elementor-element-e461afe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-image .qodef-e-icon-holder-inner{color:#F4F1F1;font-size:34px;}.elementor-11597 .elementor-element.elementor-element-5452e7c article:not(.qodef-e-featured){width:325px;}.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-image .qodef-e-icon-holder{background-color:#232323;}.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-title-link{color:#FDFDFD;}.elementor-11597 .elementor-element.elementor-element-5452e7c article .qodef-e-subtitle{color:#BFBEBE;}.elementor-11597 .elementor-element.elementor-element-5452e7c article.qodef-e-featured{width:517px;}.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-title-featured{color:#F2F2F2;}@media(min-width:768px){.elementor-11597 .elementor-element.elementor-element-e461afe{--width:104.707%;}}/* Start custom CSS for qi_addons_for_elementor_premium_horizontal_double_row_project_showcase, class: .elementor-element-5452e7c *//* 1. Kill the white background hover on the item containers */
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-inner,
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-image,
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-inner:hover,
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-item:hover .qodef-e-inner {
    background-color: transparent !important;
    background: none !important;
}

/* 2. Stop the "Fading" (Transition) - Make it INSTANT */
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e, 
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-inner, 
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-image,
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-image img {
    transition: none !important;
    -webkit-transition: none !important;
}

/* 3. Lock the Image: No Movement, No Fade, 100% Solid */
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-image img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important; /* Makes photography static */
    filter: grayscale(0%) !important; /* Default color */
}

/* 4. Trigger Instant Individual Grayscale on Hover */
/* Targets the wine bottles individually when the cursor moves over them */
.elementor-11597 .elementor-element.elementor-element-5452e7c article.qodef-e:hover .qodef-e-image img,
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-item:hover .qodef-e-image img,
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-link:hover ~ .qodef-e-image img {
    filter: grayscale(100%) !important;
    opacity: 1 !important; /* Prevents the "whitening" fade */
    transform: none !important;
}

/* 5. Hide the distortion layers and icons if they interfere */
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef--distort-img-clone,
.elementor-11597 .elementor-element.elementor-element-5452e7c canvas,
.elementor-11597 .elementor-element.elementor-element-5452e7c .qodef-e-icon-holder {
    display: none !important;
}/* End custom CSS */