.elementor-1967 .elementor-element.elementor-element-b3798e1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-1967 .elementor-element.elementor-element-b2ae18e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1967 .elementor-element.elementor-element-9070b09{text-align:center;}.elementor-1967 .elementor-element.elementor-element-9070b09 .elementor-heading-title{font-size:30px;font-weight:700;text-transform:capitalize;letter-spacing:-1px;}.elementor-1967 .elementor-element.elementor-element-2f8d906 img{border-radius:20px 20px 20px 20px;}.elementor-1967 .elementor-element.elementor-element-57b4bba{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;}.elementor-1967 .elementor-element.elementor-element-08704c9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-1967 .elementor-element.elementor-element-08704c9:not(.elementor-motion-effects-element-type-background), .elementor-1967 .elementor-element.elementor-element-08704c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6FBF5;}.elementor-1967 .elementor-element.elementor-element-56fc43e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1967 .elementor-element.elementor-element-3f3f064{text-align:center;}.elementor-1967 .elementor-element.elementor-element-3f3f064 .elementor-heading-title{font-size:34px;font-weight:700;text-transform:capitalize;line-height:1em;letter-spacing:-1px;color:var( --e-global-color-primary );}.elementor-1967 .elementor-element.elementor-element-ab2a083{--display:flex;}.elementor-1967 .elementor-element.elementor-element-616c9b8{--item-display:flex;--read-more-alignment:1;--grid-row-gap:23px;--grid-column-gap:20px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.65 * 100% );}.elementor-1967 .elementor-element.elementor-element-616c9b8:after{content:"0.65";}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__thumbnail__link{width:100%;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__card{background-color:#FFFFFF;border-color:#DFE6EA;border-width:1px;border-radius:15px;padding-top:0px;padding-bottom:0px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__text{padding:0 23px;margin-top:0px;margin-bottom:14px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__meta-data{padding:10px 23px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__avatar{padding-right:23px;padding-left:23px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__badge{right:0;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );margin:20px;font-weight:600;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__title, .elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__title a{color:var( --e-global-color-primary );font-size:17px;font-weight:700;line-height:1.1em;letter-spacing:-0.7px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__title{margin-bottom:10px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__excerpt p{color:var( --e-global-color-02c508c );font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__excerpt{margin-bottom:12px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__read-more{color:var( --e-global-color-bb890b8 );margin-bottom:14px;}.elementor-1967 .elementor-element.elementor-element-616c9b8 a.elementor-post__read-more{font-size:12px;font-weight:700;text-transform:capitalize;letter-spacing:0.03px;}@media(min-width:768px){.elementor-1967 .elementor-element.elementor-element-b3798e1{--content-width:900px;}.elementor-1967 .elementor-element.elementor-element-56fc43e{--width:1000px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1967 .elementor-element.elementor-element-b2ae18e{--width:100%;}.elementor-1967 .elementor-element.elementor-element-56fc43e{--width:100%;}}@media(max-width:1024px){.elementor-1967 .elementor-element.elementor-element-b2ae18e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1967 .elementor-element.elementor-element-9070b09 .elementor-heading-title{font-size:28px;}.elementor-1967 .elementor-element.elementor-element-56fc43e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1967 .elementor-element.elementor-element-3f3f064 .elementor-heading-title{font-size:32px;}}@media(max-width:767px){.elementor-1967 .elementor-element.elementor-element-9070b09 .elementor-heading-title{font-size:26px;line-height:1.1em;}.elementor-1967 .elementor-element.elementor-element-08704c9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1967 .elementor-element.elementor-element-3f3f064{text-align:center;}.elementor-1967 .elementor-element.elementor-element-3f3f064 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1967 .elementor-element.elementor-element-616c9b8:after{content:"0.66";}.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-b3798e1 *//* =========================================================
   RUKIN AL YARMOUK
   PROFESSIONAL WOOCOMMERCE PRODUCT GRID
   Scoped ONLY to Elementor Shop Widget: b8aff33
========================================================= */

.elementor-element-b8aff33 {
    --ray-navy: #091736;
    --ray-green: #40AF33;
    --ray-green-dark: #319728;
    --ray-text: #596579;
    --ray-muted: #98A1AE;
    --ray-border: #E5EAF0;
    --ray-soft: #F6F8FA;
    --ray-white: #FFFFFF;
}


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

.elementor-element-b8aff33 .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;

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

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

    list-style: none !important;

    align-items: stretch !important;
}


/* Clear WooCommerce pseudo elements */

.elementor-element-b8aff33 .woocommerce ul.products::before,
.elementor-element-b8aff33 .woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}


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

