.catalog-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-3px 0 22px;min-width:0}
.catalog-active-filters[hidden]{display:none}
.filter-chip,.filter-clear{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;padding:8px 13px;border:1px solid #e0b97738;border-radius:999px;background:#d4aa6810;color:#f2ddbd;font:inherit;font-size:12px;cursor:pointer}
.filter-chip>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}
.filter-chip>span:last-child{font-size:19px;line-height:1;color:#dfba83}
.filter-chip:hover{background:#d4aa6822;border-color:#e0b97778}
.filter-clear{border-color:transparent;background:transparent;color:#bab4bf;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.filter-clear:hover{color:#f5eadd}
.filter-chip:focus-visible,.filter-clear:focus-visible{outline:2px solid var(--accent,#f8aa4b);outline-offset:3px}
.catalog-filters .filter-row{grid-template-columns:repeat(5,minmax(0,1fr)) auto}
.catalog-filters .filter-row select{min-height:44px}
@media(max-width:1100px) and (min-width:761px){.catalog-filters .filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-filters .filter-submit{align-self:end}}
@media(max-width:760px){.catalog-filters .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filters .filter-submit{grid-column:auto;align-self:end}.catalog-active-filters{gap:7px;margin-bottom:19px}.filter-chip,.filter-clear{min-height:44px;font-size:11px;padding:8px 11px}.filter-chip>span:first-child{max-width:210px}}
@media(prefers-reduced-motion:reduce){.filter-chip,.filter-clear{transition:none}}