#filters-drawer{--tdf-ink:#14233c;--tdf-muted:#64748b;--tdf-blue:#225de5;--tdf-line:#dde6f2}
#filters-drawer .theme-drawer__dialog{background:#f3f6fb;color:var(--tdf-ink);border:0;max-width:460px;width:min(100vw,460px);padding:0;overflow:hidden}
#filters-drawer .theme-drawer__header{position:relative;isolation:isolate;flex-shrink:0;padding:40px 24px 24px;margin:0;min-height:124px;background:#101f36;color:#fff;border-bottom:1px solid #28446a;overflow:hidden}
#filters-drawer .theme-drawer__header::before{content:"TECHDEALER";position:absolute;top:19px;left:24px;color:#a5c4ff;font:600 10px/1.2 var(--font-body--family);letter-spacing:.2em}
#filters-drawer .theme-drawer__header::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 52%,#3977ec14 52%,#3977ec14 77%,transparent 77%),repeating-linear-gradient(90deg,transparent 0 47px,#ffffff06 47px 48px),repeating-linear-gradient(0deg,transparent 0 47px,#ffffff06 47px 48px)}
#filters-drawer .theme-drawer__title{font:600 29px/1.2 var(--font-heading--family)!important;letter-spacing:-.025em!important;color:#fff;margin:0;display:flex;align-items:center;gap:12px}
#filters-drawer .theme-drawer__badge{background:#a5c4ff;color:#102039;border:1px solid #bfdaff;font:600 12px/1 var(--font-body--family);min-width:25px;height:25px;border-radius:8px;align-items:center;justify-content:center}
#filters-drawer .theme-drawer__badge[hidden]{display:none!important}
#filters-drawer .theme-drawer__close-button{width:44px;height:44px;min-width:44px;border:1px solid #ffffff38;background:#ffffff10;border-radius:12px;color:#fff;box-shadow:none;align-self:center}
#filters-drawer .theme-drawer__close-button:hover{background:#ffffff24}
#filters-drawer .facets-drawer__filters{padding:20px 20px 24px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9bb4dc transparent;scroll-padding-block:18px}
#filters-drawer .facets__filters-wrapper{display:flex;flex-direction:column;gap:14px}
#filters-drawer .facets__item{padding:0;border:1px solid var(--tdf-line);border-radius:15px;background:#fff;overflow:clip;margin:0}
#filters-drawer .facets__item::before,#filters-drawer .sorting-filter::before{display:none}
#filters-drawer .facets__summary{padding:18px!important;min-height:60px;gap:12px;color:var(--tdf-ink)}
#filters-drawer .facets__label{font:600 17px/1.4 var(--font-heading--family)!important;letter-spacing:-.015em!important;color:var(--tdf-ink)}
#filters-drawer .facets__summary .icon-caret{color:#5577ad;width:16px;height:16px}
#filters-drawer .facets__panel-content{padding:0 18px 18px!important;background:#fff;border-radius:0 0 15px 15px;color:var(--tdf-ink)}
#filters-drawer .facets__inputs{margin:0;padding:0;gap:8px}
#filters-drawer .facets__inputs-wrapper{padding:0!important;margin:0}
#filters-drawer .checkbox{--checkbox-size:22px;--checkbox-border:1.5px solid #a8b8d0;--checkbox-border-radius:6px;border-radius:10px;padding:3px 10px;min-height:48px;transition:background .16s}
#filters-drawer .checkbox__input:checked + .checkbox__label .icon-checkmark{background:#225de5;border-color:#225de5}
#filters-drawer .checkbox__label .icon-checkmark path{stroke:#fff}
#filters-drawer .checkbox:hover{background:#f1f5fd}
#filters-drawer .checkbox:has(input:checked){background:#eaf1ff}
#filters-drawer .checkbox:has(input:disabled){background:#f5f6f8}
#filters-drawer .checkbox__label{min-height:44px;width:100%;font:500 15px/1.45 var(--font-body--family);color:#344865;gap:12px}
#filters-drawer .checkbox__label-text{font:inherit}
#filters-drawer .checkbox__input:checked{accent-color:var(--tdf-blue)}
#filters-drawer .checkbox--disabled .checkbox__label{color:#818a9a}
#filters-drawer .facets__bubble{background:#e7efff;color:#184aaf;border-radius:6px;font:600 12px/1.3 var(--font-body--family)}
#filters-drawer .price-facet__inputs-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;width:100%}
#filters-drawer .price-facet__field{position:relative;min-width:0;width:100%;background:#f6f8fc;border:1px solid #d4dfef;border-radius:11px;box-shadow:none}
#filters-drawer .price-facet__input{width:100%;min-width:0;min-height:52px;border:0;border-radius:11px;background:transparent;color:var(--tdf-ink);box-shadow:none;font:500 16px/1.4 var(--font-body--family);padding:13px 11px 13px 41px;text-align:right}
#filters-drawer .price-facet__label{left:11px;color:#64748b;font:500 12px/1.4 var(--font-body--family);pointer-events:none}
#filters-drawer .price-facet__separator{white-space:nowrap;color:#64748b;font:400 11px/1.4 var(--font-body--family);padding:0}
#filters-drawer .price-facet__highest-price{margin:12px 0 0;padding:0;color:#64748b;font:400 12px/1.65 var(--font-body--family)}
#filters-drawer .sorting-filter{display:block;border:1px solid var(--tdf-line);border-radius:15px;background:#fff;margin-top:14px;overflow:visible;padding:0}
#filters-drawer .sorting-filter__container{flex-direction:column;align-items:stretch;gap:10px;padding:18px;margin:0}
#filters-drawer .sorting-filter__select-wrapper{width:100%;max-width:100%;padding:0}
#filters-drawer .sorting-filter__select{width:100%;min-width:0;max-width:100%;min-height:52px;border:1px solid #d4dfef;border-radius:10px;background:#f6f8fc;color:#344865;padding:12px 30px 12px 13px;font:500 16px/1.4 var(--font-body--family)}
#filters-drawer .sorting-filter__options{border-radius:12px;color:var(--tdf-ink);background:#fff}
#filters-drawer .sorting-filter__option{padding:12px 16px;min-height:46px;font:400 14px/1.5 var(--font-body--family)}
#filters-drawer .sorting-filter__option[aria-selected="true"]{background:#eaf1ff;color:#184aaf}
#filters-drawer .facets__drawer-actions{padding:16px 20px max(18px,env(safe-area-inset-bottom));gap:10px;border-top:1px solid var(--tdf-line);background:#fff;background-image:none;box-shadow:0 -8px 24px #14233c06;position:sticky;bottom:0}
#filters-drawer .facets__see-results{display:inline-flex!important;align-items:center;justify-content:center;flex:1;min-width:0;min-height:52px;padding:14px 16px;border:1px solid #225de5;border-radius:11px;color:#fff;background:linear-gradient(110deg,#225de5,#1647bb);font:600 15px/1.4 var(--font-body--family);letter-spacing:0;box-shadow:0 4px 12px #225de51a;transition:background .16s}
#filters-drawer .facets__see-results:hover{background:#174db0}
#filters-drawer .facets__clear-all{min-height:52px;min-width:0;flex:0 1 auto;padding:12px;border:1px solid #cbd8ec;border-radius:11px;background:#f6f8fc;color:#344865;font:500 13px/1.4 var(--font-body--family)}
#filters-drawer .filter-remove-buttons{padding:0!important;gap:7px;margin:0 0 14px}
#filters-drawer .filter-remove-buttons:empty{display:none;margin:0}
#filters-drawer :is(button,input,select,summary,a):focus-visible{outline:3px solid #79a7ff;outline-offset:3px}
.facets-toggle .facets-toggle__button{display:inline-flex!important;min-height:46px;border:1px solid #cbd8ec;border-radius:11px;background:#edf3ff;color:#183b74;padding:11px 16px;font:600 14px/1.4 var(--font-body--family)}
@media(min-width:750px){.facets-toggle:has(.facets-toggle__button){display:flex;grid-column:column-1 / column-12;justify-content:flex-end;padding-block:0 14px}.facets-toggle:has(.facets-toggle__button) .facets-mobile-wrapper{display:none}}
@media(max-width:749px){#filters-drawer .theme-drawer__dialog{width:100%;max-width:100%;border-radius:20px 20px 0 0}#filters-drawer .theme-drawer__header{min-height:118px;padding:39px 20px 23px}#filters-drawer .theme-drawer__header::before{left:20px}#filters-drawer .theme-drawer__title{font-size:27px!important}#filters-drawer .facets-drawer__filters{padding:16px}#filters-drawer .facets__drawer-actions{padding-inline:16px}#filters-drawer .facets__summary{padding:16px!important}#filters-drawer .facets__panel-content{padding:0 16px 16px!important}}
@media(prefers-reduced-motion:reduce){#filters-drawer .checkbox,#filters-drawer .facets__see-results{transition:none}}