.elementor-element-b8aff33 .woocommerce ul.products li.product {
    position: relative !important;

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

    float: none !important;
    clear: none !important;

    width: auto !important;
    max-width: none !important;
    height: 100% !important;

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

    background: var(--ray-white) !important;

    border: 1px solid var(--ray-border) !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 10px rgba(9, 23, 54, 0.025),
        0 12px 32px rgba(9, 23, 54, 0.045) !important;

    text-align: center !important;

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


/* Remove WooCommerce first / last margins */

.elementor-element-b8aff33 .woocommerce ul.products li.product.first,
.elementor-element-b8aff33 .woocommerce ul.products li.product.last {
    margin-left: 0 !important;
    margin-right: 0 !important;
    clear: none !important;
}


/* Hover */

.elementor-element-b8aff33 .woocommerce ul.products li.product:hover {
    transform: translateY(-6px) !important;

    border-color: rgba(64, 175, 51, .32) !important;

    box-shadow:
        0 8px 20px rgba(9, 23, 54, .055),
        0 22px 50px rgba(9, 23, 54, .10) !important;
}


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

.elementor-element-b8aff33
.woocommerce ul.products li.product
> a.woocommerce-LoopProduct-link {
    position: relative !important;

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

    flex: 1 1 auto !important;

    width: 100% !important;

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

    color: inherit !important;
    text-decoration: none !important;
}


/* =========================================================
   4. PRODUCT IMAGE
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product
img {
    width: 100% !important;
    height: 245px !important;

    display: block !important;

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

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

    background:
        linear-gradient(
            145deg,
            #F8FAFB 0%,
            #F4F7F9 100%
        ) !important;

    border: 1px solid #F0F2F5 !important;
    border-radius: 13px !important;

    box-sizing: border-box !important;

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


.elementor-element-b8aff33
.woocommerce ul.products li.product:hover
img {
    transform: scale(1.025) !important;
}


/* =========================================================
   5. SALE BADGE
========================================================= */

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

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

    z-index: 10 !important;

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

    width: auto !important;
    height: 28px !important;

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

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

    background:
        linear-gradient(
            135deg,
            #48BF3B,
            #34A92A
        ) !important;

    color: #FFFFFF !important;

    border: 2px solid #FFFFFF !important;
    border-radius: 999px !important;

    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    text-transform: uppercase !important;
    letter-spacing: .055em !important;

    box-shadow:
        0 5px 14px rgba(64, 175, 51, .25) !important;
}


/* =========================================================
   6. PRODUCT TITLE
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.woocommerce-loop-product__title {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;

    overflow: hidden !important;

    min-height: 84px !important;
    max-height: 84px !important;

    margin: 0 15px 14px !important;
    padding: 0 !important;

    color: var(--ray-navy) !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 650 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    transition: color .25s ease !important;
}


.elementor-element-b8aff33
.woocommerce ul.products li.product:hover
.woocommerce-loop-product__title {
    color: var(--ray-green-dark) !important;
}


/* =========================================================
   7. PRICE AREA
========================================================= */

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

    align-items: baseline !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 7px !important;

    min-height: 31px !important;

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

    font-family: "Plus Jakarta Sans", sans-serif !important;

    text-align: center !important;
}


/* Regular price */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.price > .woocommerce-Price-amount {
    color: var(--ray-green) !important;

    font-size: 19px !important;
    font-weight: 800 !important;
}


/* Old price */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.price del {
    color: #A0A8B3 !important;

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

    opacity: 1 !important;
}


