.elementor-117417 .elementor-element.elementor-element-36c7087{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-117417 .elementor-element.elementor-element-36c7087:not(.elementor-motion-effects-element-type-background), .elementor-117417 .elementor-element.elementor-element-36c7087 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bzenbotanicals.com/wp-content/uploads/2025/07/a_beautiful_field_with_a_table_of_herbs.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-117417 .elementor-element.elementor-element-36c7087::before, .elementor-117417 .elementor-element.elementor-element-36c7087 > .elementor-background-video-container::before, .elementor-117417 .elementor-element.elementor-element-36c7087 > .e-con-inner > .elementor-background-video-container::before, .elementor-117417 .elementor-element.elementor-element-36c7087 > .elementor-background-slideshow::before, .elementor-117417 .elementor-element.elementor-element-36c7087 > .e-con-inner > .elementor-background-slideshow::before, .elementor-117417 .elementor-element.elementor-element-36c7087 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-117417 .elementor-element.elementor-element-a315acf{text-align:center;}.elementor-117417 .elementor-element.elementor-element-a315acf .elementor-heading-title{font-family:"Belanosima", Sans-serif;font-size:50px;font-weight:400;text-transform:capitalize;line-height:60px;color:#222222;}.elementor-117417 .elementor-element.elementor-element-c71370e{width:var( --container-widget-width, 60% );max-width:60%;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#000000;}.elementor-117417 .elementor-element.elementor-element-c71370e.elementor-element{--align-self:center;}.elementor-117417 .elementor-element.elementor-element-35b0a31{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-117417 .elementor-element.elementor-element-35b0a31:not(.elementor-motion-effects-element-type-background), .elementor-117417 .elementor-element.elementor-element-35b0a31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bzenbotanicals.com/wp-content/uploads/2025/07/Group-1577707018.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-117417 .elementor-element.elementor-element-f4cd89b{padding:30px 0px 20px 0px;text-align:start;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#000000;}.elementor-117417 .elementor-element.elementor-element-f4cd89b.elementor-element{--align-self:center;}.elementor-117417 .elementor-element.elementor-element-c7a9de0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:20px;}.elementor-117417 .elementor-element.elementor-element-c7a9de0.elementor-wc-products ul.products li.product span.onsale{display:block;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-117417 .elementor-element.elementor-element-36c7087{--content-width:1350px;}.elementor-117417 .elementor-element.elementor-element-35b0a31{--content-width:1350px;}}@media(max-width:1024px){.elementor-117417 .elementor-element.elementor-element-36c7087{--min-height:200px;}.elementor-117417 .elementor-element.elementor-element-a315acf .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-117417 .elementor-element.elementor-element-c71370e{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-117417 .elementor-element.elementor-element-35b0a31{--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-117417 .elementor-element.elementor-element-c7a9de0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-117417 .elementor-element.elementor-element-a315acf .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-117417 .elementor-element.elementor-element-c71370e{padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-117417 .elementor-element.elementor-element-35b0a31{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-117417 .elementor-element.elementor-element-c7a9de0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-c7a9de0 *//* Target the container of the product widgets (e.g., a section or inner section in Elementor) */
.elementor-widget-container .products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust gap between widgets as needed */
}

/* Target individual product widgets (e.g., WooCommerce product or Elementor widget) */
.elementor-widget-container .product,
.elementor-widget-container .woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    min-height: 100%; /* Ensures each widget stretches to the same height */
    height: 100%; /* Makes widgets take the full height of the tallest one */
    box-sizing: border-box; /* Ensures padding/margins don’t affect height */
}

/* Style the product title with clamp for responsive font size */
.elementor-widget-container .product .woocommerce-loop-product__title,
.elementor-widget-container .product h2,
.elementor-widget-container .product h3 {
    font-size: clamp(16px, 1.5vw, 24px); /* Responsive font size: min 16px, preferred 2.5vw, max 24px */
    line-height: 1.4; /* Ensures readability for titles with at least 3 words */
    margin: 0px 0; /* Consistent spacing */
    min-height: 1.5em; /* Reserves space for at least 3 words over 2 lines */
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Limits title to 2 lines to prevent overflow */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Adds ellipsis for long titles */
}

/* Ensure images don’t distort and maintain consistent height */
.elementor-widget-container .product .woocommerce-loop-product__thumbnail,
.elementor-widget-container .product img {
    object-fit: cover; /* Prevents image distortion */
    height: 200px; /* Fixed height for images, adjust as needed */
    width: 100%;
}

/* Align price and other content */
.elementor-widget-container .product .price {
    flex-grow:1; /* Allows price to expand and align consistently */
    margin: 10px 0;
}

/* Push buttons (e.g., Add to Cart) to the bottom */
.elementor-widget-container .product .button {
    margin-top: auto; /* Ensures buttons align at the bottom */
}

/* Optional: Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .elementor-widget-container .products {
        flex-direction: column; /* Stack widgets vertically on mobile */
    }
    .elementor-widget-container .product {
        height: auto; /* Allow natural height on smaller screens */
    }
    .elementor-widget-container .product .woocommerce-loop-product__title,
    .elementor-widget-container .product h2,
    .elementor-widget-container .product h3 {
        font-size: clamp(14px, 2vw, 20px); /* Smaller font size for mobile */
        min-height: 2.8em; /* Adjust for smaller screens, still fits ~3 words */
    }
}/* End custom CSS */