.product-selector-modal__header{position:sticky;top:0;z-index:10;background-color:var(--bg-modal);border-bottom:1px solid var(--border);padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.product-selector-modal__title{font-size:clamp(1.25rem,3.5vw + 0.2rem,1.5rem);font-weight:600;color:var(--text-primary);margin:0}.product-selector-modal__close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;line-height:1;transition:color 0.2s;border-radius:6px}.product-selector-modal__close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.product-selector-modal__toolbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.toolbar__left{display:flex;align-items:center;gap:16px}.toolbar__right{display:flex;align-items:center;gap:12px}.compatibility-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.compatibility-toggle input[type="checkbox"]{appearance:none;width:18px;height:18px;border:2px solid var(--border-light);border-radius:4px;cursor:pointer;transition:all 0.2s;background-color:var(--bg-tertiary)}.compatibility-toggle input[type="checkbox"]:checked{background-color:var(--success);border-color:var(--success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%231a1a1a'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.compatibility-toggle__label{font-size:0.875rem;color:var(--text-primary)}.sort-dropdown__trigger{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);padding:8px 32px 8px 12px;border-radius:6px;font-size:0.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23a0a0a0'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.sort-dropdown__trigger:hover{border-color:var(--border-light)}.sort-dropdown__trigger:focus{outline:none;border-color:var(--accent)}.active-filters-bar{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.active-filters-scroll{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.active-filters-scroll::-webkit-scrollbar{display:none}.filter-tag{display:inline-flex;align-items:center;gap:6px;background-color:var(--accent);color:var(--bg-primary);font-size:0.75rem;font-weight:500;padding:4px 8px 4px 10px;border-radius:12px;flex-shrink:0;white-space:nowrap}.filter-tag__remove{background:transparent;border:none;color:var(--bg-primary);font-size:1rem;line-height:1;cursor:pointer;padding:0;opacity:0.8}.filter-tag__remove:hover{opacity:1}.clear-all-filters{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:0.75rem;padding:4px 10px;border-radius:12px;cursor:pointer;flex-shrink:0;white-space:nowrap}.clear-all-filters:hover{border-color:var(--border-light);color:var(--text-primary)}.mobile-filter-toggle{display:none}.toolbar__search{display:none}.toolbar__controls{display:contents}.view-toggle{display:flex;align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.view-toggle__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:background-color 0.15s,color 0.15s;padding:0}.view-toggle__btn:hover{color:var(--text-primary)}.view-toggle__btn.is-active{background-color:var(--accent);color:var(--bg-primary)}.view-toggle__btn svg{width:18px;height:18px}