@media (max-width:1024px){.product-selector-modal__content{max-width:95vw;max-height:90vh}.product-selector-modal__layout{grid-template-columns:1fr}.filters-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;max-width:85vw;height:100vh;z-index:1000;transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:2px 0 8px rgba(0,0,0,0.2);display:flex;flex-direction:column;padding-top:48px}.filters-sidebar.is-open{transform:translateX(0)}.filters-sidebar.is-open .filters-sidebar__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:background-color 0.2s,color 0.2s;z-index:10}.filters-sidebar.is-open .filters-sidebar__close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.filters-sidebar.is-open .filters-sidebar__close svg{width:18px;height:18px}.filters-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:999;cursor:pointer}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.toolbar__search{display:flex;width:100%}.toolbar__search-input{flex:1;width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:0.9375rem}.toolbar__search-input::placeholder{color:var(--text-muted)}.toolbar__search-input:focus{outline:none;border-color:var(--accent)}.product-selector-modal__toolbar{flex-direction:column;padding:12px 16px;gap:10px;flex-shrink:0;background:var(--bg-secondary)}.toolbar__controls{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px;width:100%}.toolbar__left{display:flex!important;flex-direction:row!important;align-items:center;gap:6px}.compatibility-toggle{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:4px;padding:7px 10px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border);flex-shrink:0;white-space:nowrap}.compatibility-toggle__label{font-size:0.8125rem}.compatibility-toggle input[type="checkbox"]{width:16px;height:16px}.product-count{display:none}.toolbar__right{flex-shrink:0}.sort-dropdown__trigger{padding:7px 28px 7px 10px;font-size:0.8125rem}.mobile-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);padding:7px 12px;border-radius:6px;font-size:0.8125rem;cursor:pointer;transition:all 0.2s;white-space:nowrap;flex-shrink:0}.mobile-filter-toggle:hover{background-color:var(--bg-hover);border-color:var(--border-light)}.mobile-filter-toggle svg{width:16px;height:16px;flex-shrink:0}.product-table .col-spec{display:none}.product-table th.col-spec{display:none}}@media (max-width:768px){.product-selector-modal{padding:0;align-items:stretch}.product-selector-modal__content{position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:modal-slide-up 0.3s ease-out}.product-selector-modal__header{position:sticky;top:0;z-index:20;background-color:var(--bg-modal);border-radius:0;padding:16px}.product-selector-modal__toolbar{position:sticky;top:76px;z-index:19;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.product-selector-modal__close{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.product-selector-modal__layout{min-height:50vh}.product-grid-container{padding:16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.product-card__info{padding:10px}.product-card__actions{padding:10px;padding-top:0}.btn-add-to-build{padding:12px 16px}.btn-add-to-build .btn-add-text{display:none}.btn-add-to-build .btn-add-icon{font-size:1.25rem;font-weight:700}.active-filters-bar{padding:8px 16px;position:sticky;top:180px;z-index:18;background:var(--bg-secondary)}.product-table-container{display:none!important}.view-toggle{display:none!important}}@keyframes modal-slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-grid-container{padding:12px}}@media (max-width:640px){.compat-filter-notice{flex-direction:column;align-items:flex-start;gap:0.5rem}.compat-filter-notice__btn{align-self:flex-end}}