.elementor-713 .elementor-element.elementor-element-1784be7{--display:flex;--min-height:170px;--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:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:2%;--padding-bottom:2%;--padding-left:8%;--padding-right:8%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-713 .elementor-element.elementor-element-4143dff2{text-align:center;}.elementor-713 .elementor-element.elementor-element-4143dff2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-91c5565 );}.elementor-713 .elementor-element.elementor-element-45df5905{text-align:center;}.elementor-713 .elementor-element.elementor-element-45df5905 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:#324A6D;}.elementor-713 .elementor-element.elementor-element-3557307{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-713 .elementor-element.elementor-element-81961d9{--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;}.elementor-713 .elementor-element.elementor-element-81961d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-713 .elementor-element.elementor-element-3975b9f{--divider-border-style:solid;--divider-color:var( --e-global-color-25ceccd );--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-713 .elementor-element.elementor-element-3975b9f .elementor-divider-separator{width:100%;}.elementor-713 .elementor-element.elementor-element-3975b9f .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-713 .elementor-element.elementor-element-1eb0a62 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-713 .elementor-element.elementor-element-42dc9a2{--grid-columns:1;--grid-row-gap:5px;}.elementor-713 .elementor-element.elementor-element-9a51f25{--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;--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-713 .elementor-element.elementor-element-88a0bdb{--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;--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-713 .elementor-element.elementor-element-29f02f6{--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;--justify-content:flex-start;--margin-top:0px;--margin-bottom:-15px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-713 .elementor-element.elementor-element-d2e90bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-713 .elementor-element.elementor-element-e8298c5{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:center;--margin-top:0px;--margin-bottom:-15px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-713 .elementor-element.elementor-element-e8298c5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-713 .elementor-element.elementor-element-37c1b52{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-713 .elementor-element.elementor-element-37c1b52.elementor-element{--align-self:center;}.elementor-713 .elementor-element.elementor-element-b326ae6{--grid-columns:4;--grid-row-gap:10px;--e-loop-nothing-found-message-align:center;--grid-column-gap:10px;--e-loop-nothing-found-message-color:var( --e-global-color-secondary );}.elementor-713 .elementor-element.elementor-element-b326ae6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination{text-align:center;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;margin-top:20px;}.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-secondary );}.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-91c5565 );}.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination .page-numbers.current{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-713 .elementor-element.elementor-element-b326ae6 .e-loop-nothing-found-message__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-713 .elementor-element.elementor-element-a60e06f{--grid-columns:1;--grid-row-gap:10px;--e-loop-nothing-found-message-align:center;--e-loop-nothing-found-message-color:var( --e-global-color-secondary );}.elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination{text-align:center;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;margin-top:20px;}.elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-secondary );}.elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-91c5565 );}.elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination .page-numbers.current{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-713 .elementor-element.elementor-element-a60e06f .e-loop-nothing-found-message__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-713 .elementor-element.elementor-element-9da8df4{--display:flex;}.elementor-713 .elementor-element.elementor-element-07ee7ed{--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;}@media(min-width:768px){.elementor-713 .elementor-element.elementor-element-1784be7{--content-width:1650px;}.elementor-713 .elementor-element.elementor-element-81961d9{--width:25%;}.elementor-713 .elementor-element.elementor-element-9a51f25{--width:75%;}.elementor-713 .elementor-element.elementor-element-e8298c5{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-713 .elementor-element.elementor-element-81961d9{--width:100%;}.elementor-713 .elementor-element.elementor-element-9a51f25{--width:100%;}}@media(max-width:1024px){.elementor-713 .elementor-element.elementor-element-1784be7{--padding-top:1%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-713 .elementor-element.elementor-element-4143dff2 .elementor-heading-title{font-size:30px;}.elementor-713 .elementor-element.elementor-element-45df5905 .elementor-heading-title{font-size:14px;}.elementor-713 .elementor-element.elementor-element-3557307{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-713 .elementor-element.elementor-element-81961d9.e-con{--order:99999 /* order end hack */;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-713 .elementor-element.elementor-element-42dc9a2{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-713 .elementor-element.elementor-element-29f02f6{--min-height:60px;}.elementor-713 .elementor-element.elementor-element-b326ae6{--grid-columns:4;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination{font-size:14px;}.elementor-713 .elementor-element.elementor-element-b326ae6 .e-loop-nothing-found-message__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-713 .elementor-element.elementor-element-a60e06f{--grid-columns:1;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-713 .elementor-element.elementor-element-a60e06f .elementor-pagination{font-size:12px;}.elementor-713 .elementor-element.elementor-element-a60e06f .e-loop-nothing-found-message__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-713 .elementor-element.elementor-element-1784be7{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-713 .elementor-element.elementor-element-4143dff2 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-713 .elementor-element.elementor-element-3557307{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-713 .elementor-element.elementor-element-42dc9a2{--grid-columns:1;}.elementor-713 .elementor-element.elementor-element-9a51f25{--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-713 .elementor-element.elementor-element-29f02f6{--width:60%;}.elementor-713 .elementor-element.elementor-element-e8298c5{--width:40%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-713 .elementor-element.elementor-element-37c1b52{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-713 .elementor-element.elementor-element-b326ae6{--grid-columns:2;}.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-pagination{font-size:12px;}.elementor-713 .elementor-element.elementor-element-b326ae6 .e-loop-nothing-found-message__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-713 .elementor-element.elementor-element-a60e06f{--grid-columns:1;}.elementor-713 .elementor-element.elementor-element-a60e06f .e-loop-nothing-found-message__text{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-f3d69dc *//* 1. ซ่อน Checkbox เดิม */
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-filter-content input[type="checkbox"], 
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-filter-content .wpc-term-checkbox {
    display: none !important;
}

