.elementor-39287 .elementor-element.elementor-element-99160ca{--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:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-39287 .elementor-element.elementor-element-64df834{--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-39287 .elementor-element.elementor-element-f26aeb9{--display:flex;}.elementor-39287 .elementor-element.elementor-element-712d44b{width:var( --container-widget-width, 94.234% );max-width:94.234%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:94.234%;--container-widget-flex-grow:0;}.elementor-39287 .elementor-element.elementor-element-712d44b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-39287 .elementor-element.elementor-element-e333969{--display:flex;}.elementor-39287 .elementor-element.elementor-element-7aa207b{width:var( --container-widget-width, 94.234% );max-width:94.234%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:94.234%;--container-widget-flex-grow:0;}.elementor-39287 .elementor-element.elementor-element-7aa207b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-39287 .elementor-element.elementor-element-64efcfa{--display:flex;}.elementor-39287 .elementor-element.elementor-element-2d026d9{width:var( --container-widget-width, 94.234% );max-width:94.234%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:94.234%;--container-widget-flex-grow:0;}.elementor-39287 .elementor-element.elementor-element-2d026d9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-39287 .elementor-element.elementor-element-d80fd6d{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#ADADAD;--n-tabs-title-color-active:var( --e-global-color-ec724b0 );}.elementor-39287 .elementor-element.elementor-element-d80fd6d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-39287 .elementor-element.elementor-element-d80fd6d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;}.elementor-39287 .elementor-element.elementor-element-d80fd6d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-39287 .elementor-element.elementor-element-d80fd6d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-filter-single-item.elementor-repeater-item-e821e2f .select2-container .select2-search--inline .select2-search__field{min-width:120px;max-width:120px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-filter-single-item.elementor-repeater-item-e821e2f .select2-container{min-width:120px;max-width:120px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-filter-single-item.elementor-repeater-item-0761fe1 .select2-container .select2-search--inline .select2-search__field{min-width:120px;max-width:120px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-filter-single-item.elementor-repeater-item-0761fe1 .select2-container{min-width:120px;max-width:120px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-filter-single-item.elementor-repeater-item-5085ab7 .select2-container .select2-search--inline .select2-search__field{min-width:120px;max-width:120px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-filter-single-item.elementor-repeater-item-5085ab7 .select2-container{min-width:120px;max-width:120px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-select-drop .select2-container--default .select2-results__option--highlighted[aria-selected="true"]{background-color:var( --e-global-color-08e1289 );color:var( --e-global-color-astglobalcolor5 );}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-search-filter-custom .filter-icon:not(.filter-reset){background-color:#ECECEC;color:var( --e-global-color-08e1289 );}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-search-filter-custom .filter-icon.filter-reset{background-color:#ECECEC;color:var( --e-global-color-08e1289 );}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-heaer-box-area{padding:20px 20px 20px 20px;margin:0px 0px 20px 0px;}.elementor-39287 .elementor-element.elementor-element-e626062 h2.wl_hoz_filter_title{color:var( --e-global-color-08e1289 );}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-select-drop .select2-results__option{color:var( --e-global-color-08e1289 );}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-select-drop .select2-results__option::before{border-color:var( --e-global-color-08e1289 );}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap{justify-content:center;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-grid-luxury{gap:25px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-card{background-color:#F5F5F5;border-radius:10px 10px 10px 10px;padding:0px 0px 40px 0px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-image img{border-radius:10px 10px 0px 0px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-luxury-card .woolentor-sale-indicator{width:48px;height:48px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-stars{gap:2px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-categories .woolentor-product-category{color:var( --e-global-color-08e1289 );background-color:#E6E6E6;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-luxury-card .woolentor-product-category-badge{color:var( --e-global-color-08e1289 );background-color:#E6E6E6;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-categories .woolentor-product-category,.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-luxury-card .woolentor-product-category-badge{font-size:12px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-actions .woolentor-cart-btn:hover{background-color:var( --e-global-color-08e1289 );background:var( --e-global-color-08e1289 );border-color:var( --e-global-color-08e1289 );}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-luxury-card .woolentor-cart-btn::before{background-color:var( --e-global-color-08e1289 );background:var( --e-global-color-08e1289 );}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-actions .woolentor-cart-btn svg{width:18px;height:18px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-luxury-card .woolentor-cart-arrow{font-size:18px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-quick-actions .woolentor-quick-action svg{width:18px;height:18px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-quick-actions .woolentor-quick-action{font-size:18px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-pagination{justify-content:center;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-pagination ul li a:hover{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-08e1289 );border-color:var( --e-global-color-08e1289 );}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-pagination ul li span:not(.dots){color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-08e1289 );border-color:var( --e-global-color-08e1289 );}@media(max-width:1024px){.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-grid-luxury{gap:20px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-luxury-card .woolentor-sale-indicator{width:20px;height:20px;}}@media(min-width:768px){.elementor-39287 .elementor-element.elementor-element-99160ca{--content-width:1600px;}.elementor-39287 .elementor-element.elementor-element-64df834{--width:100%;}}@media(max-width:767px){.elementor-39287 .elementor-element.elementor-element-99160ca{--margin-top:40px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-39287 .elementor-element.elementor-element-ff782d6{text-align:left;}.elementor-39287 .elementor-element.elementor-element-712d44b.elementor-element{--align-self:center;}.elementor-39287 .elementor-element.elementor-element-7aa207b.elementor-element{--align-self:center;}.elementor-39287 .elementor-element.elementor-element-2d026d9.elementor-element{--align-self:center;}.elementor-39287 .elementor-element.elementor-element-d80fd6d{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-font-size:14px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-heaer-box-area{border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;margin:0px 0px 0px 0px;}.elementor-39287 .elementor-element.elementor-element-e626062 h2.wl_hoz_filter_title{font-size:16px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-search-filter-custom .filter-icon:not(.filter-reset){font-size:15px;}.elementor-39287 .elementor-element.elementor-element-e626062 .woolentor-horizontal-filter-wrap .woolentor-search-filter-custom .filter-icon.filter-reset{font-size:15px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-product-grid-luxury{gap:15px;}.elementor-39287 .elementor-element.elementor-element-4de557c .woolentor-luxury-card .woolentor-sale-indicator{width:15px;height:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-712d44b */.wlpf-filter-wrap .wlpf-filter-clear-action-button,.wlpf-group-wrap .wlpf-group-clear-action-button {
    background-color: #121b3b!important;
    color: #fff!important;
    border-color: #121b3b!important
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7aa207b *//* ==========================
   QR CODE STYLE - FUTURE LIVING
   ========================== */

/* Desktop (หน้าจอใหญ่) */
.wpkqcg_qrcode {
  width: 300px !important;      /* ความกว้าง */
  height: 300px !important;     /* ความสูง */
  max-width: none !important;
  margin: 0 auto 20px;          /* จัดให้อยู่กลาง + เว้นช่องด้านล่าง */
  display: block;
  background: #ffffff;          /* พื้นหลังสีขาวเพื่อให้ตัดกับธีม */
  padding: 10px;
  border-radius: 12px;          /* มุมโค้งนุ่มนวล */
  box-shadow: 0 2px 12px rgba(0,0,0,0.12); /* เงาบาง ๆ ดูพรีเมียม */
}

/* เพิ่มความบาลานซ์ในหน้า Product WooCommerce */
.woocommerce div.product .wpkqcg_qrcode {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================
   Responsive - Mobile (หน้าจอเล็กกว่า 768px)
   ========================== */
@media (max-width: 768px) {
  .wpkqcg_qrcode {
    width: 150px !important;    /* ลดขนาดลงให้พอดีกับจอมือถือ */
    height: 150px !important;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.1);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d026d9 */.wlpf-filter-wrap .wlpf-price-range-ui .ui-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #0057a4;
    border-radius: 10px;
    cursor: ew-resize;
    outline: 0;
    left: 0;
    top: 0;
    margin-top: -5px;
    margin-left: -10px;
    z-index: 2
}



.wlpf-filter-wrap .wlpf-price-range-ui .ui-slider-range {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    background-color: #0057a4;
    border: 0;
    border-radius: 5px;
    z-index: 1
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-712d44b */.wlpf-filter-wrap .wlpf-filter-clear-action-button,.wlpf-group-wrap .wlpf-group-clear-action-button {
    background-color: #121b3b!important;
    color: #fff!important;
    border-color: #121b3b!important
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7aa207b *//* ==========================
   QR CODE STYLE - FUTURE LIVING
   ========================== */

/* Desktop (หน้าจอใหญ่) */
.wpkqcg_qrcode {
  width: 300px !important;      /* ความกว้าง */
  height: 300px !important;     /* ความสูง */
  max-width: none !important;
  margin: 0 auto 20px;          /* จัดให้อยู่กลาง + เว้นช่องด้านล่าง */
  display: block;
  background: #ffffff;          /* พื้นหลังสีขาวเพื่อให้ตัดกับธีม */
  padding: 10px;
  border-radius: 12px;          /* มุมโค้งนุ่มนวล */
  box-shadow: 0 2px 12px rgba(0,0,0,0.12); /* เงาบาง ๆ ดูพรีเมียม */
}

/* เพิ่มความบาลานซ์ในหน้า Product WooCommerce */
.woocommerce div.product .wpkqcg_qrcode {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================
   Responsive - Mobile (หน้าจอเล็กกว่า 768px)
   ========================== */
@media (max-width: 768px) {
  .wpkqcg_qrcode {
    width: 150px !important;    /* ลดขนาดลงให้พอดีกับจอมือถือ */
    height: 150px !important;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.1);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d026d9 */.wlpf-filter-wrap .wlpf-price-range-ui .ui-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #0057a4;
    border-radius: 10px;
    cursor: ew-resize;
    outline: 0;
    left: 0;
    top: 0;
    margin-top: -5px;
    margin-left: -10px;
    z-index: 2
}



.wlpf-filter-wrap .wlpf-price-range-ui .ui-slider-range {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    background-color: #0057a4;
    border: 0;
    border-radius: 5px;
    z-index: 1
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-712d44b */.wlpf-filter-wrap .wlpf-filter-clear-action-button,.wlpf-group-wrap .wlpf-group-clear-action-button {
    background-color: #121b3b!important;
    color: #fff!important;
    border-color: #121b3b!important
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7aa207b *//* ==========================
   QR CODE STYLE - FUTURE LIVING
   ========================== */

/* Desktop (หน้าจอใหญ่) */
.wpkqcg_qrcode {
  width: 300px !important;      /* ความกว้าง */
  height: 300px !important;     /* ความสูง */
  max-width: none !important;
  margin: 0 auto 20px;          /* จัดให้อยู่กลาง + เว้นช่องด้านล่าง */
  display: block;
  background: #ffffff;          /* พื้นหลังสีขาวเพื่อให้ตัดกับธีม */
  padding: 10px;
  border-radius: 12px;          /* มุมโค้งนุ่มนวล */
  box-shadow: 0 2px 12px rgba(0,0,0,0.12); /* เงาบาง ๆ ดูพรีเมียม */
}

/* เพิ่มความบาลานซ์ในหน้า Product WooCommerce */
.woocommerce div.product .wpkqcg_qrcode {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================
   Responsive - Mobile (หน้าจอเล็กกว่า 768px)
   ========================== */
@media (max-width: 768px) {
  .wpkqcg_qrcode {
    width: 150px !important;    /* ลดขนาดลงให้พอดีกับจอมือถือ */
    height: 150px !important;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.1);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d026d9 */.wlpf-filter-wrap .wlpf-price-range-ui .ui-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #0057a4;
    border-radius: 10px;
    cursor: ew-resize;
    outline: 0;
    left: 0;
    top: 0;
    margin-top: -5px;
    margin-left: -10px;
    z-index: 2
}



.wlpf-filter-wrap .wlpf-price-range-ui .ui-slider-range {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    background-color: #0057a4;
    border: 0;
    border-radius: 5px;
    z-index: 1
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-712d44b */.wlpf-filter-wrap .wlpf-filter-clear-action-button,.wlpf-group-wrap .wlpf-group-clear-action-button {
    background-color: #121b3b!important;
    color: #fff!important;
    border-color: #121b3b!important
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7aa207b *//* ==========================
   QR CODE STYLE - FUTURE LIVING
   ========================== */

/* Desktop (หน้าจอใหญ่) */
.wpkqcg_qrcode {
  width: 300px !important;      /* ความกว้าง */
  height: 300px !important;     /* ความสูง */
  max-width: none !important;
  margin: 0 auto 20px;          /* จัดให้อยู่กลาง + เว้นช่องด้านล่าง */
  display: block;
  background: #ffffff;          /* พื้นหลังสีขาวเพื่อให้ตัดกับธีม */
  padding: 10px;
  border-radius: 12px;          /* มุมโค้งนุ่มนวล */
  box-shadow: 0 2px 12px rgba(0,0,0,0.12); /* เงาบาง ๆ ดูพรีเมียม */
}

/* เพิ่มความบาลานซ์ในหน้า Product WooCommerce */
.woocommerce div.product .wpkqcg_qrcode {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================
   Responsive - Mobile (หน้าจอเล็กกว่า 768px)
   ========================== */
@media (max-width: 768px) {
  .wpkqcg_qrcode {
    width: 150px !important;    /* ลดขนาดลงให้พอดีกับจอมือถือ */
    height: 150px !important;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.1);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d026d9 */.wlpf-filter-wrap .wlpf-price-range-ui .ui-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #0057a4;
    border-radius: 10px;
    cursor: ew-resize;
    outline: 0;
    left: 0;
    top: 0;
    margin-top: -5px;
    margin-left: -10px;
    z-index: 2
}



.wlpf-filter-wrap .wlpf-price-range-ui .ui-slider-range {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    background-color: #0057a4;
    border: 0;
    border-radius: 5px;
    z-index: 1
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d80fd6d *//* === Elementor Tabs Custom Styling (Desktop + Mobile) === */

/* --- Desktop (≥768px) --- */
@media (min-width: 768px) {

  /* โครงหัวแท็บ */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tabs-wrapper,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tablist"] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #e5e7eb !important;
    gap: 0 !important;
  }

  /* หัวแท็บแต่ละอัน */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"] {
    flex: 1 1 0 !important;
    text-align: center !important;
    padding: 14px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #444 !important;
    position: relative !important;
    transition: color .25s ease;
  }

  /* เส้นน้ำเงินใต้แท็บ (ซ่อนก่อน) */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title::after,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%) scaleX(0);
    width: 80%;
    height: 2px;
    background: #0057a4;
    transition: transform .25s ease;
  }

  /* Active tab */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title.elementor-active,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"][aria-selected="true"] {
    color: #111 !important;
  }
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title.elementor-active::after,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"][aria-selected="true"]::after {
    transform: translateX(-50%) scaleX(1);
  }

  /* เนื้อหาแท็บ */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tabs-content-wrapper,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-content,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tabpanel"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* สำหรับ Elementor Tabs รุ่นใหม่ */
  .elementor-widget-n-tabs .e-n-tab-title-text {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: var(--n-tabs-title-font-size);
    text-align: var(--n-tabs-title-text-align);
  }
}

/* --- Mobile (≤767px): บังคับแนวนอน + เส้น active --- */
@media (max-width: 767px) {

  /* กัน Elementor รุ่นใหม่ที่แปลงเป็น accordion */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d.elementor-widget-tabs .elementor-tabs,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d.elementor-widget-tabs .elementor-tabs.elementor-tabs-view-accordion {
    /* ให้ถือว่าเป็นแนวนอน */
  }

  /* หัวแท็บ wrapper */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tabs-wrapper,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tablist"] {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #e5e7eb !important;
    gap: 0 !important;
    overflow-x: visible !important;
  }

  /* หัวแท็บ */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"] {
    flex: 1 1 0 !important;
    width: auto !important;
    display: block !important;
    text-align: center !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #444 !important;
    position: relative !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  /* ซ่อนไอคอนลูกศร accordion */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title .elementor-tab-title-icon,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"] .elementor-tab-title-icon {
    display: none !important;
  }

  /* เส้นน้ำเงินใต้แท็บ */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title::after,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%) scaleX(0);
    width: 80%;
    height: 2px;
    background: #0057a4;
    transition: transform .25s ease;
  }

  /* Active tab */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title.elementor-active,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"][aria-selected="true"] {
    color: #111 !important;
  }
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title.elementor-active::after,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"][aria-selected="true"]::after {
    transform: translateX(-50%) scaleX(1);
  }

  /* เนื้อหาแท็บ */
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tabs-content-wrapper,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-content,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tabpanel"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* รองรับ n-tabs รุ่นใหม่ */
  .elementor-widget-n-tabs .e-n-tab-title-text {
    align-items: center;
    display: flex;
    font-size: var(--n-tabs-title-font-size);
    text-align: var(--n-tabs-title-text-align);
    justify-content: space-evenly;
  }
}

/* --- Optional: ให้เลื่อนซ้ายขวาได้บนมือถือ --- */
/*
@media (max-width: 767px) {
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tabs-wrapper,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tablist"] {
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
  .elementor-39287 .elementor-element.elementor-element-d80fd6d .elementor-tab-title,
  .elementor-39287 .elementor-element.elementor-element-d80fd6d [role="tab"] {
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for wl-product-horizontal-filter, class: .elementor-element-e626062 *//* MOBILE: layout ให้คล้ายเดสก์ท็อป */
@media (max-width: 767px){

  /* แถวบน: Filter ซ้าย / ไอคอนขวา */
  .woolentor-horizontal-filter-wrap .woolentor-hear-box-area,
  .woolentor-horizontal-filter-wrap .woolentor-heear-box-area{
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between; /* ซ้าย-ขวาแบบเดสก์ท็อป */
    width: 100%;
    margin-bottom: 10px;
  }

  .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area,
  .woolentor-horizontal-filter-wrap .woolentor-filter-header-right-side{
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .woolentor-horizontal-filter-wrap
    .woolentor-filter-header-top-area
    .woolentor-header-right-side {
    margin-top: 0px;
  }

  .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area h2{
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
  }

  .woolentor-horizontal-filter-wrap .woolentor-filter-header-right-side{
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .woolentor-horizontal-filter-wrap .woolentor-filter-header-right-side i{
    font-size: 18px !important;
  }

  /* แถวล่างของฟิลเตอร์ – ใช้ GRID ให้ปุ่มเท่ากัน 2 คอลัมน์ */
  .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 คอลัมน์เท่ากัน */
      column-gap: 8px;   /* ระยะห่างซ้าย-ขวาระหว่างปุ่ม */
      row-gap: 6px;      /* ระยะห่างบน-ล่างระหว่างแถว */
      max-width: 360px;  /* กรอบรวมของปุ่ม ไม่ให้ยืดตามจอมากเกินไป */
      margin: 12px auto 0; /* จัดให้อยู่กลางกล่อง */
  }

  /* กล่องของปุ่มแต่ละอัน – ไม่ต้องบังคับ width แล้ว ให้ grid คุมให้ */
  .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .woolentor-filter-single-item{
      margin: 0 !important;
      width: auto !important;
      max-width: none !important;
  }

  /* ตัว select ข้างในให้กินเต็มกล่องเสมอ */
  .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap select,
  .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .select2,
  .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .select2-selection{
      width: 100% !important;
  }
 
  
  
  /* ============================
   แก้ฟิลเตอร์ ShopLentor (Horizontal Filter)
   ให้ตัวหนังสือไม่หาย เวลาเลือก Category / Attribute
   ============================ */

/* 1) ข้อความบนปุ่มฟิลเตอร์ (ทั้ง single & multiple) */
.woolentor-horizontal-filter-wrap .select2-container--default .select2-selection--single .select2-selection__rendered,
.woolentor-horizontal-filter-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #222222 !important;        /* สีตัวหนังสือ */
}

/* 2) Placeholder ตอนยังไม่ได้เลือกค่า */
.woolentor-horizontal-filter-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999999 !important;
}

/* 3) สำหรับฟิลเตอร์แบบ multiple (ใช้กับ Product categories / attributes ฯลฯ)
      ให้ชิปที่โชว์ค่าที่เลือกแล้วอ่านออกชัด */
.woolentor-horizontal-filter-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #222222 !important;        /* ตัวหนังสือในชิป */
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

/* 4) กันไม่ให้ select2 ตั้งค่าเป็น transparent เอง */
.woolentor-horizontal-filter-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered[style*="transparent"],
.woolentor-horizontal-filter-wrap .select2-container--default .select2-selection--single .select2-selection__rendered[style*="transparent"] {
    color: #222222 !important;
}

  
  
  

}/* End custom CSS */