.elementor-1277 .elementor-element.elementor-element-3805448{width:100%;max-width:100%;}.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-1277 .elementor-element.elementor-element-d2caa93{--grid-columns:3;width:100%;max-width:100%;}.elementor-1277 .elementor-element.elementor-element-d2caa93 > .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-1277 .elementor-element.elementor-element-d2caa93 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1277 .elementor-element.elementor-element-d2caa93 .e-loop-item > .elementor-section, .elementor-1277 .elementor-element.elementor-element-d2caa93 .e-loop-item > .elementor-section > .elementor-container, .elementor-1277 .elementor-element.elementor-element-d2caa93 .e-loop-item > .e-con, .elementor-1277 .elementor-element.elementor-element-d2caa93 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1277 .elementor-element.elementor-element-d2caa93 .elementor-pagination{text-align:center;margin-top:30px;}.elementor-1277 .elementor-element.elementor-element-d2caa93 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-1277 .elementor-element.elementor-element-d2caa93 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-secondary );}.elementor-1277 .elementor-element.elementor-element-d2caa93 .elementor-pagination .page-numbers.current{color:var( --e-global-color-accent );}body:not(.rtl) .elementor-1277 .elementor-element.elementor-element-d2caa93 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1277 .elementor-element.elementor-element-d2caa93 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1277 .elementor-element.elementor-element-d2caa93 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1277 .elementor-element.elementor-element-d2caa93 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1366px){.elementor-1277 .elementor-element.elementor-element-d2caa93{--grid-row-gap:20px;--grid-column-gap:20px;}}@media(max-width:1024px){.elementor-1277 .elementor-element.elementor-element-d2caa93{--grid-columns:2;}}@media(max-width:834px){.elementor-1277 .elementor-element.elementor-element-d2caa93{--grid-columns:2;}}@media(max-width:480px){.elementor-1277 .elementor-element.elementor-element-d2caa93{--grid-columns:2;--grid-row-gap:15px;--grid-column-gap:15px;}}/* Start custom CSS for filter-everything-filters, class: .elementor-element-3805448 */.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 */
/* Start custom CSS for filter-everything-sorting, class: .elementor-element-502b330 */.wpc-orderby-select {
    width: 100%;
    padding: 2px 5px;
    font-size: 14px !important;
    line-height: 1em;
    border-radius: 7px;
}/* End custom CSS */