.elementor-784 .elementor-element.elementor-element-6d060bb{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.4;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-784 .elementor-element.elementor-element-6d060bb:not(.elementor-motion-effects-element-type-background), .elementor-784 .elementor-element.elementor-element-6d060bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xn--12cm0d9awa3bww0c1fvej.com/wp-content/uploads/2026/10/KBW_cg1_1600x500_v5-02_11zon-scaled.webp");background-size:cover;}.elementor-784 .elementor-element.elementor-element-6d060bb::before, .elementor-784 .elementor-element.elementor-element-6d060bb > .elementor-background-video-container::before, .elementor-784 .elementor-element.elementor-element-6d060bb > .e-con-inner > .elementor-background-video-container::before, .elementor-784 .elementor-element.elementor-element-6d060bb > .elementor-background-slideshow::before, .elementor-784 .elementor-element.elementor-element-6d060bb > .e-con-inner > .elementor-background-slideshow::before, .elementor-784 .elementor-element.elementor-element-6d060bb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#042366;--background-overlay:'';}.elementor-widget-heading .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-784 .elementor-element.elementor-element-bcb322f .elementor-heading-title{font-family:"Athiti", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-784 .elementor-element.elementor-element-d55d9ad{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-product-inner .ht-product-price{display:none !important;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-product-inner .ht-product-categories{display:none !important;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner{border-color:#FFFFFF;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content{padding:10px 10px 10px 10px;background-color:#ffffff;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#444444;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{font-family:"Prompt", Sans-serif;font-size:12px;color:#444444;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color:#444444;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover{color:#042366;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-family:"Prompt", Sans-serif;font-size:15px;color:#444444;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#042366;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#444444;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-784 .elementor-element.elementor-element-217f718 span.woolentor-tip{color:#ffffff;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:30px;height:30px;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:20px;line-height:30px;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button svg{width:20px;height:20px;}.elementor-784 .elementor-element.elementor-element-217f718 .woolentor-compare.compare::before,.elementor-784 .elementor-element.elementor-element-217f718 .ht-product-action ul li.woolentor-cart a::before{font-size:20px;}.elementor-784 .elementor-element.elementor-element-217f718 .woolentor-compare.compare::before,.elementor-784 .elementor-element.elementor-element-217f718 .ht-product-action ul li.woolentor-cart a,.elementor-784 .elementor-element.elementor-element-217f718 .ht-product-action ul li.woolentor-cart a::before{line-height:30px;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#dc9a0e;}.elementor-784 .elementor-element.elementor-element-217f718 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#dc9a0e !important;}@media(max-width:767px){.elementor-784 .elementor-element.elementor-element-bcb322f{text-align:center;}.elementor-784 .elementor-element.elementor-element-bcb322f .elementor-heading-title{font-size:27px;}}/* Start custom CSS for woolentor-universal-product, class: .elementor-element-217f718 *//* ==========================================
   1. สำหรับหน้าจอไม่เกิน 1024px (Tablet)
   ========================================== */
@media (max-width: 1024px) {
    /* Layout 3 คอลัมน์ สำหรับแท็บเล็ต */
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-products,
    .elementor-784 .elementor-element.elementor-element-217f718 ul.products,
    .elementor-784 .elementor-element.elementor-element-217f718 .products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 10px !important;
    }

    .elementor-784 .elementor-element.elementor-element-217f718 ul.products li.product,
    .elementor-784 .elementor-element.elementor-element-217f718 .products .product,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 5px !important;
    }

    /* ขนาดฟอนต์ชื่อสินค้า บนแท็บเล็ต */
    .elementor-784 .elementor-element.elementor-element-217f718 h4.ht-product-title,
    .elementor-784 .elementor-element.elementor-element-217f718 h4.ht-product-title a,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-title,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-title a {
        font-size: 15px !important;
        line-height: 1.3 !important;
        margin-bottom: 4px !important;
    }

    /* ขนาดฟอนต์หมวดหมู่ บนแท็บเล็ต */
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-categories,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-categories a,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-categories span {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }
}

/* ==========================================
   2. สำหรับหน้าจอไม่เกิน 767px (Mobile)
   ========================================== */
@media (max-width: 767px) {
    /* Layout 2 คอลัมน์ สำหรับมือถือ */
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-products,
    .elementor-784 .elementor-element.elementor-element-217f718 ul.products,
    .elementor-784 .elementor-element.elementor-element-217f718 .products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important; /* เพิ่มระยะห่างระหว่างช่องเล็กน้อย */
    }

    .elementor-784 .elementor-element.elementor-element-217f718 ul.products li.product,
    .elementor-784 .elementor-element.elementor-element-217f718 .products .product,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px !important; /* เพิ่มระยะห่างรอบตัวการ์ดสินค้า */
        box-sizing: border-box !important;
    }

    /* บังคับรูปภาพให้มีระยะเว้นขอบ ไม่ชิดขอบการ์ด */
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product img,
    .elementor-784 .elementor-element.elementor-element-217f718 .products .product img,
    .elementor-784 .elementor-element.elementor-element-217f718 ul.products li.product img {
        width: 100% !important;
        height: auto !important;
        padding: 6px !important; /* เพิ่มระยะเว้นขอบรอบๆ รูปภาพ */
        box-sizing: border-box !important;
        object-fit: contain !important; /* ป้องกันรูปโดนครอบตัดขอบ */
    }

    /* ขนาดฟอนต์ชื่อสินค้า บนมือถือ */
    .elementor-784 .elementor-element.elementor-element-217f718 h4.ht-product-title,
    .elementor-784 .elementor-element.elementor-element-217f718 h4.ht-product-title a,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-title,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-title a {
        font-size: 14px !important;
        line-height: 1.3 !important;
        margin-bottom: 3px !important;
    }

    /* ขนาดฟอนต์หมวดหมู่ บนมือถือ */
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-categories,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-categories a,
    .elementor-784 .elementor-element.elementor-element-217f718 .ht-product-categories span {
        font-size: 12px !important;
        line-height: 1.1 !important;
    }
}/* End custom CSS */