.elementor-38035 .elementor-element.elementor-element-d475554{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-38035 .elementor-element.elementor-element-f33edfc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38035 .elementor-element.elementor-element-ea2b60f{--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;}.elementor-38035 .elementor-element.elementor-element-54c3a66{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38035 .elementor-element.elementor-element-823e847{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38035 .elementor-element.elementor-element-4007df2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-38035 .elementor-element.elementor-element-4007df2{text-align:center;}.elementor-38035 .elementor-element.elementor-element-4007df2 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:28px;font-weight:400;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-f3e81c6{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-38035 .elementor-element.elementor-element-b3eb480 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-38035 .elementor-element.elementor-element-b3eb480{--e-off-canvas-justify-content:flex-end;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-38035 .elementor-element.elementor-element-6512fa4{--display:flex;}.elementor-38035 .elementor-element.elementor-element-5518510 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-273b682 h2.wl_filter_title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-273b682 .woolentor-filter-wrap form.wl_product_search_form input[type="search"]{font-family:"Kanit", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-273b682 .woolentor-filter-wrap form.wl_product_search_form{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-273b682 .woolentor-filter-wrap form.wl_product_search_form button i{font-size:16px;}.elementor-38035 .elementor-element.elementor-element-273b682 .woolentor-filter-wrap form.wl_product_search_form button{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-7810721 .woolentor-filter-wrap .wl_price_filter form button{background-color:var( --e-global-color-kadence1 );border-radius:0px 0px 0px 0px !important;}.elementor-38035 .elementor-element.elementor-element-7810721 .woolentor-filter-wrap .wl_price_filter form button:hover{background-color:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-7810721 h2.wl_filter_title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-5f287e3 h2.wl_filter_title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-41a4e92 h2.wl_filter_title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-097ca2d h2.wl_filter_title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-6114d26 .elementor-button{background-color:var( --e-global-color-kadence9 );font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;text-decoration:underline;fill:var( --e-global-color-kadence1 );color:var( --e-global-color-kadence1 );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product{text-align:left;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;padding:0px 0px 10px 0px;margin:0% 0.25% 0.25% 0.25% !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product span.onsale{display:block;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons span.onsale{display:block !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-kadence1 );padding:0px 0px 0px 5px;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .woocommerce-loop-product__title{color:var( --e-global-color-kadence1 );padding:0px 0px 0px 5px !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .title a{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .woocommerce-loop-product__title,.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .woocommerce-loop-product__title,.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .title a{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .title{padding:0px 0px 0px 5px !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .woocommerce-loop-product__title:hover{color:#dc9a0e;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .woocommerce-loop-product__title:hover{color:#dc9a0e !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .title a:hover{color:#dc9a0e !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .price{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .price{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .price ins{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .price ins{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .price ins .amount{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .price ins .amount{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .price .amount{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .price,.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .price{font-family:"Kanit", Sans-serif;font-size:14px;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .price del{color:#444444;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .price del{color:#444444;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .price del .amount{color:#444444 !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .price del .amount{color:#444444 !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .star-rating{color:#aaaaaa;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .star-rating{color:#aaaaaa !important;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .button{color:var( --e-global-color-kadence1 );background-color:var( --e-global-color-kadence9 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .button{color:var( --e-global-color-kadence1 );background-color:var( --e-global-color-kadence9 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .button,.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .button{font-family:"Kanit", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons ul.products li.product .button:hover{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons .button:hover{color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons nav.woocommerce-pagination ul{border-color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons nav.woocommerce-pagination ul li{border-right-color:var( --e-global-color-kadence1 );border-left-color:var( --e-global-color-kadence1 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons nav.woocommerce-pagination ul li a{color:var( --e-global-color-kadence1 );background-color:var( --e-global-color-kadence9 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-kadence9 );background-color:var( --e-global-color-kadence5 );}.elementor-38035 .elementor-element.elementor-element-bb4f457.elementor-widget-woolentor-product-archive-addons nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-kadence9 );background-color:var( --e-global-color-kadence5 );}@media(min-width:768px){.elementor-38035 .elementor-element.elementor-element-54c3a66{--width:20%;}.elementor-38035 .elementor-element.elementor-element-823e847{--width:60%;}.elementor-38035 .elementor-element.elementor-element-f3e81c6{--width:20%;}}@media(max-width:767px){.elementor-38035 .elementor-element.elementor-element-d475554{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38035 .elementor-element.elementor-element-823e847{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-38035 .elementor-element.elementor-element-f3e81c6{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-38035 .elementor-element.elementor-element-5518510 .elementor-heading-title{font-size:20px;}.elementor-38035 .elementor-element.elementor-element-273b682 h2.wl_filter_title{font-size:14px;}.elementor-38035 .elementor-element.elementor-element-273b682 .woolentor-filter-wrap form.wl_product_search_form input[type="search"]{font-size:14px;padding:10px 10px 10px 10px;}.elementor-38035 .elementor-element.elementor-element-7810721 h2.wl_filter_title{font-size:14px;}.elementor-38035 .elementor-element.elementor-element-5f287e3 h2.wl_filter_title{font-size:14px;}.elementor-38035 .elementor-element.elementor-element-41a4e92 h2.wl_filter_title{font-size:14px;}.elementor-38035 .elementor-element.elementor-element-bb4f457 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for wl-product-filter, class: .elementor-element-7810721 */.elementor-38035 .elementor-element.elementor-element-7810721 /* Style the entire filter button and price section */
.wl_button_price {
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;
    font-size: 16px;
}

/* Ensure the button inside follows same font and size */
.elementor-38035 .elementor-element.elementor-element-7810721 .wl_button_price button {
    font-family: 'Kanit', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

/* Style the price label too */
.elementor-38035 .elementor-element.elementor-element-7810721 .wl_button_price .woolentor_price_label {
    font-family: 'Kanit', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for wl-product-filter, class: .elementor-element-5f287e3 *//* Container: Inline and spacing */
.elementor-38035 .elementor-element.elementor-element-5f287e3 .woolentor-filter-wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
}

/* Each size option as button */
.woolentor-filter-wrap li {
    list-style: none;
    margin: 0;
}

/* Styling the size links as buttons */
.elementor-38035 .elementor-element.elementor-element-5f287e3 .woolentor-filter-wrap li a {
    display: inline-block;
    min-width: 70px;
    height: 50px;
    background-color: #000;
    color: #fff !important;
    padding-bottom: 20px !important;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* Hover effect */
.elementor-38035 .elementor-element.elementor-element-5f287e3 .woolentor-filter-wrap li a:hover {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000;
}

/* Hide the count (e.g., (534)) */
.elementor-38035 .elementor-element.elementor-element-5f287e3 .woolentor-filter-wrap li a span {
    display: none;
}/* End custom CSS */
/* Start custom CSS for wl-product-filter, class: .elementor-element-41a4e92 *//* Container: Inline and spacing */
.woolentor-filter-wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
}

/* Each size option as button */
.woolentor-filter-wrap li {
    list-style: none;
    margin: 0;
}

/* Styling the size links as buttons */
.woolentor-filter-wrap li a {
    display: inline-block;
    min-width: 50px;
    height: 50px;
    background-color: #000;
    color: #fff !important;
    padding-bottom: 20px !important;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* Hover effect */
.woolentor-filter-wrap li a:hover {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000;
}

/* Hide the count (e.g., (534)) */
.woolentor-filter-wrap li a span {
    display: none;
}/* End custom CSS */
/* Start custom CSS for wl-product-filter, class: .elementor-element-097ca2d */.elementor-38035 .elementor-element.elementor-element-097ca2d select[name="wlstock"] {
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 12px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for woolentor-product-archive-addons, class: .elementor-element-bb4f457 *//* Default (desktop) – keep 5 columns */
.woocommerce-page ul.products.columns-5 li.product {
    width: 19% !important;
}

/* Tablet (max 1024px) – 3 columns */
@media (max-width: 1024px) {
    .woocommerce-page ul.products.columns-5 li.product {
        width: 32% !important;
    }
}

/* Mobile (max 767px) – 2 columns */
@media (max-width: 767px) {
    .woocommerce-page ul.products.columns-5 li.product {
        width: 48% !important;
    }
}

bdi {
    padding-left: 8px;
}
/* 1. Prepare the product grid item */
li.product {
    position: relative;
    overflow: hidden;
}

/* 2. Position and hide the button by default */
li.product .button.add_to_cart_button {
    position: absolute;
    bottom: -50px; /* Start hidden */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    
    /* Optional: Style it as a circle if you want */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 0;
    line-height: 45px; /* helps center the icon */
}

/* 3. Show the button on hover */
li.product:hover .button.add_to_cart_button {
    bottom: 20px; /* Slide up into view */
    opacity: 1;
    visibility: visible;
}

/* Optional: Add an overlay on the image on hover */
li.product:hover a.woocommerce-LoopProduct-link img {
    opacity: 0.8;
}
li.product a.woocommerce-LoopProduct-link img {
    transition: opacity 0.3s ease-in-out;
}
/* Use the specific Elementor widget class to ensure these styles take priority */
.elementor-element-bb4f457 ul.products li.product {
    /* 1. This makes the product card a container for the button */
    position: relative !important; 
    overflow: hidden;
}

/* 2. Style the button, hide its text, and position it out of sight by default */
.elementor-element-bb4f457 ul.products li.product .add_to_cart_button {
    /* --- Positioning --- */
    position: absolute !important; /* Use !important to override theme styles */
    bottom: -50px; /* Start position, hidden below the card */
    left: 50%;
    transform: translateX(-50%);
    
    /* --- Hiding and Transition --- */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;

    /* --- Styling as a circle icon --- */
    font-size: 0; /* Hide the "Select options" text */
    width: 45px;
    height: 45px;
    line-height: 45px; /* Vertically center the icon */
    border-radius: 50%;
    padding: 0;
    margin: 0; /* Reset any default margins */
    text-align: center;
}

/* 3. Add the cart icon using a ::before pseudo-element */
.elementor-element-bb4f457 ul.products li.product .add_to_cart_button::before {
    content: '\f07a'; /* FontAwesome shopping cart icon unicode */
    font-family: 'Font Awesome 5 Free'; /* Ensure your site loads FontAwesome 5 */
    font-weight: 900;
    font-size: 16px;
    color: #ffffff; /* Icon color (white) */
}

/* * 4. THIS IS THE MISSING PART: Show the button on hover
 * When you hover over the product card (li.product), this rule targets the button inside it.
*/
.elementor-element-bb4f457 ul.products li.product:hover .add_to_cart_button {
    bottom: 20px; /* Moves the button up into view */
    opacity: 1;
        background-color: #000000 !important;

    visibility: visible;
}

/* Optional: Add a subtle overlay to the image on hover for a nicer effect */
.elementor-element-bb4f457 ul.products li.product:hover a.woocommerce-LoopProduct-link img {
    opacity: 0.8;
    background-color: #000000 !important;
}
.elementor-element-bb4f457 ul.products li.product a.woocommerce-LoopProduct-link img {
    transition: opacity 0.3s ease-in-out;
}
/*
 * Limit WooCommerce Product Titles to a single line
 * using the specific Elementor widget class for your page.
 */
.elementor-element-bb4f457 ul.products li.product h2.woocommerce-loop-product__title {
    white-space: nowrap;      /* Prevents the text from wrapping to a new line */
    overflow: hidden;         /* Hides any text that overflows the container */
    text-overflow: ellipsis;  /* Adds the '...' at the end of the clipped text */
    width: 100%;              /* Ensures the rule applies to the full width of the container */
}
/*
 * CSS for the gallery image hover effect
 */

/* 1. Make the product image link a container */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative;
    display: block; /* Ensures the container has dimensions */
}

/* 2. Position the hover image on top of the main image and hide it */
.woocommerce ul.products li.product a img.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; /* Hide it by default */
    transition: opacity 0.3s ease-in-out; /* Add a nice fade effect */
}

/* 3. Show the hover image when the user hovers over the product card */
.woocommerce ul.products li.product:hover a img.hover-image {
    opacity: 1; /* Make it visible on hover */
}/* End custom CSS */