.elementor-67 .elementor-element.elementor-element-586e2f1 .elementor-repeater-item-6760f0e .swiper-slide-bg{background-image:url(https://khelnabari.com/wp-content/uploads/2026/09/Banner.png);background-size:cover;}.elementor-67 .elementor-element.elementor-element-586e2f1 .swiper-slide{transition-duration:calc(5000ms*1.2);height:502px;}.elementor-67 .elementor-element.elementor-element-586e2f1{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-67 .elementor-element.elementor-element-586e2f1 .swiper-slide-contents{max-width:66%;}.elementor-67 .elementor-element.elementor-element-586e2f1 .swiper-slide-inner{text-align:center;}.elementor-67 .elementor-element.elementor-element-0fbed8b > .elementor-widget-container{margin:-20px 0px 0px 0px;}@media(max-width:768px){.elementor-67 .elementor-element.elementor-element-586e2f1{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-67 .elementor-element.elementor-element-586e2f1 .swiper-slide{height:144px;}}/* Start custom CSS for wd_products, class: .elementor-element-0fbed8b *//* =========================================================
   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 */