.elementor-1351 .elementor-element.elementor-element-2a54c13{--display:flex;--min-height:260px;--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.83;}.elementor-1351 .elementor-element.elementor-element-2a54c13:not(.elementor-motion-effects-element-type-background), .elementor-1351 .elementor-element.elementor-element-2a54c13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/sasoscollection.com/wp-content/uploads/2025/12/images.png?fit=1585%2C260&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1351 .elementor-element.elementor-element-2a54c13::before, .elementor-1351 .elementor-element.elementor-element-2a54c13 > .elementor-background-video-container::before, .elementor-1351 .elementor-element.elementor-element-2a54c13 > .e-con-inner > .elementor-background-video-container::before, .elementor-1351 .elementor-element.elementor-element-2a54c13 > .elementor-background-slideshow::before, .elementor-1351 .elementor-element.elementor-element-2a54c13 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1351 .elementor-element.elementor-element-2a54c13 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1351 .elementor-element.elementor-element-9c832d6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1351 .elementor-element.elementor-element-28b4fd3 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:47px;font-weight:500;text-transform:capitalize;letter-spacing:2px;color:#FFFFFF;}.elementor-1351 .elementor-element.elementor-element-08bf097 .woocommerce-breadcrumb{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:17px;font-weight:500;line-height:22px;letter-spacing:0.6px;}.elementor-1351 .elementor-element.elementor-element-08bf097 .woocommerce-breadcrumb > a{color:#FFFFFF;}.elementor-1351 .elementor-element.elementor-element-7ce0125{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-1351 .elementor-element.elementor-element-7ce0125:not(.elementor-motion-effects-element-type-background), .elementor-1351 .elementor-element.elementor-element-7ce0125 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1351 .elementor-element.elementor-element-7ce0125::before, .elementor-1351 .elementor-element.elementor-element-7ce0125 > .elementor-background-video-container::before, .elementor-1351 .elementor-element.elementor-element-7ce0125 > .e-con-inner > .elementor-background-video-container::before, .elementor-1351 .elementor-element.elementor-element-7ce0125 > .elementor-background-slideshow::before, .elementor-1351 .elementor-element.elementor-element-7ce0125 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1351 .elementor-element.elementor-element-7ce0125 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://i0.wp.com/sasoscollection.com/wp-content/uploads/2025/12/Background-1-scaled.png?fit=484%2C2560&ssl=1");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1351 .elementor-element.elementor-element-f461bfa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1351 .elementor-element.elementor-element-41edf39{width:100%;max-width:100%;}.elementor-1351 .elementor-element.elementor-element-41edf39.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1351 .elementor-element.elementor-element-28b4fd3 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-1351 .elementor-element.elementor-element-28b4fd3 .elementor-heading-title{font-size:35px;letter-spacing:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-41edf39 *//* ========================================================== */
/* WOOCOMMERCE PRODUCTS + RELATED PRODUCTS (FINAL UPDATED CSS) */
/* ========================================================== */

/* ----------------------------- */
/* 0. REMOVE RELATED PRODUCTS HEADING */
/* ----------------------------- */
.woocommerce .related.products > h2 {
    display: none !important;
}

/* ----------------------------- */
/* 1. TITLE & PRICE CENTER */
/* ----------------------------- */
.elementor-widget-shortcode .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.elementor-widget-shortcode .woocommerce ul.products li.product .price,
.woocommerce .related.products ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce .related.products ul.products li.product .price {
    color: #ffffff;
    text-align: center !important;
    font-size: 16px;
    font-weight: 400;
}

/* ----------------------------- */
/* 2. BUTTON HIDE & CENTER */
/* ----------------------------- */
.elementor-widget-shortcode .woocommerce ul.products li.product .button,
.elementor-widget-shortcode .woocommerce ul.products li.product .added_to_cart,
.woocommerce .related.products ul.products li.product .button,
.woocommerce .related.products ul.products li.product .added_to_cart {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid #c29d59 !important;
    padding: 10px 20px !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    opacity: 0;
    visibility: hidden;
    z-index: 10;
}

/* ----------------------------- */
/* 3. SHOW BUTTON ON HOVER */
/* ----------------------------- */
.elementor-widget-shortcode .woocommerce ul.products li.product:hover .button,
.elementor-widget-shortcode .woocommerce ul.products li.product:hover .added_to_cart,
.woocommerce .related.products ul.products li.product:hover .button,
.woocommerce .related.products ul.products li.product:hover .added_to_cart {
    opacity: 1;
    visibility: visible;
}

/* ----------------------------- */
/* 4. IMAGE HOVER EFFECT */
/* ----------------------------- */
.elementor-widget-shortcode .woocommerce ul.products li.product img,
.woocommerce .related.products ul.products li.product img {
    transition: opacity 0.3s ease;
}

/* ----------------------------- */
/* 5. BORDER ON HOVER */
/* ----------------------------- */
.elementor-widget-shortcode .woocommerce ul.products li.product:hover,
.woocommerce .related.products ul.products li.product:hover {
    border: 1px solid #c29d59;
}

/* ========================================================== */
/* MOBILE RESPONSIVE – ONE PRODUCT PER ROW */
/* ========================================================== */
@media (max-width: 767px) {

    .elementor-widget-shortcode .woocommerce ul.products,
    .woocommerce .related.products ul.products {
        display: flex;
        flex-wrap: wrap;
        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-widget-shortcode .woocommerce ul.products li.product,
    .woocommerce .related.products ul.products li.product {
        width: 100% !important;
        float: none !important;
        margin: 10px 0 !important;
    }

    .elementor-widget-shortcode .woocommerce ul.products li.product a img,
    .woocommerce .related.products ul.products li.product a img {
        width: 100% !important;
    }

    /* MOBILE BUTTON FONT SIZE FIX */
    .elementor-widget-shortcode .woocommerce ul.products li.product .button,
    .elementor-widget-shortcode .woocommerce ul.products li.product .added_to_cart,
    .woocommerce .related.products ul.products li.product .button,
    .woocommerce .related.products ul.products li.product .added_to_cart {
        font-size: 12px !important;
    }
}/* End custom CSS */