.modern-filters{margin-bottom:32px;color:var(--mf-text);font-family:inherit}.modern-filters__bar{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;background:var(--mf-bg);border:1px solid var(--mf-border);border-radius:var(--mf-radius);padding:18px 20px;overflow-x:auto;scrollbar-width:thin}.modern-filters__search{position:relative;flex:1 1 100%;min-width:200px}.modern-filters__search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:17px;height:17px;color:#fff6;pointer-events:none}.modern-filters__search-input{width:100%;background:#121212;border:1px solid var(--mf-border);border-radius:calc(var(--mf-radius) * .7);color:var(--mf-text);font-size:14px;padding:12px 16px 12px 42px;outline:none;transition:border-color .25s ease,background-color .25s ease}.modern-filters__search-input::placeholder{color:#fff6}.modern-filters__search-input:focus{box-shadow:none!important;border-color:var(--mf-accent);background:#ffffff0f}.modern-filters__sort{position:relative;flex:1 1 220px}.modern-filters__sort-select{appearance:none;-webkit-appearance:none;background:#121212;border:1px solid var(--mf-border);border-radius:calc(var(--mf-radius) * .7);color:var(--mf-text);font-size:14px;padding:12px 38px 12px 16px;outline:none;cursor:pointer;width:100%;min-width:150px;transition:border-color .25s ease}.modern-filters__sort-select:focus{border-color:var(--mf-accent);box-shadow:none!important}.modern-filters__sort .svg-wrapper{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:12px;height:12px;color:#ffffff80;pointer-events:none}.modern-filters__toggle{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--mf-border);border-radius:calc(var(--mf-radius) * .7);color:var(--mf-text);font-size:14px;font-weight:500;padding:12px 18px;cursor:pointer;transition:border-color .25s ease,background-color .25s ease,color .25s ease;flex:0 0 auto}.modern-filters__toggle svg{width:16px;height:16px;flex-shrink:0}.modern-filters__toggle:hover,.modern-filters__toggle.is-open{border-color:var(--mf-accent);color:var(--mf-accent)}.modern-filters__count{margin-left:auto;font-size:13px;color:var(--mf-accent);white-space:nowrap;flex:0 0 auto}.modern-filters__panel{background:var(--mf-panel-bg);border:1px solid var(--mf-border);border-top:none;border-bottom-left-radius:var(--mf-radius);border-bottom-right-radius:var(--mf-radius);padding:22px 20px;margin-top:-1px}.modern-filters__panel[hidden]{display:none}.modern-filters__panel form{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:24px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.modern-filters__groups{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:28px;flex:0 0 auto}.modern-filters__group{display:flex;flex-direction:column;gap:8px;min-width:150px;flex:0 0 auto}.modern-filters__group-title{font-size:13px;font-weight:600;color:var(--mf-text);margin:0}.modern-filters__price-row{display:flex;gap:10px}.modern-filters__price-row input[type=number]{width:100px;background:#121212;border:1px solid var(--mf-border);border-radius:calc(var(--mf-radius) * .6);color:var(--mf-text);font-size:14px;padding:10px 12px;outline:none;transition:border-color .25s ease}.modern-filters__price-row input[type=number]:focus{border-color:var(--mf-accent);box-shadow:none!important}.modern-filters__price-row input[type=number]::placeholder{color:#121212}.modern-filters__group .select{position:relative}.modern-filters__group .select__select{appearance:none;-webkit-appearance:none;width:100%;min-width:160px;background:#121212;border:1px solid var(--mf-border);border-radius:calc(var(--mf-radius) * .6);color:var(--mf-text);font-size:14px;padding:10px 34px 10px 12px;outline:none;cursor:pointer;transition:border-color .25s ease}.modern-filters__group .select__select:focus{border-color:var(--mf-accent);box-shadow:none!important}.modern-filters__group .select .svg-wrapper{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:11px;height:11px;color:#ffffff80;pointer-events:none}.modern-filters__checkbox-group{display:flex;flex-direction:column;gap:8px;padding-top:2px}.modern-filters__checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mf-text);cursor:pointer}.modern-filters__checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--mf-accent);cursor:pointer}.modern-filters__actions{display:flex;align-items:center;gap:16px;flex:0 0 auto;margin-left:auto}.modern-filters__clear{font-size:13px;color:#ffffff8c;text-decoration:underline;white-space:nowrap;transition:color .25s ease}.modern-filters__clear:hover{color:var(--mf-text)}.modern-filters__apply{background:var(--mf-accent);color:#0b0f19;border:none;border-radius:calc(var(--mf-radius) * .6);font-size:14px;font-weight:700;padding:12px 32px;cursor:pointer;white-space:nowrap;transition:filter .25s ease,transform .25s ease}.modern-filters__apply:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:768px){.modern-filters{margin-bottom:20px}.modern-filters__bar{padding:12px 14px;flex-wrap:wrap;overflow-x:visible;gap:10px}.modern-filters__search{flex:1 1 100%;min-width:100%;order:1}.modern-filters__count{order:2;margin-left:0;flex:1 1 100%;font-size:12px}.modern-filters__sort{order:3;flex:1 1 calc(50% - 5px);min-width:0}.modern-filters__sort-select{min-width:0;width:100%;padding-right:30px;text-overflow:ellipsis}.modern-filters__toggle{order:4;flex:1 1 calc(50% - 5px);justify-content:center;padding:12px 10px}.modern-filters__panel{padding:16px 14px;border-radius:0 0 var(--mf-radius) var(--mf-radius)}.modern-filters__panel form{flex-direction:column;align-items:stretch;overflow-x:visible;gap:18px}.modern-filters__groups{flex-direction:column;align-items:stretch;width:100%;gap:16px}.modern-filters__group{width:100%;min-width:0}.modern-filters__price-row{width:100%}.modern-filters__price-row input[type=number]{width:100%;flex:1}.modern-filters__group .select,.modern-filters__group .select__select{width:100%;min-width:0}.modern-filters__actions{width:100%;margin-left:0;justify-content:space-between;padding-top:6px}.modern-filters__apply{flex:1 1 auto;text-align:center}}@media(prefers-reduced-motion:reduce){.modern-filters__toggle,.modern-filters__apply,.modern-filters__search-input,.modern-filters__sort-select{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-modern-filters.css.map */