.elementor-4235 .elementor-element.elementor-element-53883ad{--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;}.elementor-4235 .elementor-element.elementor-element-f246f74{--spacer-size:100px;}.elementor-4235 .elementor-element.elementor-element-da0b446{--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 0px;--row-gap:0px;--column-gap:0px;}.elementor-4235 .elementor-element.elementor-element-9d72a48{--display:flex;}.elementor-4235 .elementor-element.elementor-element-9d72a48.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4235 .elementor-element.elementor-element-f338af6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4235 .elementor-element.elementor-element-f338af6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4235 .elementor-element.elementor-element-b7e3bbd{--display:flex;}.elementor-widget-page-title .elementor-heading-title, .elementor-widget-page-title .hfe-page-title a{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-widget-page-title .hfe-page-title-icon i{color:var( --e-global-color-primary );}.elementor-widget-page-title .hfe-page-title-icon svg{fill:var( --e-global-color-primary );}.elementor-4235 .elementor-element.elementor-element-28fc4c0 .hfe-page-title-wrapper{text-align:center;}.elementor-4235 .elementor-element.elementor-element-28fc4c0 .elementor-heading-title, .elementor-4235 .elementor-element.elementor-element-28fc4c0 .hfe-page-title a{font-family:"Montserrat", Sans-serif;font-weight:900;color:#FFFFFF;}.elementor-4235 .elementor-element.elementor-element-28fc4c0 .hfe-page-title-icon i{color:#FFFFFF;}.elementor-4235 .elementor-element.elementor-element-28fc4c0 .hfe-page-title-icon svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-4235 .elementor-element.elementor-element-da0b446{--width:85%;}.elementor-4235 .elementor-element.elementor-element-9d72a48{--width:28.381%;}.elementor-4235 .elementor-element.elementor-element-f338af6{--width:79.192%;}}/* Start custom CSS for sidebar, class: .elementor-element-200aa12 *//* Target the Elementor sidebar container */
.woocommerce-page .elementor-element-9d72a48 .widget,
.woocommerce .elementor-element-9d72a48 .widget {
    background-color: #ffffff;         /* Card background */
    border: 1px solid #B20710;        /* Border */
    border-radius: 12px;               /* Rounded corners */
    padding: 20px;                     /* Inner spacing */
    margin-bottom: 25px;               /* Space between widgets */
    box-shadow: 0 3px 12px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;

}

/* Hover effect for the whole widget */
.woocommerce-page .elementor-element-9d72a48 .widget:hover,
.woocommerce .elementor-element-9d72a48 .widget:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Widget titles */
.woocommerce-page .elementor-element-9d72a48 .widget .widget-title,
.woocommerce .elementor-element-9d72a48 .widget .widget-title,
.woocommerce-page .elementor-element-9d72a48 .widget h3,
.woocommerce .elementor-element-9d72a48 .widget h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
}

/* Widget links inside lists */
.woocommerce-page .elementor-element-9d72a48 .widget ul li a,
.woocommerce .elementor-element-9d72a48 .widget ul li a {
    display: block;
    font-size: 15px;
    color: #333;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* Hover effect for links */
.woocommerce-page .elementor-element-9d72a48 .widget ul li a:hover,
.woocommerce .elementor-element-9d72a48 .widget ul li a:hover {
    background-color: #B20710;
    color: #fff;
    transform: scale(1.02);
}

/* Widget input fields / buttons */
.woocommerce-page .elementor-element-9d72a48 .widget input[type="text"],
.woocommerce .elementor-element-9d72a48 .widget input[type="search"],
.woocommerce-page .elementor-element-9d72a48 .widget button,
.woocommerce .elementor-element-9d72a48 .widget select {
    width: 100%;
    padding: 10px 14px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.woocommerce-page .elementor-element-9d72a48 .widget input:focus,
.woocommerce .elementor-element-9d72a48 .widget input:focus,
.woocommerce-page .elementor-element-9d72a48 .widget select:focus,
.woocommerce .elementor-element-9d72a48 .widget select:focus,
.woocommerce-page .elementor-element-9d72a48 .widget button:hover {
    border-color: #B20710;
    box-shadow: 0 0 6px rgba(178, 7, 16, 0.3);
}

/* Checkbox / Radio button color */
.woocommerce-page .elementor-element-9d72a48 .widget input[type="checkbox"],
.woocommerce .elementor-element-9d72a48 .widget input[type="radio"] {
    accent-color: #B20710;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c3f1819 *//* ===============================
   GLOBAL PRODUCT GRID STYLING
   =============================== */

/* Product Card Container */
.woocommerce ul.products li.product {
    background: #ffffff;                 /* Card background */
    border: 1px solid #B20710;           /* Border */
    border-radius: 12px;                 /* Rounded corners */
    padding: 20px;                       /* Inner spacing */
    text-align: center;                  /* Center alignment */
    transition: all 0.3s ease;           /* Smooth hover effect */

    /* NEW: Make all product cards equal height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Hover Effect */
.woocommerce ul.products li.product:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    transform: translateY(-4px);
}


/* ===============================
   PRODUCT IMAGE (UNIFORM HEIGHT)
   =============================== */

.woocommerce ul.products li.product img {
    width: 100%;               /* Full width of container */
    height: 260px;             /* Set your preferred uniform height */
    object-fit: cover;         /* Crop and cover the area */
    object-position: center;   /* Center the image */
    border-radius: 10px;       /* Optional rounded corners */
    transition: transform 0.3s ease; /* Optional hover zoom */
}
.woocommerce ul.products li.product img:hover {
    transform: scale(1.04);     /* Slight zoom */
}


/* ===============================
   PRODUCT TITLE (UNIFORM HEIGHT)
   =============================== */

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: "Mon", sans-serif;  /* Font */
    font-weight: 800;
    font-size: 16px;
    color: #333;                         /* Title color */
    margin-top: 12px;
    margin-bottom: 8px;
    transition: color 0.3s ease;

    /* NEW: Make titles aligned and same height */
    min-height: 55px;         
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: #B20710;                      /* Hover color */
}


/* ===============================
   PRODUCT PRICE
   =============================== */

.woocommerce ul.products li.product .price {
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #1D7917;                      /* Green price */
    margin-bottom: 10px;
}


/* ===============================
   ADD TO CART BUTTON
   =============================== */

.woocommerce ul.products li.product .button {
    background-color: #B20710;           /* Button background */
    color: #fff;                         /* Text */
    padding: 12px 20px;
    font-family: "Poppins", sans-serif;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.3s ease, transform 0.2s ease;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #B20710;
    transform: scale(1.05);
}


/* ===============================
   SALE BADGE ("SALE!")
   =============================== */

.woocommerce .onsale {
    background: #ff4d4d ;
    color: #fff ;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    border-radius: 50%;
    padding: 10px 14px;
    top: 10px ;
    left: 10px ;
}


/* ===============================
   RATING STARS
   =============================== */

.woocommerce .star-rating span:before {
    color: #B20710;                      /* Star color */
}

/* ===============================
   WOOCOMMERCE PAGINATION - CONTAINER
   =============================== */
.woocommerce nav.woocommerce-pagination {
    display: flex;
    justify-content: center;  /* Center pagination */
    align-items: center;
    margin: 40px;          /* Spacing above/below */
    font-family: "Poppins", sans-serif;
    flex-wrap: wrap;
    gap: 10px;                /* Space between buttons */
}

/* ===============================
   PAGINATION LINKS - BUTTON STYLE
   =============================== */
.woocommerce nav.woocommerce-pagination .page-numbers {
    display: inline-block;
    padding: 10px 16px;
    min-width: 42px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #333;                  /* Text color */
    /*background-color: #f5f5f5;*/    /* Background color */
    border: 1px solid #e5e5e5;    /* Border */
    border-radius: 8px;            /* Rounded corners */
    transition: all 0.3s ease;
    text-decoration: none;
}

/* ===============================
   PAGINATION LINKS - HOVER
   =============================== */
   /*
.woocommerce nav.woocommerce-pagination .page-numbers:hover {
    color: #fff;
    background-color: #B20710;   /* Hover color */
    border-color: #B20710;
    transform: scale(1.05);
}
*/

/* ===============================
   PAGINATION ACTIVE PAGE
   =============================== */
.woocommerce nav.woocommerce-pagination .page-numbers.current {
    background-color: #B20710;   /* Active*


/* ===============================
   IMPORT GOOGLE FONT
   =============================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');/* End custom CSS */