/* 2. จัดกล่องเนื้อหา */
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-term-item-content-wrapper {
    position: relative !important;
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
}

/* 3. ปรับสีลิงก์ (ตัวหนังสือ) ให้ดำสนิท ⭐ แก้ไขตรงนี้ */
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-filter-content label a {
    color: #000000 !important; /* บังคับดำสนิท ทับธีม */
    font-size: 15px;
    text-decoration: none !important; /* ลบเส้นใต้ */
    transition: 0.2s;
    display: block; /* ให้เต็มพื้นที่ */
    width: 100%;
}

/* 4. ปรับ Label ให้ยืดหยุ่น */
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-filter-content label {
    flex-grow: 1;
    margin: 0;
    padding: 10px 0;
    cursor: pointer;
}

/* 5. ปรับสีลูกศร (ให้ดำสนิท) */
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-toggle-children-list {
    min-width: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #000000 !important; /* บังคับดำ */
    margin-left: auto;
}

/* 6. เอฟเฟกต์ Hover (ชี้แล้วเปลี่ยนเป็นสีฟ้า) */
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-term-item-content-wrapper:hover label a,
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-term-item-content-wrapper:hover .wpc-toggle-children-list {
    color: #00aeef !important; /* สีฟ้า */
}

/* 7. เอฟเฟกต์ Active (รายการที่เลือกอยู่) */
.elementor-713 .elementor-element.elementor-element-f3d69dc input:checked + label a,
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-term-selected > .wpc-term-item-content-wrapper label a {
    color: #00aeef !important;
    font-weight: 600;
}

/* 8. จัดระเบียบหมวดหมู่ลูก */
.elementor-713 .elementor-element.elementor-element-f3d69dc ul.children {
    margin-left: 15px !important;
    border-left: 2px solid #eee;
    padding-left: 10px !important;
}

/* ลบจุดหน้าข้อ */
.elementor-713 .elementor-element.elementor-element-f3d69dc .wpc-filter-content li {
    list-style: none;
    margin: 0; 
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b326ae6 *//* ==============================================
   โหมดปกติ (Grid View)
   ============================================== */
/* สั่งให้ Container ภายในยืดเต็มความสูงเสมอ */
.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-loop-item > .e-con,
.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-loop-item > .elementor-widget-wrap {
    height: 100%; 
    display: flex; 
    flex-direction: column; /* เรียงบนลงล่าง */
}
/* ดันปุ่มลงล่างสุดในโหมดตาราง */
.elementor-713 .elementor-element.elementor-element-b326ae6 .elementor-widget-woocommerce-product-add-to-cart {
    margin-top: auto;
}


/* ==============================================
   โหมดรายการ (List View) - เมื่อปุ่มถูกกด
   ============================================== */

/* 1. บังคับ Grid แม่ ให้เหลือ 1 คอลัมน์ */
.elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode {
    --grid-template-columns: 1fr !important;
}

/* 2. บังคับเนื้อหาข้างในให้เรียง "แนวนอน" (ซ้ายไปขวา) */
.elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-loop-item > .e-con,
.elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-loop-item > .elementor-widget-wrap {
    flex-direction: row !important; /* กุญแจสำคัญที่ทำให้หายเพี้ยน */
    align-items: center !important;
    text-align: left !important;
    padding: 15px !important;
    border: 1px solid #eee; /* เพิ่มกรอบให้ดูเป็นสัดส่วน */
    background: #fff;
}

/* 3. จัดการรูปภาพ (ซ้าย) */
.elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-widget-theme-post-featured-image {
    width: 25% !important; /* ฟิกซ์ความกว้างรูป */
    min-width: 150px; /* ห้ามเล็กกว่านี้ */
    max-width: 200px;
    margin-right: 20px !important;
    margin-bottom: 0 !important;
    flex-shrink: 0 !important; /* ห้ามรูปหด */
}

/* 4. จัดการชื่อสินค้าและราคา (กลาง) */
.elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-widget-heading,
.elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-widget-woocommerce-product-price {
    width: auto !important;
    text-align: left !important;
    margin-right: auto !important; /* ดันปุ่มไปขวาสุด */
}
/* ปรับขนาดตัวอักษรชื่อสินค้าในโหมด List (ถ้าต้องการ) */
.elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-widget-heading h1.product_title {
    font-size: 18px !important;
    margin-bottom: 5px;
}

/* 5. จัดการปุ่ม (ขวา) */
.elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-widget-woocommerce-product-add-to-cart {
    margin-top: 0 !important; /* ยกเลิกการดันลง */
    margin-left: 20px !important;
}

/* --- มือถือ: ให้กลับเป็น Grid เหมือนเดิม (กันพัง) --- */
@media (max-width: 767px) {
    .elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode {
        --grid-template-columns: repeat(2, 1fr) !important;
    }
    .elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-loop-item > .e-con {
        flex-direction: column !important;
    }
    .elementor-713 .elementor-element.elementor-element-b326ae6.is-list-mode .elementor-widget-theme-post-featured-image {
        width: 100% !important;
        margin-right: 0 !important;
    }
    /* ซ่อนปุ่มสลับมุมมองในมือถือ (ถ้าต้องการ) */
    /* .view-switcher-wrapper { display: none; } */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a60e06f */.elementor-713 .elementor-element.elementor-element-a60e06f { display: none; }/* End custom CSS */