.container{margin:0 auto;padding:0 24px;font-family:Poppins,sans-serif}.components-page{padding:0;font-family:Poppins,sans-serif}.search-container{text-align:center;margin:0 auto 32px}.search-title{font-family:Poppins,sans-serif;margin-bottom:24px;color:var(--text-color);font-weight:600;font-size:2rem}.search-wrapper{position:relative;display:inline-flex;width:100%;max-width:600px;margin-bottom:24px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);z-index:1;pointer-events:none}.search-input{width:100%;padding:14px 120px 14px 46px;font-size:16px;border:none;background-color:var(--card-background);color:var(--text-color);border-radius:var(--border-radius);transition:background-color .2s ease;font-family:Poppins,sans-serif;box-sizing:border-box}.search-input:focus{outline:none;background-color:var(--card-hover-background)}.search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease;font-family:Poppins,sans-serif}.search-btn:hover{background-color:var(--button-hover-color)}.ai-search{max-width:600px;margin:0 auto 32px}.ai-search-toggle{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;padding:6px 0;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease}.ai-search-toggle:hover{color:var(--button-hover-color)}.ai-search-panel{background-color:var(--card-background);border-radius:var(--border-radius);padding:16px;margin-top:8px;text-align:left}.ai-search-input-row{display:flex;gap:8px}.ai-search-input{flex:1;padding:10px 14px;border:none;border-radius:var(--border-radius);background-color:var(--nested-card-background);color:var(--text-color);font-size:14px;transition:background-color .2s ease}.ai-search-input:focus{outline:none;background-color:var(--card-hover-background)}.ai-search-result{margin-top:16px}.ai-search-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ai-search-fallback-notice{font-size:13px;color:var(--text-muted)}.ai-search-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-search-feedback{display:flex;align-items:center;gap:6px}.ai-search-feedback-label{font-size:13px;color:var(--text-muted)}.ai-search-feedback-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:var(--border-radius);transition:color .2s ease,background-color .2s ease}.ai-search-feedback-btn:hover{background-color:var(--card-hover-background)}.ai-search-feedback-btn.is-selected{color:var(--primary-color)}.ai-search-feedback-btn:disabled{cursor:default}.ai-search-error{margin-top:12px;color:var(--error-color);font-size:14px}.search-results{margin-top:32px}.component-list{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}.component-item{background-color:var(--nested-card-background);border-radius:var(--border-radius);display:flex;flex-direction:column;min-width:0;transition:background-color .2s ease}.component-item:hover{background-color:var(--nested-card-hover-background)}.component-item>a{text-decoration:none;color:var(--text-color);display:flex;flex-direction:column;padding:24px;flex:1}.component-image-wrap{background-color:var(--card-background);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;padding:16px;margin-bottom:16px;aspect-ratio:1}.component-image{width:100%;object-fit:contain}.component-item-mpn{font-size:16px;font-weight:700;color:var(--primary-color);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-item-mfr{font-size:13px;color:var(--text-muted);font-weight:500;margin-bottom:8px}.component-item-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.component-item-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.component-item-footer-text{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:32px;padding-bottom:16px}.page-btn{background-color:var(--primary-color);color:#fff;padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease;margin:0 8px}.page-btn:hover:not(:disabled){background-color:var(--button-hover-color)}.page-btn:disabled{background-color:var(--nested-card-background);color:var(--text-muted);cursor:not-allowed}#currentPage{font-size:15px;font-weight:600;color:var(--text-color)}.table-container{background-color:var(--card-background);border-radius:var(--border-radius);margin-bottom:32px;overflow:hidden;position:relative}.table-wrapper{display:flex;max-height:75vh;overflow:hidden;border-radius:var(--border-radius)}.frozen-columns{background-color:var(--card-background);z-index:9;width:490px;overflow-y:auto;overflow-x:hidden;flex-shrink:0;position:relative;border-right:1px solid var(--nested-card-background)}.scrollable-columns{flex:1;overflow:auto;min-width:0;background-color:var(--card-background);position:relative;z-index:1}.frozen-table,.scrollable-table{width:100%;border-collapse:separate;border-spacing:0;font-family:Poppins,sans-serif;font-size:14px;background-color:transparent}.frozen-table{width:490px;table-layout:fixed}.scrollable-table{min-width:1400px}.frozen-table thead,.scrollable-table thead{background-color:var(--nested-card-background);position:sticky;top:0;z-index:11;line-height:1}.frozen-table thead{z-index:12}.frozen-table th,.scrollable-table th{padding:12px;text-align:left;color:var(--text-secondary);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .2s ease;box-sizing:border-box;white-space:nowrap;height:auto;min-height:44px;vertical-align:middle;line-height:1.2}.frozen-table th:hover,.scrollable-table th:hover{background-color:var(--nested-card-hover-background)}.frozen-table td,.scrollable-table td{padding:12px;vertical-align:middle;transition:background-color .2s ease;box-sizing:border-box}.frozen-table tbody tr,.scrollable-table tbody tr{height:auto}.frozen-table tbody tr:nth-child(2n),.scrollable-table tbody tr:nth-child(2n){background-color:var(--card-background)}.frozen-table tbody tr:nth-child(odd),.scrollable-table tbody tr:nth-child(odd){background-color:var(--nested-card-background)}.frozen-table tbody tr:hover,.scrollable-table tbody tr:hover{background-color:var(--info-background-color)!important}.checkbox-cell{width:44px;text-align:center;vertical-align:middle;flex-shrink:0}.image-cell{width:80px;text-align:center;vertical-align:middle;flex-shrink:0}.part-number-cell{width:160px;font-weight:600;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manufacturer-cell{width:206px;word-break:break-word;overflow-wrap:break-word;overflow:hidden}.mpn-cell{min-width:140px}.description-cell{min-width:240px;max-width:400px}.param-cell{min-width:140px;max-width:200px;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.category-cell{min-width:140px;width:max-content;white-space:nowrap}.distributor-cell{min-width:140px}.table-image{width:56px;height:56px;object-fit:contain;background-color:var(--card-background);border-radius:var(--border-radius);transition:background-color .2s ease;cursor:pointer;padding:4px}.frozen-table a,.scrollable-table a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}.frozen-table a:hover,.scrollable-table a:hover{color:var(--button-hover-color)}.part-number-link{font-weight:600;font-size:15px;color:var(--text-color)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.part-number-link:hover{color:var(--primary-color)!important}.sort-icon{display:inline-flex;align-items:center;margin-left:6px;font-size:12px;color:var(--text-muted);transition:color .2s ease}.sortable:hover .sort-icon,.sort-active .sort-icon,th.sort-active .sort-icon{color:var(--primary-color)}th.sort-active{background-color:rgba(var(--primary-color-rgb, 52, 152, 219),.06)}.category-badge{display:inline-block;background-color:#3498db1a;color:var(--primary-color);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;color:var(--text-color)}.distributor-part{background-color:var(--card-background);padding:4px 10px;border-radius:var(--border-radius);font-size:12px;display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-secondary)}tr:nth-child(2n) .distributor-part{background-color:var(--nested-card-background)}.empty-cell{color:var(--text-muted);font-style:italic;font-size:12px}.view-toggle{margin:24px 0;display:flex;gap:12px;justify-content:flex-end}.view-option{cursor:pointer;display:flex;align-items:center;position:relative}.view-icon{padding:10px 20px;border-radius:var(--border-radius);background-color:var(--nested-card-background);display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease}.view-option input:checked+.view-icon{background-color:var(--primary-color);color:#fff}.view-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-item.darken{color:var(--text-muted);pointer-events:none;text-decoration:line-through}.parameters-filter{background-color:var(--nested-card-background);padding:24px;border-radius:var(--border-radius);margin-bottom:32px}.custom-select-container:after{display:none}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--card-background)}.parameters-filter.collapsed .filter-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-header h3{color:var(--text-color);margin:0;font-weight:600;font-size:16px}.parameter-filter-items,.parameter-filter-items.layout-stacked{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.parameter-filter-items.layout-row{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding:4px 4px 12px;-webkit-overflow-scrolling:touch}.parameter-filter-items.layout-row .parameter-filter-item{flex:0 0 280px;scroll-snap-align:start;box-sizing:border-box}.parameter-filter-items.layout-row::-webkit-scrollbar{height:6px}.parameter-filter-items.layout-row::-webkit-scrollbar-track{background:var(--card-background);border-radius:3px}.parameter-filter-items.layout-row::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.param-list-search-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.parameters-filter.collapsed .param-list-search-row{display:none}.param-list-search-wrap{flex:1;display:flex;align-items:center;gap:10px;background-color:var(--card-background);border-radius:var(--border-radius);padding:8px 14px}.param-list-search-wrap i{color:var(--text-muted);flex-shrink:0}.param-list-search{flex:1;border:none;background:transparent;color:var(--text-color);font-family:Poppins,sans-serif;font-size:14px;padding:4px 0}.param-list-search:focus{outline:none}.param-list-search::placeholder{color:var(--text-muted)}.param-layout-toggle{display:flex;background:var(--nested-card-background);border-radius:var(--border-radius);padding:4px;gap:4px}.param-layout-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px;transition:background-color .2s ease,color .2s ease}.param-layout-btn:hover{color:var(--text-color)}.param-layout-btn.active{background:var(--primary-color);color:#fff}.parameter-filter-item{background-color:var(--card-background);padding:16px;border-radius:var(--border-radius)}.parameter-name{display:block;font-weight:600;margin-bottom:10px;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.parameter-search{width:100%;padding:10px 16px;border:none;border-radius:var(--border-radius);background-color:var(--nested-card-background);color:var(--text-color);font-size:14px;font-family:Poppins,sans-serif;margin-bottom:12px;transition:background-color .2s ease;box-sizing:border-box}.parameter-search:focus{outline:none;background-color:var(--nested-card-hover-background)}.custom-select-container{position:relative}.options-container{display:flex;gap:12px}.custom-options{max-height:160px;overflow-y:auto;border-radius:var(--border-radius);background-color:var(--nested-card-background)}.option-item{padding:8px 16px;cursor:pointer;font-size:13px;color:var(--text-color);transition:background-color .2s ease;user-select:none}.option-item:hover{background-color:var(--nested-card-hover-background)}.option-item.selected{background-color:var(--primary-color);color:#fff}.reset-button,.reset-all-button,.reset-category-button{padding:8px 16px;background-color:var(--card-background);color:var(--text-secondary);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;transition:background-color .2s ease,color .2s ease}.reset-button:hover,.reset-all-button:hover,.reset-category-button:hover{background-color:var(--nested-card-hover-background);color:var(--text-color)}.apply-filter-button{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;transition:background-color .2s ease}.apply-filter-button:hover{background-color:var(--button-hover-color)}.toggle-filter-button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 8px;transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.toggle-filter-button:hover{color:var(--text-color)}.toggle-filter-button.collapsed i{transform:rotate(-90deg)}.parameters-filter.collapsed .parameter-filter-items{display:none}.btn-primary{display:inline-block;padding:12px 32px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;transition:background-color .2s ease;text-align:center}.btn-primary:hover{background-color:var(--button-hover-color)}.categories-container{background-color:var(--card-background);padding:32px;border-radius:var(--border-radius);margin-bottom:32px}.categories-container h3{color:var(--text-color);margin:0 0 24px;font-weight:600;font-size:18px;display:flex;align-items:center;gap:12px}.categories-list{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.category-item{background-color:var(--nested-card-background);border-radius:var(--border-radius);transition:background-color .2s ease}.category-item:hover{background-color:var(--nested-card-hover-background)}.category-content{padding:16px 20px;display:flex;align-items:center;gap:16px}.category-toggle{width:40px;height:40px;border-radius:var(--border-radius);background-color:#3498db1a;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.category-link{flex-grow:1;text-decoration:none;color:var(--text-color);font-size:15px;font-weight:600}.category-link:hover{color:var(--primary-color)}.no-results{text-align:center;padding:64px 32px;background-color:var(--card-background);border-radius:var(--border-radius);margin-bottom:32px}.no-results-icon i{font-size:36px;color:var(--primary-color)}.no-results p{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:16px}.indexing-notice{background-color:#3498db0f;padding:16px 24px;border-radius:var(--border-radius);display:inline-flex;align-items:center;gap:16px;max-width:600px;margin:0 auto;text-align:left}.notice-content{display:flex;flex-direction:column;gap:4px}.notice-content strong{color:var(--text-color);font-weight:600}.notice-content p{margin:0;font-size:13px;color:var(--text-secondary)}.no-results-icon{width:96px;height:96px;margin:0 auto 24px;border-radius:50%;background-color:#3498db14;color:var(--primary-color);font-size:36px;display:flex;align-items:center;justify-content:center}.no-results-actions{margin:32px 0}.no-results-actions a{display:inline-block;background-color:var(--primary-color);color:#fff;padding:12px 32px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:background-color .2s ease;margin:0 8px}.no-results-actions a:hover{background-color:var(--button-hover-color)}.no-results-suggestions{margin-top:32px}.no-results-suggestions h3{margin-bottom:16px;font-size:16px;color:var(--text-color)}.ai-results-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background-color:var(--info-background-color);color:var(--info-color);border-radius:var(--border-radius);font-size:14px}.category-filter{background-color:var(--card-background);padding:32px;border-radius:var(--border-radius);margin-bottom:24px}.category-filter-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:24px}.category-filter-item{background-color:var(--nested-card-background);padding:16px 20px;border-radius:var(--border-radius);transition:background-color .2s ease}.category-filter-item:hover{background-color:var(--nested-card-hover-background)}.category-filter-item:has(.category-filter-link.active){background-color:#3498db1a}.category-filter-link{background:none;border:none;padding:0;text-align:left;width:100%;text-decoration:none;color:var(--text-color);font-weight:600;cursor:pointer;font-size:15px;font-family:Poppins,sans-serif}.category-filter-link:hover,.category-filter-link.active{color:var(--primary-color)}.category-count{font-size:12px;color:var(--text-muted);margin-left:4px}.parent-categories{display:flex;align-items:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);flex-wrap:wrap}.parent-category-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:14px;transition:color .2s ease}.parent-category-link:hover{text-decoration:underline}.category-separator{color:var(--text-muted);font-size:12px}.search-suggestions{margin-top:24px;margin-bottom:24px;padding:24px;background-color:var(--info-background-color);border-radius:var(--border-radius);text-align:left}.suggestions-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.suggestion-item{background-color:var(--card-background);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--primary-color);text-decoration:none;transition:background-color .2s ease,color .2s ease}.suggestion-item:hover{background-color:var(--primary-color);color:#fff}.section-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:32px}.section-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text-color)}.section-header p{margin:0;font-size:14px;color:var(--text-secondary)}.sample-section-header{display:flex;align-items:center;gap:16px;background-color:var(--card-background);border-radius:var(--border-radius);padding:20px 24px;margin-bottom:24px}.sample-section-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:var(--border-radius);background-color:var(--info-background-color);color:var(--primary-color);font-size:18px}.sample-section-header h2{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-color)}.sample-section-header p{margin:0;font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.sample-section-header{padding:16px;gap:12px}.sample-section-icon{width:40px;height:40px;font-size:16px}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.category-card{background-color:var(--nested-card-background);border-radius:var(--border-radius);padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;cursor:pointer;text-decoration:none;color:var(--text-color);transition:background-color .2s ease;min-height:120px;justify-content:space-between}.category-card:hover{background-color:var(--nested-card-hover-background)}.category-card-icon{font-size:28px;color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;background-color:#3498db1a;border-radius:var(--border-radius)}.category-card-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px;width:100%}.category-card-name{font-size:15px;font-weight:600;color:var(--text-color);word-break:break-word;line-height:1.4}.category-card-count{font-size:12px;color:var(--text-muted);font-weight:500}.comparison-panel{background-color:var(--nested-card-background);border-radius:var(--border-radius);padding:20px;margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.comparison-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.comparison-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:8px;flex:1;min-width:0}.comparison-header h3 i{color:var(--primary-color);font-size:16px}.comparison-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.comparison-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.comparison-item{background-color:var(--card-background);padding:10px 14px;border-radius:var(--border-radius);display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-color)}.comparison-item .component-name{font-weight:500;color:var(--text-color)}.remove-component-btn{background:none;border:none;color:var(--error-color);cursor:pointer;padding:4px;border-radius:var(--border-radius);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.remove-component-btn:hover{background-color:var(--error-background-color)}.page-header{background-color:var(--card-background);border-radius:var(--border-radius);padding:32px;margin-bottom:32px}.page-header .metric-pill:not(.metric-pill--success):not(.metric-pill--warning):not(.metric-pill--danger):not(.metric-pill--accent){background-color:var(--nested-card-background)}.page-header-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px}.page-header-breadcrumb,.page-header-breadcrumb a{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-decoration:none}.page-header-breadcrumb a{color:var(--primary-color)}.page-header-title{font-size:2rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.page-header-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.page-header-body{display:flex;align-items:flex-start;gap:20px}.manufacturer-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;border-radius:var(--border-radius);background-color:var(--primary-color);color:#fff;font-size:1.5rem;font-weight:700}.category-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;border-radius:var(--border-radius);background-color:var(--info-background-color);color:var(--primary-color);font-size:1.5rem}.manufacturer-category-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.manufacturer-category-chips-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-right:4px}.manufacturer-category-chips .chip-count{color:var(--text-muted);font-weight:500}@media (max-width: 768px){.manufacturer-avatar,.category-badge-icon{width:40px;height:40px;font-size:1rem}}.scrollable-only-mobile{display:none!important}@media (max-width: 768px){.page-header{padding:24px 20px}.page-header-breadcrumb{flex-wrap:wrap}.page-header-title{font-size:1.75rem}.search-wrapper{display:inline-flex;position:relative;width:100%;max-width:100%;margin-bottom:20px}.search-input{width:100%;padding:14px 95px 14px 40px!important;font-size:15px;box-sizing:border-box;border-radius:var(--border-radius)}.search-btn{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;padding:8px 16px!important;font-size:13px!important;border-radius:var(--border-radius)}.search-icon{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important}.parameters-filter{padding:16px}.filter-header{flex-direction:column;align-items:stretch;gap:12px;flex-wrap:wrap}.options-container{justify-content:space-between;width:100%;gap:8px}.options-container button{flex:1;text-align:center;justify-content:center;padding:8px 12px;font-size:12px}.param-layout-toggle{display:none!important}.parameter-filter-items{display:flex!important;overflow-x:auto!important;gap:16px!important;scroll-snap-type:x mandatory!important;padding:4px 4px 12px!important;margin-top:12px;grid-template-columns:none!important;-webkit-overflow-scrolling:touch}.parameter-filter-items::-webkit-scrollbar{height:6px}.parameter-filter-items::-webkit-scrollbar-track{background:var(--card-background);border-radius:3px}.parameter-filter-items::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.parameter-filter-item{flex:0 0 280px!important;scroll-snap-align:start!important;box-sizing:border-box!important;padding:12px!important}.option-item{padding:12px 16px;font-size:14px}.category-filter{padding:16px}.category-filter-items{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:4px 4px 12px!important;margin-top:16px;grid-template-columns:none!important;-webkit-overflow-scrolling:touch}.category-filter-items::-webkit-scrollbar{height:6px}.category-filter-items::-webkit-scrollbar-track{background:var(--card-background);border-radius:3px}.category-filter-items::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.category-filter-item{flex:0 0 auto!important;padding:8px 14px!important;box-sizing:border-box!important;transition:background-color .2s ease,color .2s ease!important}.category-filter-item:has(.category-filter-link.active){background-color:var(--primary-color)!important}.category-filter-item:has(.category-filter-link.active) .category-filter-link{color:#fff!important}.category-filter-item:has(.category-filter-link.active) .category-count{color:#fffc!important}.category-filter-link{white-space:nowrap!important;width:auto!important}.categories-container{padding:16px!important}.categories-list{grid-template-columns:1fr!important}.categories-grid{grid-template-columns:1fr!important;gap:12px!important}.category-card{flex-direction:row!important;align-items:center!important;padding:14px 16px!important;min-height:0!important;gap:16px!important;display:flex!important}.category-card:after{content:""!important;font-family:"Font Awesome 6 Free","Font Awesome 5 Free",sans-serif!important;font-weight:900!important;margin-left:auto!important;color:var(--text-muted)!important;font-size:12px!important;flex-shrink:0}.category-card-icon{width:44px!important;height:44px!important;font-size:18px!important;margin:0!important;border-radius:var(--border-radius)!important;background-color:#3498db1a!important}.category-card-info{align-items:flex-start!important;gap:2px!important;flex:1!important}.category-card-name{font-size:14px!important;font-weight:600!important}.category-card-count{font-size:12px!important}.view-toggle{display:none!important}#cardView{display:block!important}#tableView{display:none!important}.component-list{grid-template-columns:1fr!important;gap:12px!important}.component-item{background-color:var(--nested-card-background);border-radius:var(--border-radius)}.component-item>a{display:grid!important;grid-template-columns:80px 1fr!important;grid-template-rows:auto auto 1fr!important;gap:4px 12px!important;padding:12px!important}.component-image-wrap{grid-row:1 / 4!important;grid-column:1!important;width:80px!important;height:80px!important;aspect-ratio:1!important;margin-bottom:0!important;padding:8px!important;box-sizing:border-box!important}.component-image{width:100%!important;height:100%!important;object-fit:contain!important}.component-item-mpn{grid-row:1!important;grid-column:2!important;margin:0!important;font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-item-mfr{grid-row:2!important;grid-column:2!important;margin:0 0 4px!important;font-size:12px!important}.component-item-desc{grid-row:3!important;grid-column:2!important;margin:0!important;font-size:13px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.component-item-footer{padding:8px 12px!important;border-top:1px solid var(--separation-line-color)!important}.no-results{padding:32px 16px}.indexing-notice{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;gap:12px}.comparison-panel{padding:16px}.comparison-header{flex-direction:column;align-items:stretch;gap:12px}.comparison-actions{justify-content:space-between;width:100%}.comparison-actions button{flex:1;text-align:center;justify-content:center;display:inline-flex}}.table-image:not([src]),.table-image[src=""]{background-color:var(--nested-card-background);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}