/* Sale price */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.price ins {
    color: var(--ray-green) !important;

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

    line-height: 1 !important;

    text-decoration: none !important;
}


/* Currency */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.price .woocommerce-Price-currencySymbol {
    font-size: .68em !important;
    font-weight: 800 !important;

    margin-inline-end: 2px !important;
}


/* =========================================================
   8. ADD TO CART + READ MORE BUTTON
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product
> a.button,
.elementor-element-b8aff33
.woocommerce ul.products li.product
.add_to_cart_button {
    display: flex !important;

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

    width: 100% !important;
    min-height: 46px !important;

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

    box-sizing: border-box !important;

    background:
        linear-gradient(
            135deg,
            #40AF33 0%,
            #36A52C 100%
        ) !important;

    color: #FFFFFF !important;

    border: 1px solid #40AF33 !important;
    border-radius: 10px !important;

    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 13px !important;
    font-weight: 750 !important;

    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 7px 17px rgba(64, 175, 51, .16) !important;

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

}


/* Button hover */

.elementor-element-b8aff33
.woocommerce ul.products li.product
> a.button:hover,
.elementor-element-b8aff33
.woocommerce ul.products li.product
.add_to_cart_button:hover {
    background: var(--ray-navy) !important;
    border-color: var(--ray-navy) !important;

    color: #FFFFFF !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 22px rgba(9, 23, 54, .15) !important;
}


