.elementor-13667 .elementor-element.elementor-element-8802111:not(.elementor-motion-effects-element-type-background), .elementor-13667 .elementor-element.elementor-element-8802111 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000DB;}.elementor-13667 .elementor-element.elementor-element-8802111 > .elementor-background-overlay{background-image:url("https://thailandwoodworking.com/wp-content/uploads/2025/09/Woodworking-L2_Main-Image-1920x1080-1.jpeg");opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13667 .elementor-element.elementor-element-8802111{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:35px 35px 35px 35px;}.elementor-widget-theme-page-title .elementor-heading-title{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-13667 .elementor-element.elementor-element-ba29dcb{text-align:center;}.elementor-13667 .elementor-element.elementor-element-ba29dcb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-13667 .elementor-element.elementor-element-b2192c1{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13667 .elementor-element.elementor-element-94c4d6d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-13667 .elementor-element.elementor-element-94c4d6d.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:1025px){.elementor-13667 .elementor-element.elementor-element-8802111 > .elementor-background-overlay{background-attachment:fixed;}}@media(max-width:1024px){.elementor-13667 .elementor-element.elementor-element-94c4d6d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-13667 .elementor-element.elementor-element-94c4d6d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-94c4d6d *//* =========================================================================
   🔥 แก้ปัญหาคอลัมน์หดตัว หน้าสินค้า WooCommerce (4 Columns Layout)
   ========================================================================= */

/* บังคับตัวกริดหลักให้แบ่งเป็น 4 คอลัมน์เท่ากันอย่างเด็ดขาด */
.woocommerce ul.products.elementor-grid.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important; /* ระยะห่างระหว่างกล่องสินค้า ปรับเพิ่ม-ลดได้ครับ */
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* ล้างค่าเก่าที่ทำให้กล่องสินค้าหดหรือลอยซ้อนกัน */
.woocommerce ul.products.elementor-grid.columns-4 li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 📸 จัดการขนาดรูปภาพสินค้าไม่ให้ล้นกล่อง */
.woocommerce ul.products.elementor-grid.columns-4 li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

/* =========================================================================
   📱 ปรับแต่งรองรับหน้าจอขนาดเล็ก (Responsive หน้าจอไม่พัง)
   ========================================================================= */

/* บนแท็บเล็ต (Tablet): ให้หดเหลือ 2 คอลัมน์ */
@media (max-width: 1024px) {
    .woocommerce ul.products.elementor-grid.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 15px !important;
    }
}

/* บนมือถือจอเล็ก (Mobile): ให้เรียงเป็น 1 หรือ 2 คอลัมน์ตามใจชอบ (ปัจจุบันเซ็ตไว้ 2 จะได้ไม่ยาวเกินไป) */
@media (max-width: 767px) {
    .woocommerce ul.products.elementor-grid.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2192c1 *//* Product Loop Price */
.woocommerce-product--price .price{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.woocommerce-product--price del{
    color:#8b8b8b;
    font-size:15px;
    text-decoration-color:#d32f2f;
}

.woocommerce-product--price ins{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    background:#eaf7ea;
    border:1px solid #2e7d32;
    border-radius:8px;
    padding:6px 12px;
    color:#2e7d32 !important;
}

.woocommerce-product--price ins .woocommerce-Price-amount,
.woocommerce-product--price ins bdi,
.woocommerce-product--price ins .woocommerce-Price-currencySymbol{
    display:inline !important;
    color:#2e7d32 !important;
    font-size:22px !important;
    font-weight:700;
    line-height:1;
}
.woocommerce-product--price ins,
.woocommerce-product--price ins *,
.woocommerce-product--price ins bdi,
.woocommerce-product--price ins .woocommerce-Price-amount,
.woocommerce-product--price ins .woocommerce-Price-currencySymbol {
    color: #2e7d32 !important;
    -webkit-text-fill-color: #2e7d32 !important;
}/* End custom CSS */