.elementor-589 .elementor-element.elementor-element-5abf8fa{--display:flex;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-589 .elementor-element.elementor-element-ea91326.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-589 .elementor-element.elementor-element-ea91326.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-589 .elementor-element.elementor-element-ea91326.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-589 .elementor-element.elementor-element-ea91326.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-ea91326 *//* =========================================================
   HAVENHUB SHOP / ARCHIVE PRODUCTS
   Desktop: 4 | Tablet: 3 | Mobile: 2
   Works with current:
   <ul class="products elementor-grid columns-1">
   ========================================================= */


/* =========================================================
   1. SHOP PRODUCT GRID
   ========================================================= */

.woocommerce ul.products.elementor-grid,
.woocommerce .products.elementor-grid {
    display: grid !important;

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

    gap: 26px !important;

    width: 100% !important;
    max-width: 100% !important;

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

    list-style: none !important;
}


/* =========================================================
   2. PRODUCT CARD
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product,
.woocommerce .products.elementor-grid li.product {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 0 16px 0 !important;

    background: #ffffff !important;

    border: 1px solid #e2eff7 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    box-shadow: 0 5px 18px rgba(21, 148, 229, 0.07) !important;

    transform: none !important;
}


/* =========================================================
   3. PRODUCT LINK
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product
a.woocommerce-LoopProduct-link,

.woocommerce .products.elementor-grid li.product
a.woocommerce-LoopProduct-link {
    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;

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

    text-decoration: none !important;

    color: inherit !important;
}


/* =========================================================
   4. IMAGE BACKGROUND
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product
a.woocommerce-LoopProduct-link::before,

.woocommerce .products.elementor-grid li.product
a.woocommerce-LoopProduct-link::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

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

    background: #f3faff !important;

    z-index: 0 !important;

    pointer-events: none !important;
}


/* =========================================================
   5. PRODUCT IMAGE
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product
a.woocommerce-LoopProduct-link img,

.woocommerce .products.elementor-grid li.product
a.woocommerce-LoopProduct-link img {
    position: relative !important;

    z-index: 1 !important;

    display: block !important;

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

    max-width: 100% !important;

    margin: 0 !important;
    padding: 22px !important;

    object-fit: contain !important;
    object-position: center !important;

    background: #f3faff !important;

    border: 0 !important;

    box-sizing: border-box !important;

    transform: none !important;
}


/* =========================================================
   6. SALE BADGE
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product .onsale,
.woocommerce .products.elementor-grid li.product .onsale {
    position: absolute !important;

    top: 14px !important;
    right: 14px !important;
    left: auto !important;

    z-index: 10 !important;

    display: flex !important;

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

    min-width: 54px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 11px !important;

    background: #1594e5 !important;
    color: #ffffff !important;

    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    box-shadow: 0 5px 12px rgba(21, 148, 229, 0.22) !important;
}


/* =========================================================
   7. PRODUCT TITLE
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product
.woocommerce-loop-product__title,

.woocommerce .products.elementor-grid li.product
.woocommerce-loop-product__title {
    display: block !important;

    width: auto !important;

    margin: 16px 18px 5px 18px !important;
    padding: 0 !important;

    color: #17324d !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    text-align: left !important;

    box-sizing: border-box !important;
}


/* =========================================================
   8. PRICE
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product .price,
.woocommerce .products.elementor-grid li.product .price {
    display: flex !important;

    align-items: baseline !important;
    flex-wrap: wrap !important;

    gap: 6px !important;

    width: auto !important;

    margin: 0 18px 17px 18px !important;
    padding: 0 !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}


/* Old Price */

.woocommerce ul.products.elementor-grid li.product
.price del,

.woocommerce .products.elementor-grid li.product
.price del {
    display: inline !important;

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

    color: #9aaebb !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    opacity: 1 !important;
}


/* New Price */

.woocommerce ul.products.elementor-grid li.product
.price ins,

.woocommerce .products.elementor-grid li.product
.price ins {
    display: inline !important;

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

    background: transparent !important;

    color: #1594e5 !important;

    font-size: 18px !important;
    font-weight: 800 !important;

    text-decoration: none !important;
}


/* =========================================================
   9. ADD TO CART
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product
a.add_to_cart_button,

.woocommerce .products.elementor-grid li.product
a.add_to_cart_button {
    display: flex !important;

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

    width: calc(100% - 36px) !important;

    min-height: 46px !important;

    margin: auto 18px 8px 18px !important;
    padding: 0 18px !important;

    background: #1594e5 !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-sizing: border-box !important;

    transform: none !important;
}


/* =========================================================
   10. BUY NOW
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product
a.haven-buy-now-button,

.woocommerce .products.elementor-grid li.product
a.haven-buy-now-button {
    display: flex !important;

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

    width: calc(100% - 36px) !important;

    min-height: 44px !important;

    margin: 0 18px !important;
    padding: 0 18px !important;

    background: #ffffff !important;

    color: #1594e5 !important;

    border: 1.5px solid #1594e5 !important;
    border-radius: 10px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-sizing: border-box !important;

    transform: none !important;
}


/* =========================================================
   11. QUICK VIEW + ASTRA OPTIONS HIDE
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product
.yith-wcqv-button,

.woocommerce .products.elementor-grid li.product
.yith-wcqv-button,

.woocommerce ul.products.elementor-grid li.product
.ast-on-card-button,

.woocommerce .products.elementor-grid li.product
.ast-on-card-button,

.woocommerce ul.products.elementor-grid li.product
.ast-select-options-trigger,

.woocommerce .products.elementor-grid li.product
.ast-select-options-trigger {
    display: none !important;
}


/* =========================================================
   12. REMOVE ADDED TO CART LINK
   ========================================================= */

.woocommerce ul.products.elementor-grid li.product
.added_to_cart,

.woocommerce .products.elementor-grid li.product
.added_to_cart {
    display: none !important;
}


/* =========================================================
   TABLET — 3 COLUMNS
   ========================================================= */

@media (max-width: 1024px) {

    .woocommerce ul.products.elementor-grid,
    .woocommerce .products.elementor-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    a.woocommerce-LoopProduct-link img,

    .woocommerce .products.elementor-grid li.product
    a.woocommerce-LoopProduct-link img {
        height: 230px !important;

        padding: 18px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    a.woocommerce-LoopProduct-link::before,

    .woocommerce .products.elementor-grid li.product
    a.woocommerce-LoopProduct-link::before {
        height: 230px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    .woocommerce-loop-product__title,

    .woocommerce .products.elementor-grid li.product
    .woocommerce-loop-product__title {
        margin: 14px 15px 5px 15px !important;

        font-size: 16px !important;
    }

    .woocommerce ul.products.elementor-grid li.product .price,
    .woocommerce .products.elementor-grid li.product .price {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    a.add_to_cart_button,

    .woocommerce .products.elementor-grid li.product
    a.add_to_cart_button,

    .woocommerce ul.products.elementor-grid li.product
    a.haven-buy-now-button,

    .woocommerce .products.elementor-grid li.product
    a.haven-buy-now-button {
        width: calc(100% - 30px) !important;

        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}


/* =========================================================
   MOBILE — 2 COLUMNS
   ========================================================= */

@media (max-width: 767px) {

    .woocommerce ul.products.elementor-grid,
    .woocommerce .products.elementor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 14px !important;
    }


    /* Card */

    .woocommerce ul.products.elementor-grid li.product,
    .woocommerce .products.elementor-grid li.product {
        border-radius: 14px !important;

        padding-bottom: 12px !important;
    }


    /* Image */

    .woocommerce ul.products.elementor-grid li.product
    a.woocommerce-LoopProduct-link img,

    .woocommerce .products.elementor-grid li.product
    a.woocommerce-LoopProduct-link img {
        height: 170px !important;

        padding: 12px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    a.woocommerce-LoopProduct-link::before,

    .woocommerce .products.elementor-grid li.product
    a.woocommerce-LoopProduct-link::before {
        height: 170px !important;
    }


    /* Sale */

    .woocommerce ul.products.elementor-grid li.product .onsale,
    .woocommerce .products.elementor-grid li.product .onsale {
        top: 9px !important;
        right: 9px !important;

        min-width: 43px !important;
        height: 24px !important;

        padding: 0 8px !important;

        font-size: 10px !important;
    }


    /* Title */

    .woocommerce ul.products.elementor-grid li.product
    .woocommerce-loop-product__title,

    .woocommerce .products.elementor-grid li.product
    .woocommerce-loop-product__title {
        margin: 11px 12px 4px 12px !important;

        font-size: 14px !important;

        line-height: 1.35 !important;
    }


    /* Price */

    .woocommerce ul.products.elementor-grid li.product .price,
    .woocommerce .products.elementor-grid li.product .price {
        margin: 0 12px 11px 12px !important;

        gap: 4px !important;

        font-size: 14px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    .price del,

    .woocommerce .products.elementor-grid li.product
    .price del {
        font-size: 11px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    .price ins,

    .woocommerce .products.elementor-grid li.product
    .price ins {
        font-size: 15px !important;
    }


    /* Add To Cart */

    .woocommerce ul.products.elementor-grid li.product
    a.add_to_cart_button,

    .woocommerce .products.elementor-grid li.product
    a.add_to_cart_button {
        width: calc(100% - 24px) !important;

        min-height: 40px !important;

        margin: auto 12px 8px 12px !important;

        padding: 0 8px !important;

        border-radius: 8px !important;

        font-size: 12px !important;
    }


    /* Buy Now */

    .woocommerce ul.products.elementor-grid li.product
    a.haven-buy-now-button,

    .woocommerce .products.elementor-grid li.product
    a.haven-buy-now-button {
        width: calc(100% - 24px) !important;

        min-height: 38px !important;

        margin: 0 12px !important;

        padding: 0 8px !important;

        border-radius: 8px !important;

        font-size: 12px !important;
    }
}


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

@media (max-width: 380px) {

    .woocommerce ul.products.elementor-grid,
    .woocommerce .products.elementor-grid {
        gap: 10px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    a.woocommerce-LoopProduct-link img,

    .woocommerce .products.elementor-grid li.product
    a.woocommerce-LoopProduct-link img {
        height: 150px !important;

        padding: 10px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    a.woocommerce-LoopProduct-link::before,

    .woocommerce .products.elementor-grid li.product
    a.woocommerce-LoopProduct-link::before {
        height: 150px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    .woocommerce-loop-product__title,

    .woocommerce .products.elementor-grid li.product
    .woocommerce-loop-product__title {
        margin: 10px 10px 4px 10px !important;

        font-size: 13px !important;
    }

    .woocommerce ul.products.elementor-grid li.product .price,
    .woocommerce .products.elementor-grid li.product .price {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .woocommerce ul.products.elementor-grid li.product
    a.add_to_cart_button,

    .woocommerce .products.elementor-grid li.product
    a.add_to_cart_button,

    .woocommerce ul.products.elementor-grid li.product
    a.haven-buy-now-button,

    .woocommerce .products.elementor-grid li.product
    a.haven-buy-now-button {
        width: calc(100% - 20px) !important;

        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    form.woocommerce-ordering {
        position: absolute;
        left: 0px;
        top: 30px;
    }
    ul.products.elementor-grid.columns-1 {
        padding-top: 60px !important;
    }
}/* End custom CSS */