.elementor-1463 .elementor-element.elementor-element-2c75928c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1463 .elementor-element.elementor-element-2c75928c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1463 .elementor-element.elementor-element-40821948{text-align:start;}.elementor-1463 .elementor-element.elementor-element-40821948 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:25px;font-weight:700;color:var( --e-global-color-astglobalcolor2 );}.elementor-1463 .elementor-element.elementor-element-28f6728{--divider-border-style:solid;--divider-color:#94A3B8;--divider-border-width:1px;}.elementor-1463 .elementor-element.elementor-element-28f6728 .elementor-divider-separator{width:100%;}.elementor-1463 .elementor-element.elementor-element-28f6728 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px;padding:0px 0px 0px 0px;border-color:#94A3B8;}.elementor-1463 .elementor-element.elementor-element-1ea925ea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:20px;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-astglobalcolor0 );border-radius:0px 0px 0px 0px;margin-bottom:15px;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-astglobalcolor2 );margin-bottom:15px;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-astglobalcolor2 );margin-bottom:15px;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Cairo", Sans-serif;font-weight:600;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .star-rating{color:#FCC115;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .star-rating::before{color:#FFFFFF;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .price{color:#FF0000;font-family:"Cairo", Sans-serif;font-weight:600;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .price ins{color:#FF0000;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .price ins .amount{color:#FF0000;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-astglobalcolor2 );}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-astglobalcolor2 );}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products ul.products li.product .price del {font-family:"Cairo", Sans-serif;font-weight:600;}.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products .added_to_cart{margin-inline-start:0px;}.elementor-1463 .elementor-element.elementor-element-1ea925ea nav.woocommerce-pagination ul{border-color:var( --e-global-color-astglobalcolor2 );}.elementor-1463 .elementor-element.elementor-element-1ea925ea nav.woocommerce-pagination ul li{border-right-color:var( --e-global-color-astglobalcolor2 );border-left-color:var( --e-global-color-astglobalcolor2 );}.elementor-1463 .elementor-element.elementor-element-1ea925ea nav.woocommerce-pagination ul li a{color:var( --e-global-color-astglobalcolor2 );background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1463 .elementor-element.elementor-element-1ea925ea nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1463 .elementor-element.elementor-element-1ea925ea nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-astglobalcolor2 );}@media(min-width:768px){.elementor-1463 .elementor-element.elementor-element-2c75928c{--width:100%;}}@media(max-width:1024px){.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1463 .elementor-element.elementor-element-1ea925ea.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-1ea925ea *//* =============================================
   1. SALE BADGE — show & style top-left
   ============================================= */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
li.product .onsale,
.onsale {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    right:  !important;
    background-color: white !important;
    border: 1px solid black;
    color: black !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    padding: 3px 9px !important;
    z-index: 10 !important;
    min-height: unset !important;
    min-width: unset !important;
    width: auto !important;
    line-height: 1.6 !important;
}

/* =============================================
   2. PRODUCT IMAGE
   ============================================= */
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product a img {
    width: 100% !important;
    border: 1px solid black !important;
    border-radius: 10px !important;
    height: auto !important;
}

/* =============================================
   3. CARD — subtle shadow instead of hard border
   ============================================= */
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Product title - limit to 3 lines with ellipsis */
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title {  
    text-align: start;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    height: 4.2em !important;
    /* 3 lines × 1.4 line-height */
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    margin-bottom: 8px !important;
}

/* =============================================
   4. PRICE — del + ins side by side, clean
   ============================================= */
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price {
    text-align: start !important;
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {
    opacity: 0.45 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #555 !important;
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount {
    text-decoration: line-through !important;
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins {
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    color: #111 !important;
}

/* Hide category - Astra specific */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce-page ul.products li.product .ast-woo-product-category,
li.product .ast-woo-product-category,
.product .ast-woo-product-category,
li.product .product-category,
li.product .posted_in {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide "Add to Cart" Icon - Astra theme specific */
.ast-on-card-button .ahfb-svg-iconset,
.astra-shop-thumbnail-wrap .ahfb-svg-iconset,
.woocommerce ul.products li.product .ahfb-svg-iconset,
.ast-woo-product-actions .ahfb-svg-iconset,
button.ast-on-card-button svg,
button.ast-on-card-button i {
    display: none !important;
    visibility: hidden !important;
}

/* =============================================
   6. ADD TO CART BUTTON — black, full-width
   ============================================= */
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button,
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .add_to_cart_button,
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .ast-on-card-button {
    background-color: #111 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    width: 100% !important;
    text-align: center !important;
    padding: 17px 15px !important;
    font-size: 15px !important;
    font-family: cairo;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    margin-top: auto !important;
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button:hover,
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .add_to_cart_button:hover,
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .ast-on-card-button:hover {
    background-color: #333 !important;
}

/* =============================================
   IMAGE ZOOM ON HOVER — contained within borders
   ============================================= */
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link {
    overflow: hidden !important;
    display: block !important;
    border-radius: 10px !important;
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product a img {
    transition: transform 0.35s ease !important;
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product:hover a img {
    transform: scale(1.06) !important;
}

/* =============================================
   SPACE BETWEEN PRICE AND BUTTON
   ============================================= */
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price {
    margin-bottom: 12px !important;
}

/* CURRENCY SYMBOL — force left of number (targets bdi correctly) */
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price .woocommerce-Price-amount bdi {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: baseline !important;
    gap: 3px !important;
}

/* Hide Astra's own sale badge button, keep our custom % one */
.ast-on-card-button.ast-onsale-card,
a.ast-on-card-button.ast-onsale-card {
    display: none !important;
    visibility: hidden !important;
}/* End custom CSS */