/* =========================================================
   9. OUT OF STOCK / READ MORE
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product.outofstock
> a.button {
    background: #091736 !important;
    border-color: #091736 !important;
}


.elementor-element-b8aff33
.woocommerce ul.products li.product.outofstock
> a.button:hover {
    background: #40AF33 !important;
    border-color: #40AF33 !important;
}


/* =========================================================
   10. AJAX STATES
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.add_to_cart_button.loading {
    opacity: .68 !important;
    pointer-events: none !important;
}


.elementor-element-b8aff33
.woocommerce ul.products li.product
.add_to_cart_button.added {
    background: var(--ray-navy) !important;
    border-color: var(--ray-navy) !important;
}


/* View Cart */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.added_to_cart {
    display: block !important;

    margin: 9px 0 0 !important;

    color: var(--ray-navy) !important;

    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;

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


.elementor-element-b8aff33
.woocommerce ul.products li.product
.added_to_cart:hover {
    color: var(--ray-green) !important;
}


/* =========================================================
   TABLET — 2 PRODUCTS PER ROW
========================================================= */

@media (max-width: 1024px) {

    .elementor-element-b8aff33
    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .elementor-element-b8aff33
    .woocommerce ul.products li.product img {
        height: 235px !important;
    }
}


/* =========================================================
   MOBILE — ONE PRODUCT PER FULL ROW
========================================================= */

@media (max-width: 767px) {

    .elementor-element-b8aff33
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;

        width: 100% !important;

        gap: 18px !important;

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


    /* Full width card */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding: 11px !important;

        border-radius: 16px !important;
    }


    /* Bigger image because card is now full width */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product img {
        width: 100% !important;

        height: 250px !important;

        padding: 18px !important;

        margin-bottom: 16px !important;

        border-radius: 12px !important;
    }


    /* Sale badge */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product .onsale {
        top: 11px !important;
        left: 11px !important;

        height: 27px !important;

        padding: 0 10px !important;

        font-size: 9px !important;
    }


    /* Product title */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {
        -webkit-line-clamp: 4 !important;

        min-height: auto !important;
        max-height: 90px !important;

        margin: 0 15px 13px !important;

        font-size: 14px !important;
        line-height: 1.55 !important;
    }


    /* Price */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product .price {
        gap: 7px !important;

        min-height: 30px !important;

        margin-bottom: 14px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product .price del {
        font-size: 12px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product .price ins,
    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .price > .woocommerce-Price-amount {
        font-size: 19px !important;
    }


    /* Button */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    > a.button,
    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .add_to_cart_button {
        width: 100% !important;

        min-height: 45px !important;

        padding: 12px 15px !important;

        border-radius: 9px !important;

        font-size: 13px !important;
    }
}


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

@media (max-width: 430px) {

    .elementor-element-b8aff33
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product {
        width: 100% !important;
        padding: 9px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product img {
        height: 220px !important;
        padding: 14px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {
        font-size: 13px !important;

        min-height: auto !important;
        max-height: 82px !important;

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


    .elementor-element-b8aff33
    .woocommerce ul.products li.product .price ins,
    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .price > .woocommerce-Price-amount {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-616c9b8 */.elementor-1967 .elementor-element.elementor-element-616c9b8 .elementor-posts .elementor-post__badge {
    background: #40af33 !important;
    font-size: 11px;
    padding: .7em 1.2em;
    margin: 15px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08704c9 *//* =========================================================
   RUKIN AL YARMOUK
   PROFESSIONAL WOOCOMMERCE PRODUCT GRID
   Scoped ONLY to Elementor Shop Widget: b8aff33
========================================================= */

.elementor-element-b8aff33 {
    --ray-navy: #091736;
    --ray-green: #40AF33;
    --ray-green-dark: #319728;
    --ray-text: #596579;
    --ray-muted: #98A1AE;
    --ray-border: #E5EAF0;
    --ray-soft: #F6F8FA;
    --ray-white: #FFFFFF;
}


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

.elementor-element-b8aff33 .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;

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

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

    list-style: none !important;

    align-items: stretch !important;
}


/* Clear WooCommerce pseudo elements */

.elementor-element-b8aff33 .woocommerce ul.products::before,
.elementor-element-b8aff33 .woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}


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

.elementor-element-b8aff33 .woocommerce ul.products li.product {
    position: relative !important;

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

    float: none !important;
    clear: none !important;

    width: auto !important;
    max-width: none !important;
    height: 100% !important;

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

    background: var(--ray-white) !important;

    border: 1px solid var(--ray-border) !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 10px rgba(9, 23, 54, 0.025),
        0 12px 32px rgba(9, 23, 54, 0.045) !important;

    text-align: center !important;

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


/* Remove WooCommerce first / last margins */

.elementor-element-b8aff33 .woocommerce ul.products li.product.first,
.elementor-element-b8aff33 .woocommerce ul.products li.product.last {
    margin-left: 0 !important;
    margin-right: 0 !important;
    clear: none !important;
}


/* Hover */

.elementor-element-b8aff33 .woocommerce ul.products li.product:hover {
    transform: translateY(-6px) !important;

    border-color: rgba(64, 175, 51, .32) !important;

    box-shadow:
        0 8px 20px rgba(9, 23, 54, .055),
        0 22px 50px rgba(9, 23, 54, .10) !important;
}


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

.elementor-element-b8aff33
.woocommerce ul.products li.product
> a.woocommerce-LoopProduct-link {
    position: relative !important;

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

    flex: 1 1 auto !important;

    width: 100% !important;

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

    color: inherit !important;
    text-decoration: none !important;
}


/* =========================================================
   4. PRODUCT IMAGE
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product
img {
    width: 100% !important;
    height: 245px !important;

    display: block !important;

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

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

    background:
        linear-gradient(
            145deg,
            #F8FAFB 0%,
            #F4F7F9 100%
        ) !important;

    border: 1px solid #F0F2F5 !important;
    border-radius: 13px !important;

    box-sizing: border-box !important;

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


.elementor-element-b8aff33
.woocommerce ul.products li.product:hover
img {
    transform: scale(1.025) !important;
}


/* =========================================================
   5. SALE BADGE
========================================================= */

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

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

    z-index: 10 !important;

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

    width: auto !important;
    height: 28px !important;

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

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

    background:
        linear-gradient(
            135deg,
            #48BF3B,
            #34A92A
        ) !important;

    color: #FFFFFF !important;

    border: 2px solid #FFFFFF !important;
    border-radius: 999px !important;

    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    text-transform: uppercase !important;
    letter-spacing: .055em !important;

    box-shadow:
        0 5px 14px rgba(64, 175, 51, .25) !important;
}


/* =========================================================
   6. PRODUCT TITLE
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.woocommerce-loop-product__title {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;

    overflow: hidden !important;

    min-height: 84px !important;
    max-height: 84px !important;

    margin: 0 15px 14px !important;
    padding: 0 !important;

    color: var(--ray-navy) !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 650 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    transition: color .25s ease !important;
}


.elementor-element-b8aff33
.woocommerce ul.products li.product:hover
.woocommerce-loop-product__title {
    color: var(--ray-green-dark) !important;
}


/* =========================================================
   7. PRICE AREA
========================================================= */

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

    align-items: baseline !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 7px !important;

    min-height: 31px !important;

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

    font-family: "Plus Jakarta Sans", sans-serif !important;

    text-align: center !important;
}


/* Regular price */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.price > .woocommerce-Price-amount {
    color: var(--ray-green) !important;

    font-size: 19px !important;
    font-weight: 800 !important;
}


/* Old price */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.price del {
    color: #A0A8B3 !important;

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

    opacity: 1 !important;
}


/* Sale price */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.price ins {
    color: var(--ray-green) !important;

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

    line-height: 1 !important;

    text-decoration: none !important;
}


/* Currency */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.price .woocommerce-Price-currencySymbol {
    font-size: .68em !important;
    font-weight: 800 !important;

    margin-inline-end: 2px !important;
}


/* =========================================================
   8. ADD TO CART + READ MORE BUTTON
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product
> a.button,
.elementor-element-b8aff33
.woocommerce ul.products li.product
.add_to_cart_button {
    display: flex !important;

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

    width: 100% !important;
    min-height: 46px !important;

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

    box-sizing: border-box !important;

    background:
        linear-gradient(
            135deg,
            #40AF33 0%,
            #36A52C 100%
        ) !important;

    color: #FFFFFF !important;

    border: 1px solid #40AF33 !important;
    border-radius: 10px !important;

    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 13px !important;
    font-weight: 750 !important;

    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 7px 17px rgba(64, 175, 51, .16) !important;

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

}


/* Button hover */

.elementor-element-b8aff33
.woocommerce ul.products li.product
> a.button:hover,
.elementor-element-b8aff33
.woocommerce ul.products li.product
.add_to_cart_button:hover {
    background: var(--ray-navy) !important;
    border-color: var(--ray-navy) !important;

    color: #FFFFFF !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 22px rgba(9, 23, 54, .15) !important;
}


/* =========================================================
   9. OUT OF STOCK / READ MORE
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product.outofstock
> a.button {
    background: #091736 !important;
    border-color: #091736 !important;
}


.elementor-element-b8aff33
.woocommerce ul.products li.product.outofstock
> a.button:hover {
    background: #40AF33 !important;
    border-color: #40AF33 !important;
}


/* =========================================================
   10. AJAX STATES
========================================================= */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.add_to_cart_button.loading {
    opacity: .68 !important;
    pointer-events: none !important;
}


.elementor-element-b8aff33
.woocommerce ul.products li.product
.add_to_cart_button.added {
    background: var(--ray-navy) !important;
    border-color: var(--ray-navy) !important;
}


/* View Cart */

.elementor-element-b8aff33
.woocommerce ul.products li.product
.added_to_cart {
    display: block !important;

    margin: 9px 0 0 !important;

    color: var(--ray-navy) !important;

    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;

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


.elementor-element-b8aff33
.woocommerce ul.products li.product
.added_to_cart:hover {
    color: var(--ray-green) !important;
}


/* =========================================================
   TABLET — 2 PRODUCTS PER ROW
========================================================= */

@media (max-width: 1024px) {

    .elementor-element-b8aff33
    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .elementor-element-b8aff33
    .woocommerce ul.products li.product img {
        height: 235px !important;
    }
}


/* =========================================================
   MOBILE — ONE PRODUCT PER FULL ROW
========================================================= */

@media (max-width: 767px) {

    .elementor-element-b8aff33
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;

        width: 100% !important;

        gap: 18px !important;

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


    /* Full width card */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding: 11px !important;

        border-radius: 16px !important;
    }


    /* Bigger image because card is now full width */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product img {
        width: 100% !important;

        height: 250px !important;

        padding: 18px !important;

        margin-bottom: 16px !important;

        border-radius: 12px !important;
    }


    /* Sale badge */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product .onsale {
        top: 11px !important;
        left: 11px !important;

        height: 27px !important;

        padding: 0 10px !important;

        font-size: 9px !important;
    }


    /* Product title */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {
        -webkit-line-clamp: 4 !important;

        min-height: auto !important;
        max-height: 90px !important;

        margin: 0 15px 13px !important;

        font-size: 14px !important;
        line-height: 1.55 !important;
    }


    /* Price */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product .price {
        gap: 7px !important;

        min-height: 30px !important;

        margin-bottom: 14px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product .price del {
        font-size: 12px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product .price ins,
    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .price > .woocommerce-Price-amount {
        font-size: 19px !important;
    }


    /* Button */

    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    > a.button,
    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .add_to_cart_button {
        width: 100% !important;

        min-height: 45px !important;

        padding: 12px 15px !important;

        border-radius: 9px !important;

        font-size: 13px !important;
    }
}


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

@media (max-width: 430px) {

    .elementor-element-b8aff33
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product {
        width: 100% !important;
        padding: 9px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product img {
        height: 220px !important;
        padding: 14px !important;
    }


    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {
        font-size: 13px !important;

        min-height: auto !important;
        max-height: 82px !important;

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


    .elementor-element-b8aff33
    .woocommerce ul.products li.product .price ins,
    .elementor-element-b8aff33
    .woocommerce ul.products li.product
    .price > .woocommerce-Price-amount {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   BLOG CONTENT TYPOGRAPHY
   Body: Plus Jakarta Sans
   Headings: Montserrat
   ========================================= */

/* Paragraphs */
.elementor-widget-theme-post-content .elementor-widget-container p {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #475568 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}


/* H2 + H3 common styling */
.elementor-widget-theme-post-content .elementor-widget-container h2,
.elementor-widget-theme-post-content .elementor-widget-container h3 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #091736 !important;
}


/* H2 - Desktop */
.elementor-widget-theme-post-content .elementor-widget-container h2 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-top: 45px !important;
    margin-bottom: 18px !important;
    letter-spacing: -.5px !important;
}


/* H3 - Desktop */
.elementor-widget-theme-post-content .elementor-widget-container h3 {
    font-size: 17px !important;
    line-height: 1.35 !important;
    margin-top: 32px !important;
    margin-bottom: 14px !important;
}


/* Links */
.elementor-widget-theme-post-content .elementor-widget-container a {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    color: #40AF33 !important;
}


/* Bold text */
.elementor-widget-theme-post-content .elementor-widget-container strong,
.elementor-widget-theme-post-content .elementor-widget-container b {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-weight: 700 !important;
    color: #091736 !important;
}


/* Lists */
.elementor-widget-theme-post-content .elementor-widget-container ul,
.elementor-widget-theme-post-content .elementor-widget-container ol,
.elementor-widget-theme-post-content .elementor-widget-container li {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #475568 !important;
}


/* Blockquote */
.elementor-widget-theme-post-content .elementor-widget-container blockquote {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    color: #475568 !important;
}


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

@media (max-width: 767px) {

    /* Paragraphs */
    .elementor-widget-theme-post-content .elementor-widget-container p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* Lists */
    .elementor-widget-theme-post-content .elementor-widget-container li {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* H2 - Mobile */
    .elementor-widget-theme-post-content .elementor-widget-container h2 {
        font-size: 18px !important;
        line-height: 1.3 !important;
        margin-top: 35px !important;
        margin-bottom: 15px !important;
        letter-spacing: -.3px !important;
    }

    /* H3 - Mobile */
    .elementor-widget-theme-post-content .elementor-widget-container h3 {
        font-size: 16px !important;
        line-height: 1.35 !important;
        margin-top: 27px !important;
        margin-bottom: 12px !important;
    }

    /* Blockquote - Mobile */
    .elementor-widget-theme-post-content .elementor-widget-container blockquote {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}/* End custom CSS */