.elementor-kit-182{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-182 button,.elementor-kit-182 input[type="button"],.elementor-kit-182 input[type="submit"],.elementor-kit-182 .elementor-button{color:#FFFFFF;background-color:#8BC34A;border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-container{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-bottom:20px;}.elementor-element{--widgets-spacing:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-182 h1{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-container{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-container{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   BODY
========================= */
body {
    background: #eaeaea;
}

/* =========================
   HEADER
========================= */
header,
.site-header {
    background: #ffffff !important;
}

/* =========================
   PRODUCT GRID
========================= */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

/* =========================
   PRODUCT CARD
========================= */
.woocommerce ul.products li.product {
    width: 23%;
    background: #fff;
    border-radius: 12px;
    padding: 10px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* =========================
   IMAGE BOX
========================= */
.woocommerce ul.products li.product a img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
}

/* =========================
   PRODUCT NAME
========================= */
.woocommerce ul.products li.product h2 {
    display: block !important;
    font-size: 14px;
    margin: 8px 0;
    text-align: center;
}

/* =========================
   RATING
========================= */
.woocommerce ul.products li.product .star-rating {
    display: block !important;
    margin: 5px auto;
}

/* =========================
   PRICE
========================= */
.woocommerce ul.products li.product .price {
    display: block !important;
    color: #0f9d58;
    font-weight: bold;
    margin: 5px 0;
}

/* =========================
   BUTTON
========================= */
.woocommerce ul.products li.product .button {
    background: #0f9d58 !important;
    color: #fff !important;
    border-radius: 20px;
    padding: 8px 14px;
    margin-top: 8px;
    display: inline-block;
}

/* =========================
   VIEW CART (HIDE DEFAULT)
========================= */
.woocommerce a.added_to_cart {
    display: none;
}

/* show after click */
.woocommerce ul.products li.product.added a.added_to_cart {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px;
    color: #0f9d58;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px) {

    .woocommerce ul.products li.product {
        width: 48%;
    }

    .woocommerce ul.products li.product a img {
        height: 180px;
    }
}

/* =========================
   TABLET
========================= */
@media (min-width: 768px) and (max-width: 1199px) {

    .woocommerce ul.products li.product {
        width: 31%;
    }

    .woocommerce ul.products li.product a img {
        height: 200px;
    }
}

/* =========================
   DESKTOP
========================= */
@media (min-width: 1200px) {

    .woocommerce ul.products li.product {
        width: 23%;
    }
}/* End custom CSS */