.elementor-2274 .elementor-element.elementor-element-c5a761a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 25px;--background-transition:0.3s;--margin-top:114px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:0px;--padding-right:0px;}.elementor-2274 .elementor-element.elementor-element-c5a761a:not(.elementor-motion-effects-element-type-background), .elementor-2274 .elementor-element.elementor-element-c5a761a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-278591c );}.elementor-2274 .elementor-element.elementor-element-c5a761a, .elementor-2274 .elementor-element.elementor-element-c5a761a::before{--border-transition:0.3s;}.elementor-2274 .elementor-element.elementor-element-07728ba{--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;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);--padding-top:0px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-2274 .elementor-element.elementor-element-07728ba:not(.elementor-motion-effects-element-type-background), .elementor-2274 .elementor-element.elementor-element-07728ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-444e2b8 );}.elementor-2274 .elementor-element.elementor-element-07728ba, .elementor-2274 .elementor-element.elementor-element-07728ba::before{--border-transition:0.3s;}.elementor-2274 .elementor-element.elementor-element-a26974c{--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;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-2274 .elementor-element.elementor-element-a26974c:not(.elementor-motion-effects-element-type-background), .elementor-2274 .elementor-element.elementor-element-a26974c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-278591c );}.elementor-2274 .elementor-element.elementor-element-a26974c, .elementor-2274 .elementor-element.elementor-element-a26974c::before{--border-transition:0.3s;}.elementor-2274 .elementor-element.elementor-element-c2aa6ea .elementor-heading-title{color:var( --e-global-color-56d9955 );}.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products  ul.products{grid-column-gap:35px;grid-row-gap:40px;}.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-749d4aa );}.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-749d4aa );}.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-56d9955 );font-family:"Inter", Sans-serif;}.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-56d9955 );}.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-56d9955 );}body.elementor-page-2274:not(.elementor-motion-effects-element-type-background), body.elementor-page-2274 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-278591c );}@media(min-width:768px){.elementor-2274 .elementor-element.elementor-element-07728ba{--width:25%;}.elementor-2274 .elementor-element.elementor-element-a26974c{--width:75%;}}@media(max-width:1024px){.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2274 .elementor-element.elementor-element-e88b79a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woofilters, class: .elementor-element-17d3951 */Product Filter:

.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
 margin-top:25px;
 color: #fff;
 background-color: #000;
}

.wpfFilterWrapper .wfpDescription {
 color: var( --e-global-color-primary );
 font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
 font-size: var( --e-global-typography-primary-font-size );
 font-weight: var( --e-global-typography-primary-font-weight );
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-e88b79a *//* DELETE THIS */
.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button {
    display: none;
}






/* Create the White Card Look for Each Product */
.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product {
    background-color: #FFFFFF !important;   /* White background */
    border-radius: 20px !important;         /* Rounded corners like your sidebar */
    padding: 20px !important;               /* Space inside the card */
    
    /* Apple-style Soft Shadow to make it pop */
    box-shadow: 0 4px 20px rgba(0,0,0,0.02) !important; 
    border: 1px solid rgba(0,0,0,0.03) !important; /* Very subtle border */
    
    /* Ensure the padding doesn't break the grid */
    box-sizing: border-box !important;      
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Optional: Lift the card slightly when hovering */
.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product:hover {
    transform: translateY(-5px);            /* Moves up 5px */
    box-shadow: 0 12px 30px rgba(0,0,0,0.1) !important; /* Stronger shadow */
}


/* 1. Force the Product Container into a 3-Column Grid */
.elementor-widget-wc-archive-products.elementor-wc-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Forces exactly 3 columns */
    gap: 30px !important;       /* Space between the big cards */
}

/* 2. Make the Card fill the new 3-column space */
.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product {
    width: 100% !important;     /* Ensures card expands to full column width */
    margin: 0 !important;       /* Resets old margins */
    max-width: none !important; /* Removes any size limits */
}

/* 3. Ensure the Image scales up to fit the new big card */
.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product img {
    width: 100% !important;     /* Stretches image to fit card */
    height: auto !important;    /* Keeps image proportions correct */
    object-fit: cover !important;
}



/* Keep Mobile view simple (1 column) */
@media (max-width: 767px) {
    .elementor-widget-wc-archive-products.elementor-wc-products ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* --- MOBILE SETTINGS (Phones Only) --- */
@media (max-width: 767px) {
    
    /* 1. Force 2 Columns instead of 1 */
    .elementor-widget-wc-archive-products.elementor-wc-products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important; /* Smaller gap between products */
    }

    /* 2. Shrink the White Card (Less Padding) */
    .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product {
        padding: 10px !important;      /* Reduced from 20px to 10px */
        border-radius: 12px !important; /* Smaller rounded corners */
    }

    /* 3. Make the "BUY NOW" Button Tiny */
    .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button {
        padding: 5px 10px !important;  /* Tighter button spacing */
    }
    
    .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button::after {
        font-size: 9px !important;     /* Smaller text to fit */
    }

    /* 4. (Optional) Shrink Product Title Text */
    .woocommerce-loop-product__title {
        font-size: 13px !important;
        margin-bottom: 5px !important;
    }
}/* End custom CSS */