.shop-filter{background:#f9f9f9;margin:60px 0}.filter-btn{cursor:pointer;color:#a6a6a6;background:0 0;border:1px solid #7f7f7f;border-radius:10px;align-items:center;gap:6px;padding:15px 30px;font-size:14px;display:flex}.filter-btn.active{border-color:#000}.filter-btn .spanInBtn{font-weight:400;line-height:initial;padding-left:5px}.filter-btn.active .spanInBtn{color:#000;border-left:3px solid #000;font-weight:600}.dot{border-radius:50%;width:8px;height:8px}.dot.red{background:#8b2c2c}.dot.blue{background:#3559c7}.clear-btn{color:#2d2d2d;background:0 0;border:none;font-size:14px;font-weight:500}.color-circle{cursor:pointer;border:1px solid #d3d3d36e;border-radius:50%;width:28px;height:28px}.color-circle.all{background:#f2f2f2;border-radius:20px;align-items:center;width:auto;padding:0 12px;font-size:12px;display:flex}.color-circle.brown{background:#8b2c2c}.color-circle.mustard{background:#c8932f}.color-circle.blue{background:#3559c7}.color-circle.gray{background:#ddd}.color-circle.lightgray{background:#eee}.filter-pill{cursor:pointer;border:1px solid #ccc;border-radius:20px;padding:6px 14px;font-size:13px}.filter-tabs{border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:40px;padding:15px 0;display:flex}.tab-btn{color:#aaa;background:0 0;border:none;font-size:14px;font-weight:500}.tab-btn.active{color:#000;border-left:3px solid #000;padding-left:8px}.clear-btn{margin-left:auto;font-size:13px}.filter-content{flex-wrap:wrap;align-items:center;gap:14px;padding:20px 0;display:flex}.all-pill{background:#eee;border-radius:20px;padding:6px 12px;font-size:12px}.color-circle{cursor:pointer;border-radius:50%;width:28px;height:28px}.color-circle.active{outline-offset:2px;outline:2px solid #000}.img-pill{cursor:pointer;border:1px solid #000;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.img-pill img{border-radius:50%;width:18px;height:18px}.img-pill.active{color:#fff;background:#000}.text-pill{cursor:pointer;border:1px solid #000;border-radius:20px;padding:6px 12px;font-size:12px}.text-pill.active{color:#fff;background:#000}.extra-count{color:#000;font-size:12px;font-weight:500}@media (max-width:991px){.filter-tabs{gap:8px}}@media (max-width:425px){.filter-btn{padding:15px;font-size:12px}.shop-filter{margin:40px 0}}