.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2315 .elementor-element.elementor-element-28d9d30{width:100%;max-width:100%;color:#FFFFFF;}.elementor-2315 .elementor-element.elementor-element-28d9d30 a{color:var( --e-global-color-d9d345b );}.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-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-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2315 .elementor-element.elementor-element-ea88cf8{--grid-columns:3;width:100%;max-width:100%;}.elementor-2315 .elementor-element.elementor-element-ea88cf8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#0F1F3D1F;}.elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2315 .elementor-element.elementor-element-ea88cf8 .e-loop-item > .elementor-section, .elementor-2315 .elementor-element.elementor-element-ea88cf8 .e-loop-item > .elementor-section > .elementor-container, .elementor-2315 .elementor-element.elementor-element-ea88cf8 .e-loop-item > .e-con, .elementor-2315 .elementor-element.elementor-element-ea88cf8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-pagination{text-align:center;margin-top:30px;}.elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-secondary );}.elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-pagination .page-numbers.current{color:var( --e-global-color-accent );}body:not(.rtl) .elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2315 .elementor-element.elementor-element-ea88cf8 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-2315 .elementor-element.elementor-element-74307a3{width:100%;max-width:100%;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2315 .elementor-element.elementor-element-a11f255{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2315 .elementor-element.elementor-element-a11f255 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-2315 .elementor-element.elementor-element-a11f255 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-2315 .elementor-element.elementor-element-a11f255 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2315 .elementor-element.elementor-element-a11f255 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-2315 .elementor-element.elementor-element-a11f255 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}@media(max-width:1366px){.elementor-2315 .elementor-element.elementor-element-ea88cf8{--grid-row-gap:20px;--grid-column-gap:20px;}}@media(max-width:1024px){.elementor-2315 .elementor-element.elementor-element-ea88cf8{--grid-columns:2;width:100%;max-width:100%;}}@media(max-width:834px){.elementor-2315 .elementor-element.elementor-element-ea88cf8{--grid-columns:2;}}@media(max-width:480px){.elementor-2315 .elementor-element.elementor-element-ea88cf8{--grid-columns:2;--grid-row-gap:15px;--grid-column-gap:15px;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-28d9d30 */.rank-math-breadcrumb p,a {
    margin: 0px !important;
    color: #ffffff7a important;
    font-size: 12px;
}
.rank-math-breadcrumb a:hover {
    margin: 0px !important;
    color: var(--sc);
    font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for filter-everything-sorting, class: .elementor-element-09a682f */.wpc-orderby-select {
    width: 100%;
    padding: 2px 5px;
    font-size: 14px !important;
    line-height: 1em;
    border-radius: 7px;
}/* End custom CSS */
/* Start custom CSS for filter-everything-filters, class: .elementor-element-74307a3 */.wpc-filter-title {
    margin-bottom: 12px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
}
input.wpc-search-field {
    border-radius: 10px;
}

a.wpc-filter-link {
    color: #3d4f68 !important;
    font-size: 14px !important;
}

/* 1. สไตล์ของกล่อง Checkbox ตอนปกติ */
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox] {
    /* ลบหน้าตาเริ่มต้นของเบราว์เซอร์ออกก่อน */
    -webkit-appearance: none;
    appearance: none;
    
    /* โค้ดจัดการระยะขอบเดิมของคุณ (ปรับ margin-right เพิ่มขึ้นเล็กน้อยเพื่อให้ห่างจากข้อความสวยงามแบบในรูป) */
    outline: 0;
    margin-left: 0;
    margin-right: 12px; 
    margin-bottom: 0;

    /* ชุดดีไซน์ที่คุณต้องการ */
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid var(--border, #cbd5e1); /* ใช้ตัวแปรสีของคุณ ถ้าไม่มีจะแสดงสีเทาอ่อนตามรูป */
    background: rgb(255, 255, 255);
    display: grid;
    place-items: center;
    transition: 0.15s;
    cursor: pointer;
}

/* 2. สไตล์เมื่อกล่อง Checkbox ถูกกดเลือก (Checked) */
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox]:checked {
    /* สามารถเปลี่ยนรหัสสีตรงนี้ให้ตรงกับสีหลักของแบรนด์คุณได้เลยครับ */
    background: var(--sc); 
    border-color: var(--sc);
}

/* 3. สร้างเครื่องหมายถูก (✓) ไว้ตรงกลางกล่องเมื่อเปิดใช้งาน */
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox]:checked::before {
    content: "✓";
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}

.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {
    border: 1px solid transparent;
    margin-left: 0;
    cursor: pointer;
    display: flex;
    padding: 2px 5px;
    border-radius: 3px;
    line-height: 1em;
}

body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper {
    background-color: var(--sc) !important;
    /* color: #fff !important; */
    border-color: var(--sc) !important;
}
span.wpc-term-count {
    color: #000;
}
body .wpc-filters-main-wrap input.wpc-label-input:checked+label {
    border-color: var(--sc) !important;
}
span.wpc-filter-label-wrapper:hover {
    background-color: var(--sc) !important;
    /* color: #fff !important; */
    border-color: var(--sc) !important;
}
a.wpc-see-less-control.wpc-toggle-a {
    color: #333 !important;
        font-size: 14px;
}
a.wpc-see-more-control.wpc-toggle-a {
    color: #333 !important;
        font-size: 14px;
}/* End custom CSS */