.wcbx-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.wcbx-pill{padding:9px 20px;border-radius:999px;background:#f5f5f5;color:#1f1f1f;text-decoration:none;font-size:16px;cursor:pointer;border:0;transition:all 0s}.wcbx-pill:hover{background:#101828;color:#fff}.wcbx-pill.is-active{background:#101828;color:#fff}.wcbx-cat-list{display:flex;gap:10px;flex-wrap:wrap}.wcbx-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .65);opacity:0;visibility:hidden;transition:0.3s;z-index:99999}.wcbx-drawer{position:fixed;background:#fff;z-index:999999;display:flex;flex-direction:column;box-shadow:0 10px 40px rgb(0 0 0 / .2);border-radius:0 20px 20px 0;transition:transform 0.3s ease;will-change:transform}.wcbx-body{padding:25px;overflow:auto}.wcbx-opened .wcbx-overlay{opacity:1;visibility:visible}.wcbx-opened .wcbx-drawer{left:0}.wcbx-close{background:none;border:1px solid #1f1f1f;width:34px;height:34px;border-radius:50%;cursor:pointer;color:#1f1f1f;padding:0}.wcbx-head{padding:25px 30px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.wcbx-head h3{font-family:"Kanit",Sans-serif!important;font-size:24px;font-weight:600;color:#101828;margin:0}.wcbx-filters{display:flex;flex-direction:column;gap:20px}.wcbx-field label{display:block;font-weight:600}.wcbx-sort,.wcbx-price-row input{width:100%;padding:14px;border-radius:12px;border:1px solid #eee;background:#f7f7f7}.wcbx-price-row{display:flex;gap:10px}.wcbx-inline{display:flex;justify-content:space-between;align-items:center}.wcbx-divider-bottom{border-bottom:1px solid #eee;padding-bottom:10px}.wcbx-acc-head{font-size:20px;color:#101828;background:none;border:0;width:100%;text-align:left;font-weight:300;padding:10px 0;cursor:pointer;line-height:1}.wcbx-acc-head:focus,.wcbx-acc-head:hover{color:#101828;background-color:#fff0}.wcbx-acc-body{display:none;padding:5px 0 10px;max-height:300px;overflow:auto}.wcbx-acc.is-open .wcbx-acc-body{display:block}.wcbx-check{display:flex;gap:8px;padding:6px 0}.wcbx-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.wcbx-actions button{font-size:16px;line-height:1;padding:14px;border:1px solid #1f1f1f;border-radius:30px}.wcbx-apply{background:#1f1f1f;color:#fff;border:0}.wcbx-clear{color:#1f1f1f;background:#fff}.wcbx-chevron{position:relative;padding-right:2.4em}.wcbx-chevron::after{content:"";position:absolute;right:.75em;top:50%;width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-60%) rotate(45deg);transition:0.18s linear;pointer-events:none;border-bottom-right-radius:3px}.wcbx-sort-field.wcbx-chevron::after{right:1.45em}.is-open .wcbx-chevron::after{transform:rotate(225deg)}.wcbx-price-slider{position:relative;padding-top:16px}.wcbx-price-slider input[type="range"]{-webkit-appearance:none;appearance:none;position:absolute;left:0;top:14px;width:100%;background:#fff0;pointer-events:none;margin:0;border:none}.wcbx-price-slider input[type="range"]::-webkit-slider-runnable-track{height:0}.wcbx-price-slider input[type="range"]::-moz-range-track{height:0}.wcbx-price-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#111;cursor:pointer;box-shadow:0 2px 8px rgb(0 0 0 / .25);transition:0.15s;margin-top:-7px}.wcbx-price-slider input[type="range"]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border:none;border-radius:50%;background:#111;cursor:pointer;box-shadow:0 2px 8px rgb(0 0 0 / .25)}.wcbx-price-slider input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.12)}.wcbx-price-slider input[type="range"]::-webkit-slider-thumb:active{transform:scale(1.18)}.wcbx-price-slider::before{content:"";position:absolute;top:14px;height:4px;background:#111;border-radius:10px;left:var(--min-percent,0%);right:calc(100% - var(--max-percent, 100%))}.wcbx-price-values{margin-top:20px;text-align:center;font-weight:600;font-size:16px}.wcbx-stock-row{display:flex;justify-content:space-between;align-items:center}.wcbx-switch{position:relative;width:43px;height:22px}.wcbx-switch input{opacity:0;width:0;height:0}.wcbx-slider{position:absolute;inset:0;background:#fff;border:1px solid #d9d9d9;border-radius:30px;transition:0.25s;cursor:pointer}.wcbx-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:2px;background:#d9d9d9;border-radius:50%;transition:0.25s}.wcbx-switch input:checked+.wcbx-slider{background:#101828}.wcbx-switch input:checked+.wcbx-slider:before{transform:translateX(19px)}.wcbx-switch:active .wcbx-slider{transform:scale(.97)}.wcbx-sort-field{background-color:#f5f5f5;padding:8px 10px;border-radius:10px}.wcbx-sort-field label{font-size:16px;font-weight:300;color:#a6a6a6;padding:0 10px}.wcbx-sort-field select{background-color:#fff0;padding:0 10px;color:#101828;font-size:16px}.wcbx-field .wcbx-label{color:#101828;font-size:20px;font-weight:300}.wcbx-check{display:flex;align-items:center;gap:12px;padding:10px 4px;cursor:pointer;user-select:none}.wcbx-check input{position:absolute;opacity:0;pointer-events:none}.wcbx-check span{position:relative;padding-left:34px;font-size:14px}.wcbx-check span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:6px;border:2px solid #dcdcdc;background:#fff;transition:0.2s}.wcbx-check span:after{content:"";position:absolute;left:7px;top:50%;width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;transform:translateY(-60%) rotate(45deg) scale(0);transition:0.15s}.wcbx-check input:checked+span:before{background:#111;border-color:#111}.wcbx-check input:checked+span:after{transform:translateY(-60%) rotate(45deg) scale(1)}.wcbx-check:hover span:before{border-color:#111}.wcbx-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;align-items:center}.wcbx-chip{display:inline-flex;align-items:center;gap:6px;padding:3.5px 10px;font-size:15px;font-weight:300;text-decoration:none;border-radius:30px;background:#f3f3f3;color:#6a6a6a;transition:all 0s}.wcbx-chip:hover{color:#d00c0c;& .wcbx-x{background:#f01212;color:#fff}}.wcbx-x{color:#fbfbfb;font-size:19px;width:14px;height:14px;background:#f56c6c;border-radius:20px;display:inline-flex;align-items:center;justify-content:center}.wcbx-chips .active-filters-title{font-size:18px;font-weight:500;color:#101828;display:inline-flex;align-items:center;gap:6px;padding:8px 14px}@media (min-width:769px){.wcbx-head h3{font-size:35px}.wcbx-open-cats{display:none}.wcbx-drawer{top:0;left:0;max-width:450px;width:100%;height:100%;transform:translateX(-100%)}.wcbx-opened .wcbx-drawer-filters{transform:translateX(0)}}@media (max-width:768px){button.wcbx-pill{background:#f3f4f6;color:#101828;border:1px solid #1f1f1f}.wcbx-chevron-mobile{position:relative;padding-right:2.4em}.wcbx-chevron-mobile::after{content:"";position:absolute;right:.75em;top:50%;width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-60%) rotate(45deg);pointer-events:none;border-bottom-right-radius:3px}.wcbx-desktop-cats a{display:none}.wcbx-drawer{left:0;bottom:0;width:100%;height:80vh;border-radius:18px 18px 0 0;transform:translateY(100%)}.wcbx-opened-filters .wcbx-drawer-filters,.wcbx-opened-cats .wcbx-drawer-cats{transform:translateY(0)}}