.elementor-97873 .elementor-element.elementor-element-408d9826 > .elementor-container{max-width:430px;}.elementor-97873 .elementor-element.elementor-element-408d9826{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-97873 .elementor-element.elementor-element-7e9b4216 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-97873 .elementor-element.elementor-element-7e9b4216 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-weight:var( --e-global-typography-text-font-weight );}.elementor-97873 .elementor-element.elementor-element-7c2ed94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-97873 .elementor-element.elementor-element-7c2ed94 img{width:100%;border-radius:6px 6px 6px 6px;}.elementor-97873 .elementor-element.elementor-element-7c2ed94 .widget-image-caption{color:#FFFFFF;background-color:#02010100;font-family:"Roboto", Sans-serif;font-weight:600;text-shadow:1px 1px 10px rgba(0, 0, 0, 0);}.elementor-widget-uael-modal-popup .uael-modal-action-wrap .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-uael-modal-popup .uael-modal-action i{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action svg{fill:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action i:hover{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action svg:hover{fill:var( --e-global-color-text );}.uamodal-{{ID}} .uael-modal-title-wrap{background-color:var( --e-global-color-secondary );}.elementor-widget-uael-modal-popup .uael-modal-title-wrap{background-color:var( --e-global-color-secondary );}.uamodal-{{ID}} .uael-modal-title-wrap .uael-modal-title, .elementor-widget-uael-modal-popup .uael-modal-title-wrap .uael-modal-title{font-weight:var( --e-global-typography-primary-font-weight );}.uamodal-{{ID}} .uael-content{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-content{color:var( --e-global-color-text );}.uamodal-{{ID}} .uael-content .uael-text-editor{font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-uael-modal-popup .uael-modal-action-wrap a.elementor-button, .elementor-widget-uael-modal-popup .uael-modal-action-wrap .elementor-button{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-modal-popup .uael-modal-action-wrap a.elementor-button:hover, .elementor-widget-uael-modal-popup .uael-modal-action-wrap .elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-uael-modal-popup .uael-modal-action{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action:hover{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action-wrap .uael-modal-action{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-97873 .elementor-element.elementor-element-0f6a8fc > .elementor-widget-container{padding:0px 0px 0px 0px;}.uamodal-0f6a8fc .uael-content{width:1000px;background-color:#ffffff;}.uamodal-0f6a8fc .uael-overlay{background:rgba(0,0,0,0.75);}.uamodal-0f6a8fc .uael-modal-close{font-size:34px;line-height:34px;height:34px;width:34px;}.uamodal-0f6a8fc .uael-modal-close i, .uamodal-0f6a8fc .uael-modal-close svg{font-size:34px;line-height:34px;height:34px;width:34px;}.uamodal-0f6a8fc .uael-modal-title-wrap{text-align:left;padding:15px 25px 15px 25px;background-color:var( --e-global-color-6602346 );}.uamodal-0f6a8fc .uael-modal-title-wrap .uael-modal-title{color:#FFFFFF;}.elementor-97873 .elementor-element.elementor-element-0f6a8fc .uael-modal-title-wrap .uael-modal-title{color:#FFFFFF;}.elementor-97873 .elementor-element.elementor-element-0f6a8fc .uael-modal-title-wrap{background-color:var( --e-global-color-6602346 );}.uamodal-0f6a8fc .uael-content .uael-modal-content-data{padding:25px 25px 25px 25px;}@media(max-width:1023px){.uamodal-0f6a8fc .uael-content{width:85%;}}@media(max-width:730px){.uamodal-0f6a8fc .uael-content{width:85%;}.uamodal-0f6a8fc .uael-modal-close{font-size:40px;line-height:40px;height:40px;width:40px;}.uamodal-0f6a8fc .uael-modal-close i, .uamodal-0f6a8fc .uael-modal-close svg{font-size:40px;line-height:40px;height:40px;width:40px;}}/* Start custom CSS for image, class: .elementor-element-7c2ed94 *//*
 * ===================================================================
 *  BASE CSS for Filler Item (Applies to all views)
 * ===================================================================
 */

/* Base style for the link wrapper */
ul.products li.product.customli .elementor-widget-image a {
    display: block;
    height: 100%;
    border-radius: 6px !important;
    overflow: hidden; /* Crucial for keeping corners rounded */
    transition: none;
}

/* Base style for the image itself */
ul.products li.product.customli .elementor-widget-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Prevents image distortion */
    transition: transform 0.25s ease-in-out;
}


/*
 * ===================================================================
 *  CSS for DESKTOP Viewports (1024px and wider)
 * ===================================================================
 */
@media (min-width: 1024px) {
    /* 1. Style the filler `li` as a flex container */
    ul.products li.product.customli {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-bottom: 30px;
    }

    /* 2. Allow the image widget to grow to fill the space */
    ul.products li.product.customli .elementor-widget-image {
        flex-grow: 1;
        margin-bottom: 0 !important;
    }

    /* 3. Recreate the hover zoom effect on desktop only */
    ul.products li.product.customli:hover .elementor-widget-image img {
        transform: scale(1.1);
    }
}


/*
 * ===================================================================
 *  CSS for TABLET Viewports (721px - 1023px)
 * ===================================================================
 */
@media (min-width: 721px) and (max-width: 1023px) {

    /* 1. Make the filler `li` a full-height grid item and align content to the top */
    ul.products li.product.customli {
        height: 100%; 
        display: flex;
        flex-direction: column;
        justify-content: flex-start; /* This aligns the image to the top */
        padding-bottom: 25px; /* Matches theme's grid padding */
    }

    /* 2. Force the link wrapper to obey the image's aspect ratio */
    ul.products li.product.customli .elementor-widget-image a {
        height: auto;
    }
    
    /* 
     * 3. THE KEY FIX: Set a specific aspect-ratio for the image.
     * This forces the filler image to have the exact same proportions
     * (and thus, the same height) as the real product images.
     */
    ul.products li.product.customli .elementor-widget-image img {
        height: auto; /* Allow aspect-ratio to control the height */
        aspect-ratio: 414 / 311; /* Uses the ratio from your product images */
        transform: none !important; /* Disable zoom effect on tablet */
    }
}/* End custom CSS */
/* Start custom CSS for uael-modal-popup, class: .elementor-element-0f6a8fc */.uael-modal-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10000 !important;
}
@media (max-width: 767px) {
    .uael-content .uael-modal-close svg {
        font-size: inherit !important;
        line-height: inherit !important;
        height: 30px !important;
        width: 30px !important;
    }
}/* End custom CSS */