.elementor-8614 .elementor-element.elementor-element-aad2607{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-8614 .elementor-element.elementor-element-432ef3b{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-8614 .elementor-element.elementor-element-800214d .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:500;line-height:28.8px;}.elementor-8614 .elementor-element.elementor-element-25411c4{--display:flex;}.elementor-8614 .elementor-element.elementor-element-3f5bc21{--grid-columns:4;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8614 .elementor-element.elementor-element-aad2607{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8614 .elementor-element.elementor-element-25411c4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8614 .elementor-element.elementor-element-3f5bc21{--grid-columns:2;}}@media(max-width:767px){.elementor-8614 .elementor-element.elementor-element-aad2607{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-8614 .elementor-element.elementor-element-25411c4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8614 .elementor-element.elementor-element-3f5bc21{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-d0222ee *//* ทำกรอบล้อมรอบสินค้าเมื่อ hover */
.elementor-8614 .elementor-element.elementor-element-d0222ee .woocommerce ul.products li.product {
  border: 2px solid transparent;  /* เริ่มต้นไม่เห็นเส้น */
  transition: all 0.3s ease;      /* ทำให้เปลี่ยนเนียน
  */
  
}

.elementor-8614 .elementor-element.elementor-element-d0222ee .woocommerce ul.products li.product:hover {
  border: 2px solid red;          /* โชว์เส้นสีแดงตอน hover */
  border-radius: 5px;             /* (ออปชัน) มุมโค้ง */
  box-shadow: 0 0 8px rgba(255,0,0,0.2); /* (ออปชัน) เพิ่มเงาแดงเบาๆ */
  padding: 4px;  
}

@media(max-width:480px){
    .elementor-8614 .elementor-element.elementor-element-d0222ee .woocommerce ul.products li.product {
  margin-bottom:10px;
}


/* ใช้กับทุก product grid */
.elementor-8614 .elementor-element.elementor-element-d0222ee .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  margin-bottom: 8px !important;   /* บังคับ 8px ที่รูป */
  display: block;                  /* กันช่องว่างจาก inline-img */
}

/* ลบ padding ของ Title ออก */
.elementor-8614 .elementor-element.elementor-element-d0222ee .woocommerce ul.products li.product .woocommerce-loop-product__title  {
  padding: 0 !important;
}

.elementor-8614 .elementor-element.elementor-element-d0222ee span.price{
    padding:0 !important;
    margin-bottom:0 !important;
}

.elementor-8614 .elementor-element.elementor-element-d0222ee .woocommerce ul.products li.product {
  border: 0px;  /* เริ่มต้นไม่เห็นเส้น */
  transition: all 0.3s ease;      /* ทำให้เปลี่ยนเนียน
  */
  
}

.elementor-8614 .elementor-element.elementor-element-d0222ee .woocommerce ul.products li.product:hover {
  border: 0px;          /* โชว์เส้นสีแดงตอน hover */
  border-radius: 0px;             /* (ออปชัน) มุมโค้ง */
  box-shadow: 0 0 8px rgba(255,0,0,0.0); /* (ออปชัน) เพิ่มเงาแดงเบาๆ */
  padding: 0px;  
}


}/* End custom CSS */