.shop-filter{--sf-radius:12px;--sf-radius-sm:8px;--sf-accent:#44241c;--sf-accent-hover:#331a14;--sf-border:1px solid rgba(0, 0, 0, 0.08);--sf-bg:#fff;--sf-bg-soft:#f8fafc;--sf-text:#0f172a;--sf-text-muted:#64748b}.shop-filter__form{background:var(--sf-bg);border:var(--sf-border);border-radius:var(--sf-radius);padding:1rem 1.25rem;box-shadow:0 2px 12px rgb(0 0 0 / .06)}.shop-filter__label{font-weight:700;font-size:1rem;margin-bottom:.75rem;color:var(--sf-text)}.shop-filter__search{position:relative;margin-bottom:.75rem}.shop-filter__search-input{width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.9rem;border:var(--sf-border);border-radius:var(--sf-radius-sm);background:var(--sf-bg-soft);color:var(--sf-text)}.shop-filter__search-input::placeholder{color:var(--sf-text-muted)}.shop-filter__search-input:focus{outline:none;border-color:var(--sf-accent);box-shadow:0 0 0 2px rgb(68 36 28 / .15)}.shop-filter__search-clear{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;background:none;color:var(--sf-text-muted);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:4px}.shop-filter__search-clear:hover{color:var(--sf-text);background:rgb(0 0 0 / .06)}.shop-filter__list-wrap{max-height:220px;overflow-y:auto;margin-bottom:1rem;padding-right:4px}.shop-filter__list-wrap::-webkit-scrollbar{width:6px}.shop-filter__list-wrap::-webkit-scrollbar-track{background:var(--sf-bg-soft);border-radius:3px}.shop-filter__list-wrap::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .2);border-radius:3px}.shop-filter__list{list-style:none;margin:0;padding:0}.shop-filter__row{margin-bottom:.25rem}.shop-filter__item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;cursor:pointer;user-select:none}.shop-filter__item:hover .shop-filter__name{color:var(--sf-accent)}.shop-filter__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.shop-filter__decorator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border:2px solid rgb(0 0 0 / .2);border-radius:4px;background:var(--sf-bg);transition:border-color 0.2s,background 0.2s}.shop-filter__decorator::after{content:'';width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform 0.15s;margin-bottom:3px}.shop-filter__input:checked+.shop-filter__decorator{background:var(--sf-accent);border-color:var(--sf-accent)}.shop-filter__input:checked+.shop-filter__decorator::after{transform:rotate(-45deg) scale(1)}.shop-filter__input:focus-visible+.shop-filter__decorator{box-shadow:0 0 0 2px var(--sf-accent)}.shop-filter__name{font-size:.9rem;color:var(--sf-text);transition:color 0.2s}.shop-filter__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:var(--sf-border)}.shop-filter__btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.9rem;font-weight:600;border-radius:var(--sf-radius-sm);cursor:pointer;text-decoration:none;transition:background 0.2s,color 0.2s;border:none;font-family:inherit}.shop-filter__btn--submit{background:var(--sf-accent);color:#fff}.shop-filter__btn--submit:hover{background:var(--sf-accent-hover);color:#fff}.shop-filter__btn--reset{background:var(--sf-bg-soft);color:var(--sf-text);border:var(--sf-border)}.shop-filter__btn--reset:hover{background:rgb(0 0 0 / .06);color:var(--sf-text)}@media (max-width:767px){.shop-filter__form{padding:.875rem 1rem}.shop-filter__list-wrap{max-height:180px}}