.elementor-9130 .elementor-element.elementor-element-381c356{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9130 .elementor-element.elementor-element-b47518f{--grid-columns:3;}@media(max-width:1024px){.elementor-9130 .elementor-element.elementor-element-b47518f{--grid-columns:2;}}@media(max-width:767px){.elementor-9130 .elementor-element.elementor-element-b47518f{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-b47518f */<style>
/* ============================================================
   MEERBAY SEARCH GRID — FINAL ORGANIZED VERSION
   Elementor Loop Grid class:
   meerbay-search-grid
   ============================================================ */

.meerbay-search-grid{
    --mb-green:#1f6a42;
    --mb-green-dark:#145332;
    --mb-lime:#83c441;

    --mb-black:#171b18;
    --mb-text:#59635c;
    --mb-muted:#879088;

    --mb-soft:#f7faf7;
    --mb-soft-green:#edf6ef;

    --mb-border:#e2e9e3;

    width:100%;
}


/* ============================================================
   GRID
   ============================================================ */

.meerbay-search-grid .elementor-loop-container{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    align-items:stretch !important;

    gap:16px !important;

    width:100% !important;
}


/* ============================================================
   CARD
   ============================================================ */

.meerbay-search-grid .e-loop-item{
    position:relative !important;

    min-width:0 !important;
    height:100% !important;

    overflow:hidden !important;

    border:
        1px solid
        var(--mb-border) !important;

    border-radius:
        18px !important;

    background:
        #fff !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


.meerbay-search-grid .e-loop-item:hover{
    transform:
        translateY(-4px);

    border-color:
        rgba(31,106,66,.20) !important;

    box-shadow:
        0 18px 45px
        rgba(18,61,34,.09);
}


/* ============================================================
   VERY IMPORTANT:
   MAKE INNER ELEMENTOR CONTAINER FLEX
   ============================================================ */

.meerbay-search-grid
.e-loop-item
> .elementor-element,

.meerbay-search-grid
.e-loop-item
> .e-con,

.meerbay-search-grid
.e-loop-item
.e-con-inner{

    height:100% !important;

    min-height:100% !important;
}


/*
 * Add this class to your MAIN loop item container:
 *
 * mb-product-card-inner
 */

.meerbay-search-grid
.mb-product-card-inner{

    height:100% !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:stretch !important;

    gap:0 !important;

    padding:0 !important;
}


/* ============================================================
   IMAGE AREA
   ============================================================ */

.meerbay-search-grid
.elementor-widget-theme-post-featured-image{

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    background:
        linear-gradient(
            145deg,
            #fafcf9,
            #f2f7f3
        ) !important;
}


.meerbay-search-grid
.elementor-widget-theme-post-featured-image
.elementor-widget-container{

    width:100% !important;
    height:260px !important;

    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;
}


.meerbay-search-grid
.elementor-widget-theme-post-featured-image
a{

    width:100% !important;
    height:100% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;
}


.meerbay-search-grid
.elementor-widget-theme-post-featured-image
img{

    width:100% !important;
    height:100% !important;

    max-width:100% !important;

    padding:
        24px !important;

    margin:0 !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    transition:
        transform .3s ease !important;
}


.meerbay-search-grid
.e-loop-item:hover
.elementor-widget-theme-post-featured-image
img{

    transform:
        scale(1.035)
        translateY(-2px);
}


/* ============================================================
   CONTENT WRAPPER
   ============================================================ */

/*
 * Put category/title/rating/price/actions
 * inside a container with class:
 *
 * mb-product-content
 */

.meerbay-search-grid
.mb-product-content{

    flex:1 !important;

    width:100% !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:stretch !important;

    padding:
        15px
        16px
        16px !important;

    gap:0 !important;
}


/* ============================================================
   CATEGORY
   ============================================================ */

.meerbay-search-grid
.mb-product-category{

    margin:
        0
        0
        6px !important;

    color:
        var(--mb-green) !important;

    font-family:
        Inter,
        Arial,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .07em !important;

    text-transform:
        uppercase !important;
}


/* ============================================================
   TITLE
   ============================================================ */

.meerbay-search-grid
.elementor-widget-theme-post-title{

    width:100% !important;

    margin:0 !important;
}


.meerbay-search-grid
.elementor-widget-theme-post-title
.elementor-widget-container{

    width:100% !important;
}


.meerbay-search-grid
.elementor-widget-theme-post-title
.elementor-heading-title{

    min-height:
        58px !important;

    max-height:
        58px !important;

    margin:0 !important;

    overflow:hidden !important;

    display:
        -webkit-box !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        3 !important;

    color:
        var(--mb-black) !important;

    font-family:
        Inter,
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.45 !important;

    letter-spacing:
        -.015em !important;

    text-transform:
        none !important;
}


.meerbay-search-grid
.elementor-widget-theme-post-title
a{

    color:
        inherit !important;

    text-decoration:
        none !important;
}


.meerbay-search-grid
.e-loop-item:hover
.elementor-widget-theme-post-title
a{

    color:
        var(--mb-green) !important;
}


/* ============================================================
   FORCE THEME H1/H2/H3 OVERRIDES
   ============================================================ */

.meerbay-search-grid
.e-loop-item h1,

.meerbay-search-grid
.e-loop-item h2,

.meerbay-search-grid
.e-loop-item h3,

.meerbay-search-grid
.e-loop-item h4{

    font-family:
        Inter,
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    line-height:
        1.45 !important;

    letter-spacing:
        -.015em !important;
}


/* ============================================================
   RATING
   ============================================================ */

.meerbay-search-grid
.star-rating{

    margin:
        9px
        0
        0 !important;

    color:
        #efad00 !important;

    font-size:
        11px !important;
}


/* ============================================================
   PRICE
   ============================================================ */

.meerbay-search-grid
.elementor-widget-woocommerce-product-price{

    margin:
        9px
        0
        0 !important;
}


.meerbay-search-grid
.elementor-widget-woocommerce-product-price
.price,

.meerbay-search-grid
.price{

    margin:0 !important;

    color:
        var(--mb-black) !important;

    font-family:
        Inter,
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;
}


.meerbay-search-grid
.price del{

    margin-right:
        5px !important;

    color:
        #969f98 !important;

    font-size:
        10px !important;

    font-weight:
        500 !important;
}


.meerbay-search-grid
.price ins{

    color:
        #c83f37 !important;

    text-decoration:
        none !important;

    font-weight:
        800 !important;
}


/* ============================================================
   PUSH ACTION AREA TO BOTTOM
   ============================================================ */

/*
 * Add this class to the container holding:
 *
 * quantity + Add to cart / Read more
 *
 * Class:
 * mb-product-actions
 */

.meerbay-search-grid
.mb-product-actions{

    width:100% !important;

    margin-top:
        auto !important;

    padding-top:
        14px !important;

    display:flex !important;

    align-items:center !important;

    gap:
        7px !important;
}


/* ============================================================
   WOOCOMMERCE ADD TO CART WIDGET
   ============================================================ */

.meerbay-search-grid
.elementor-widget-woocommerce-product-add-to-cart{

    width:100% !important;

    margin:0 !important;

    padding:0 !important;
}


.meerbay-search-grid
.elementor-widget-woocommerce-product-add-to-cart
.elementor-widget-container{

    width:100% !important;
}


/* ============================================================
   REMOVE WOOCOMMERCE FLOATS
   ============================================================ */

.meerbay-search-grid
.elementor-widget-woocommerce-product-add-to-cart
form.cart{

    width:100% !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;

    gap:7px !important;
}


.meerbay-search-grid
form.cart::before,

.meerbay-search-grid
form.cart::after{

    display:none !important;
}


/* ============================================================
   QUANTITY FIELD
   ============================================================ */

.meerbay-search-grid
.quantity{

    width:44px !important;

    min-width:
        44px !important;

    margin:0 !important;

    padding:0 !important;

    float:none !important;

    flex:
        0
        0
        44px !important;
}


.meerbay-search-grid
.quantity
.qty{

    width:44px !important;

    height:42px !important;

    min-height:
        42px !important;

    margin:0 !important;

    padding:0 !important;

    border:
        1px solid
        var(--mb-border) !important;

    border-radius:
        10px !important;

    outline:0 !important;

    background:
        #fff !important;

    color:
        var(--mb-black) !important;

    text-align:
        center !important;

    font-family:
        Inter,
        Arial,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    box-shadow:
        none !important;
}


/* ============================================================
   ALL PRODUCT BUTTONS
   MAKE READ MORE AND ADD TO CART IDENTICAL
   ============================================================ */

.meerbay-search-grid
.button,

.meerbay-search-grid
.add_to_cart_button,

.meerbay-search-grid
.single_add_to_cart_button,

.meerbay-search-grid
.product_type_simple,

.meerbay-search-grid
.product_type_variable,

.meerbay-search-grid
.product_type_external,

.meerbay-search-grid
.product_type_grouped,

.meerbay-search-grid
.elementor-button{

    width:100% !important;

    height:
        42px !important;

    min-height:
        42px !important;

    max-height:
        42px !important;

    margin:
        0 !important;

    padding:
        0
        13px !important;

    flex:
        1
        1
        auto !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    float:none !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        var(--mb-green) !important;

    color:
        #fff !important;

    font-family:
        Inter,
        Arial,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        0 !important;

    text-align:
        center !important;

    text-transform:
        none !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

    box-shadow:
        none !important;

    transition:
        background .18s ease,
        transform .18s ease !important;
}


.meerbay-search-grid
.button:hover,

.meerbay-search-grid
.add_to_cart_button:hover,

.meerbay-search-grid
.single_add_to_cart_button:hover,

.meerbay-search-grid
.product_type_simple:hover,

.meerbay-search-grid
.product_type_variable:hover,

.meerbay-search-grid
.product_type_external:hover,

.meerbay-search-grid
.product_type_grouped:hover,

.meerbay-search-grid
.elementor-button:hover{

    background:
        var(--mb-green-dark) !important;

    color:
        #fff !important;

    transform:
        translateY(-1px);
}


/* ============================================================
   FIX "READ MORE" LIME BUTTON
   ============================================================ */

.meerbay-search-grid
.product_type_variable,

.meerbay-search-grid
.product_type_external,

.meerbay-search-grid
.product_type_grouped{

    background:
        var(--mb-green) !important;

    color:
        #fff !important;
}


/* ============================================================
   AJAX ADDED LINK
   ============================================================ */

.meerbay-search-grid
.added_to_cart{

    display:none !important;
}


/* ============================================================
   SALE BADGE
   ============================================================ */

.meerbay-search-grid
.onsale{

    position:absolute !important;

    z-index:10 !important;

    top:
        11px !important;

    left:
        11px !important;

    min-width:
        0 !important;

    min-height:
        0 !important;

    margin:0 !important;

    padding:
        7px
        10px !important;

    border:0 !important;

    border-radius:
        999px !important;

    background:
        #cf4037 !important;

    color:
        #fff !important;

    font-family:
        Inter,
        Arial,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    text-transform:
        uppercase !important;
}


/* ============================================================
   PREVENT RANDOM ELEMENTOR MARGINS
   ============================================================ */

.meerbay-search-grid
.mb-product-content
> .elementor-element{

    margin-bottom:
        0 !important;
}


/* ============================================================
   DESKTOP LARGE
   ============================================================ */

@media(min-width:1500px){

    .meerbay-search-grid
    .elementor-widget-theme-post-featured-image
    .elementor-widget-container{

        height:
            275px !important;
    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1100px){

    .meerbay-search-grid
    .elementor-loop-container{

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;

        gap:
            13px !important;
    }


    .meerbay-search-grid
    .elementor-widget-theme-post-featured-image
    .elementor-widget-container{

        height:
            225px !important;
    }

}


/* ============================================================
   SMALL TABLET
   ============================================================ */

@media(max-width:767px){

    .meerbay-search-grid
    .elementor-loop-container{

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:
            9px !important;
    }


    .meerbay-search-grid
    .elementor-widget-theme-post-featured-image
    .elementor-widget-container{

        height:
            185px !important;
    }


    .meerbay-search-grid
    .elementor-widget-theme-post-featured-image
    img{

        padding:
            14px !important;
    }


    .meerbay-search-grid
    .mb-product-content{

        padding:
            12px !important;
    }


    .meerbay-search-grid
    .elementor-widget-theme-post-title
    .elementor-heading-title{

        min-height:
            52px !important;

        max-height:
            52px !important;

        font-size:
            11px !important;

        line-height:
            1.45 !important;
    }


    .meerbay-search-grid
    .e-loop-item h1,

    .meerbay-search-grid
    .e-loop-item h2,

    .meerbay-search-grid
    .e-loop-item h3,

    .meerbay-search-grid
    .e-loop-item h4{

        font-size:
            11px !important;
    }


    .meerbay-search-grid
    .price{

        font-size:
            12px !important;
    }


    .meerbay-search-grid
    .button,

    .meerbay-search-grid
    .add_to_cart_button,

    .meerbay-search-grid
    .single_add_to_cart_button,

    .meerbay-search-grid
    .elementor-button{

        height:
            39px !important;

        min-height:
            39px !important;

        max-height:
            39px !important;

        font-size:
            8px !important;
    }


    .meerbay-search-grid
    .quantity{

        width:
            40px !important;

        min-width:
            40px !important;

        flex-basis:
            40px !important;
    }


    .meerbay-search-grid
    .quantity
    .qty{

        width:
            40px !important;

        height:
            39px !important;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:480px){

    .meerbay-search-grid
    .elementor-loop-container{

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:
            7px !important;
    }


    .meerbay-search-grid
    .e-loop-item{

        border-radius:
            14px !important;
    }


    .meerbay-search-grid
    .elementor-widget-theme-post-featured-image
    .elementor-widget-container{

        height:
            155px !important;
    }


    .meerbay-search-grid
    .elementor-widget-theme-post-featured-image
    img{

        padding:
            10px !important;
    }


    .meerbay-search-grid
    .mb-product-content{

        padding:
            10px !important;
    }


    .meerbay-search-grid
    .elementor-widget-theme-post-title
    .elementor-heading-title{

        min-height:
            48px !important;

        max-height:
            48px !important;

        -webkit-line-clamp:
            3 !important;

        font-size:
            10px !important;

        line-height:
            1.45 !important;
    }


    .meerbay-search-grid
    .e-loop-item h1,

    .meerbay-search-grid
    .e-loop-item h2,

    .meerbay-search-grid
    .e-loop-item h3,

    .meerbay-search-grid
    .e-loop-item h4{

        font-size:
            10px !important;
    }


    .meerbay-search-grid
    .mb-product-actions{

        gap:
            5px !important;
    }


    .meerbay-search-grid
    .quantity{

        width:
            36px !important;

        min-width:
            36px !important;

        flex-basis:
            36px !important;
    }


    .meerbay-search-grid
    .quantity
    .qty{

        width:
            36px !important;

        height:
            37px !important;

        min-height:
            37px !important;
    }


    .meerbay-search-grid
    .button,

    .meerbay-search-grid
    .add_to_cart_button,

    .meerbay-search-grid
    .single_add_to_cart_button,

    .meerbay-search-grid
    .elementor-button{

        height:
            37px !important;

        min-height:
            37px !important;

        max-height:
            37px !important;

        padding:
            0
            8px !important;

        font-size:
            7px !important;
    }

}

<\/style>/* End custom CSS */