.elementor-884 .elementor-element.elementor-element-2587a27{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:15px 15px 15px 15px;--border-top-width:15px;--border-right-width:15px;--border-bottom-width:15px;--border-left-width:15px;border-color:#F8F8F8;--border-color:#F8F8F8;--border-radius:30px 30px 30px 30px;--margin-top:-55px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-884 .elementor-element.elementor-element-2587a27:not(.elementor-motion-effects-element-type-background), .elementor-884 .elementor-element.elementor-element-2587a27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-884 .elementor-element.elementor-element-4baf796 .title{font-size:44px;}.elementor-884 .elementor-element.elementor-element-4c6d08a .wd-nav-product-cat > li > a .wd-nav-img{--nav-img-height:48px;--nav-img-width:48px;}.elementor-884 .elementor-element.elementor-element-807ff95{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-884 .elementor-element.elementor-element-09fcc9a{width:100%;max-width:100%;}.elementor-884 .elementor-element.elementor-element-d77a82b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 40px;--row-gap:20px;--column-gap:40px;--flex-wrap:wrap;}.elementor-884 .elementor-element.elementor-element-71f0579{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-884 .elementor-element.elementor-element-f179499 > .elementor-widget-container{margin:20px 0px 0px 0px;border-style:solid;border-width:4px 0px 0px 0px;border-color:#242424;}.elementor-884 .elementor-element.elementor-element-da3d618{--divider-border-style:solid;--divider-color:#242424;--divider-border-width:4px;margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-884 .elementor-element.elementor-element-da3d618 .elementor-divider-separator{width:100%;}.elementor-884 .elementor-element.elementor-element-da3d618 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-884 .elementor-element.elementor-element-0583a6e{--display:flex;}@media(max-width:1024px){.elementor-884 .elementor-element.elementor-element-4baf796 .title{font-size:36px;}.elementor-884 .elementor-element.elementor-element-4c6d08a .wd-nav-product-cat > li > a .wd-nav-img{--nav-img-height:40px;--nav-img-width:40px;}.elementor-884 .elementor-element.elementor-element-71f0579{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for wd_archive_products, class: .elementor-element-e45990b *//* =========================================================
   KHELNABARI
   PREMIUM STACKED PRODUCT BUTTONS
   ADD TO CART
   BUY NOW
   COLOR UPDATED ONLY
   ========================================================= */


/* Product card bottom */

.product-grid-item .product-element-bottom {

    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 7px !important;

    margin-top: 12px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ADD TO CART WRAPPER
   ========================================================= */

.product-grid-item .product-element-bottom > .wd-add-btn {

    width: 100% !important;

    height: 42px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ADD TO CART BUTTON
   KHELNABARI PURPLE
   ========================================================= */

.product-grid-item .product-element-bottom > .wd-add-btn .add_to_cart_button,
.product-grid-item .product-element-bottom > .wd-add-btn .add-to-cart-loop {

    width: 100% !important;

    height: 42px !important;

    min-height: 42px !important;

    margin: 0 !important;

    padding: 0 15px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    box-sizing: border-box !important;

    background: #862889 !important;

    background-color: #862889 !important;

    color: #FFFFFF !important;

    border: 1px solid #862889 !important;

    border-radius: 5px !important;

    font-family: inherit !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .25px !important;

    text-transform: uppercase !important;

    text-align: center !important;

    text-decoration: none !important;

    white-space: nowrap !important;

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


/* =========================================================
   ADD TO CART HOVER
   KHELNABARI ORANGE
   ========================================================= */

.product-grid-item .product-element-bottom > .wd-add-btn .add_to_cart_button:hover,
.product-grid-item .product-element-bottom > .wd-add-btn .add-to-cart-loop:hover {

    background: #F38431 !important;

    background-color: #F38431 !important;

    border-color: #F38431 !important;

    color: #FFFFFF !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 5px 14px rgba(243,132,49,.18) !important;
}


/* =========================================================
   BUY NOW
   KHELNABARI ORANGE
   ========================================================= */

.product-grid-item .product-element-bottom > .sevendrip-buy-now {

    position: static !important;

    width: 100% !important;

    height: 42px !important;

    min-height: 42px !important;

    margin: 0 !important;

    padding: 0 15px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    box-sizing: border-box !important;

    background: #F38431 !important;

    background-color: #F38431 !important;

    color: #FFFFFF !important;

    border: 1px solid #F38431 !important;

    border-radius: 5px !important;

    font-family: inherit !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .25px !important;

    text-transform: uppercase !important;

    text-align: center !important;

    text-decoration: none !important;

    white-space: nowrap !important;

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


/* =========================================================
   BUY NOW HOVER
   KHELNABARI PURPLE
   ========================================================= */

.product-grid-item .product-element-bottom > .sevendrip-buy-now:hover {

    background: #862889 !important;

    background-color: #862889 !important;

    border-color: #862889 !important;

    color: #FFFFFF !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 5px 14px rgba(134,40,137,.20) !important;
}


/* =========================================================
   MOBILE ONLY
   ORIGINAL STRUCTURE PRESERVED
   ========================================================= */

@media (max-width: 767px) {


    /* =============================================
       PRODUCT CARD
       Keep cards equal height
       ============================================= */

    .product-grid-item {

        display: flex !important;

        flex-direction: column !important;

        height: 100% !important;

        box-sizing: border-box !important;
    }


    /* =============================================
       PRODUCT TITLE
       Make every title area same height
       ============================================= */

    .product-grid-item .wd-entities-title,
    .product-grid-item .product-title,
    .product-grid-item .woocommerce-loop-product__title {

        height: 42px !important;

        min-height: 42px !important;

        max-height: 42px !important;

        margin-bottom: 5px !important;

        display: flex !important;

        align-items: flex-start !important;

        justify-content: center !important;

        overflow: hidden !important;

        line-height: 1.35 !important;

        box-sizing: border-box !important;
    }


    /* =============================================
       PRICE
       Same height for every product
       ============================================= */

    .product-grid-item .price {

        height: 22px !important;

        min-height: 22px !important;

        max-height: 22px !important;

        margin-bottom: 0 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* =============================================
       BUTTON AREA
       Push buttons to same position
       ============================================= */

    .product-grid-item .product-element-bottom {

        width: 100% !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        justify-content: flex-end !important;

        gap: 6px !important;

        margin-top: auto !important;

        padding-top: 10px !important;

        box-sizing: border-box !important;
    }


    /* =============================================
       ADD TO CART WRAPPER
       ============================================= */

    .product-grid-item .product-element-bottom > .wd-add-btn {

        width: 100% !important;

        height: 40px !important;

        min-height: 40px !important;

        max-height: 40px !important;

        margin: 0 !important;

        padding: 0 !important;

        display: block !important;

        box-sizing: border-box !important;
    }


    /* =============================================
       ADD TO CART BUTTON
       ============================================= */

    .product-grid-item .product-element-bottom > .wd-add-btn .add_to_cart_button,
    .product-grid-item .product-element-bottom > .wd-add-btn .add-to-cart-loop {

        width: 100% !important;

        height: 40px !important;

        min-height: 40px !important;

        max-height: 40px !important;

        margin: 0 !important;

        padding: 0 10px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        box-sizing: border-box !important;

        background: #862889 !important;

        background-color: #862889 !important;

        color: #FFFFFF !important;

        border: 1px solid #862889 !important;

        border-radius: 5px !important;

        font-family: inherit !important;

        font-size: 10px !important;

        font-weight: 600 !important;

        line-height: 1 !important;

        letter-spacing: .2px !important;

        text-transform: uppercase !important;

        text-align: center !important;

        text-decoration: none !important;

        white-space: nowrap !important;

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


    /* =============================================
       BUY NOW
       ============================================= */

    .product-grid-item .product-element-bottom > .sevendrip-buy-now {

        position: static !important;

        width: 100% !important;

        height: 40px !important;

        min-height: 40px !important;

        max-height: 40px !important;

        margin: 0 !important;

        padding: 0 10px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        box-sizing: border-box !important;

        background: #F38431 !important;

        background-color: #F38431 !important;

        color: #FFFFFF !important;

        border: 1px solid #F38431 !important;

        border-radius: 5px !important;

        font-family: inherit !important;

        font-size: 10px !important;

        font-weight: 600 !important;

        line-height: 1 !important;

        letter-spacing: .2px !important;

        text-transform: uppercase !important;

        text-align: center !important;

        text-decoration: none !important;

        white-space: nowrap !important;

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


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

    .product-grid-item .product-element-bottom > .wd-add-btn .add_to_cart_button:hover,
    .product-grid-item .product-element-bottom > .wd-add-btn .add-to-cart-loop:hover {

        background: #F38431 !important;

        background-color: #F38431 !important;

        border-color: #F38431 !important;

        color: #FFFFFF !important;

        transform: translateY(-1px) !important;

        box-shadow: 0 5px 14px rgba(243,132,49,.18) !important;
    }


    .product-grid-item .product-element-bottom > .sevendrip-buy-now:hover {

        background: #862889 !important;

        background-color: #862889 !important;

        border-color: #862889 !important;

        color: #FFFFFF !important;

        transform: translateY(-1px) !important;

        box-shadow: 0 5px 14px rgba(134,40,137,.20) !important;
    }

}/* End custom CSS */