.filter--toolbar .filter-item--boolean .filter-checkbox,.filter-dropdown-toggle{display:flex;align-items:center;gap:8px;min-height:51px;padding:0 16px;border:1px solid var(--filter-control-border);border-radius:var(--border-radius);background-color:#fff;color:var(--black);font-size:16px;line-height:1.2;cursor:pointer;transition:border-color var(--transition-duration) linear}@media(any-hover:hover){.filter--toolbar .filter-item--boolean .filter-checkbox:hover:not(:disabled):not(.is-active),.filter-dropdown-toggle:hover:not(:disabled):not(.is-active){border-color:var(--filter-control-border-hover)}}@media(any-hover:none){.filter--toolbar .filter-item--boolean .filter-checkbox:active:not(:disabled):not(.is-active),.filter-dropdown-toggle:active:not(:disabled):not(.is-active){border-color:var(--filter-control-border-hover)}}.filter{--filter-control-border: var(--gray-line);--filter-control-border-hover: var(--gray-dark);--filter-control-border-active: var(--accent);--filter-gap: 12px;display:flex;flex-wrap:wrap;gap:var(--filter-gap);min-width:0}.filter-item{min-width:0}.filter-item--inline{margin:0;padding:0;border:0;min-width:0}.filter-item-header{padding:0;margin-bottom:12px;font-weight:600;font-size:17px;line-height:1.2}.filter-checklist{display:flex;flex-direction:column;gap:10px}.filter-checkbox{--checkbox-size: 22px;--tick-size: 12px;--checkbox-border-radius: 5px;--gap: 10px;align-items:center;font-size:16px;line-height:1.25;cursor:pointer;transition:opacity var(--transition-duration) linear}.filter-checkbox:has(input:disabled){opacity:.35;pointer-events:none}.filter-checkbox-title{padding-top:0}.filter-dropdown{position:relative;max-width:100%}.filter-dropdown-toggle{width:100%;max-width:100%;font-family:inherit;text-align:left}.filter-dropdown-label{white-space:nowrap;color:var(--gray-dark)}.filter-dropdown.is-selected .filter-dropdown-label:after{content:":"}.filter-dropdown-value{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-dropdown-arrow{margin-left:auto;flex-shrink:0;font-size:12px;color:var(--gray-dark);transition:rotate var(--transition-duration) linear}.filter-dropdown.is-selected .filter-dropdown-toggle,.filter-dropdown.is-open .filter-dropdown-toggle{border-color:var(--filter-control-border-active)}.filter-dropdown.is-open .filter-dropdown-arrow{rotate:180deg}.filter-dropdown-body{position:absolute;left:0;top:calc(100% + 6px);z-index:20;min-width:100%;width:max-content;max-width:min(360px,100vw - 40px);max-height:320px;overflow-y:auto;padding:14px 16px;border:1px solid var(--gray-line);border-radius:var(--border-radius);background-color:#fff;box-shadow:var(--card-box-shadow-hover);display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transition:opacity var(--transition-duration) linear,visibility var(--transition-duration) linear}.filter-dropdown--top .filter-dropdown-body{top:auto;bottom:calc(100% + 6px)}.filter-dropdown.is-open .filter-dropdown-body{opacity:1;visibility:visible}.filter--toolbar .filter-item--boolean .filter-checkbox{--gap: 10px}.filter-reset{color:var(--gray-dark);font-size:16px;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;white-space:nowrap}@media(any-hover:hover){.filter-reset:hover:not(:disabled):not(.is-active){color:var(--accent)}}@media(any-hover:none){.filter-reset:active:not(:disabled):not(.is-active){color:var(--accent)}}.filter-msg{padding:40px 0}.filter-msg-title{font-size:var(--h4-fs);font-weight:700;margin-bottom:8px}.filter-msg-text{color:var(--gray-dark)}.catalog-results{transition:opacity var(--transition-duration) linear}.catalog-results.is-processing{opacity:.5;pointer-events:none}.filter-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.filter-toolbar .filter--toolbar{display:none;flex:1 1 auto;align-items:center}@media(min-width:744px){.filter-toolbar .filter--toolbar{display:flex}}.filter-toolbar .filter--toolbar .filter-item--dropdown{flex:0 1 auto;max-width:300px}.filter-toolbar .filter-reset{margin-left:auto}@media(min-width:1366px){.filter-toolbar{margin-bottom:32px}}.filter-toolbar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background-color:var(--accent);color:#fff;font-size:13px;font-weight:600;line-height:1}.btn--filter-all{--btn-color: var(--black);--btn-border-color: var(--gray-line)}.btn--filter-all .icon{color:var(--gray-dark)}@media(any-hover:hover){.btn--filter-all:hover:not(:disabled):not(.is-active) .icon{color:inherit}}@media(any-hover:none){.btn--filter-all:active:not(:disabled):not(.is-active) .icon{color:inherit}}.filter-drawer{--filter-drawer-width: min(440px, 100%);--filter-drawer-padding: 20px;--filter-drawer-duration: .2s;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;justify-content:flex-end;transition:display var(--filter-drawer-duration) allow-discrete,overlay var(--filter-drawer-duration) allow-discrete}.filter-drawer[open]{display:flex}.filter-drawer::backdrop{background:#00000080;opacity:0;transition:opacity var(--filter-drawer-duration) ease-out,display var(--filter-drawer-duration) allow-discrete,overlay var(--filter-drawer-duration) allow-discrete}.filter-drawer[open]::backdrop{opacity:1}@starting-style{.filter-drawer[open]::backdrop{opacity:0}}.filter-drawer-dialog{display:flex;flex-direction:column;width:var(--filter-drawer-width);height:100%;background-color:#fff;box-shadow:var(--modal-box-shadow, 0 6px 12px rgba(0, 0, 0, .25));transform:translate(100%);transition:transform var(--filter-drawer-duration) ease-out}.filter-drawer[open] .filter-drawer-dialog{transform:translate(0)}@starting-style{.filter-drawer[open] .filter-drawer-dialog{transform:translate(100%)}}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--filter-drawer-padding);border-bottom:1px solid var(--gray-line)}.filter-drawer-title{margin:0;font-size:var(--h4-fs);font-weight:700}.filter-drawer-close{--btn-color: var(--black)}.filter-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:var(--filter-drawer-padding)}.filter-drawer-body .filter--drawer{flex-direction:column;gap:28px}.filter-drawer-footer{display:flex;align-items:center;gap:16px;padding:var(--filter-drawer-padding);border-top:1px solid var(--gray-line)}.filter-drawer-apply{flex:1}@media(min-width:744px){.filter-drawer{--filter-drawer-padding: 28px}}
