:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--gradient-primary:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--secondary:#60a5fa;--secondary-light:#93c5fd;--secondary-dark:#3b82f6;--accent:#f59e0b;--accent-light:#fbbf24;--accent-dark:#d97706;--gradient-accent:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--gradient-card:linear-gradient(145deg, #2563eb0a 0%, #3b82f605 100%);--space-2xs:6px;--space-xs:12px;--space-sm:18px;--space-md:24px;--space-lg:32px;--space-xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 10px 15px -3px #00000014;--transition-fast:.15s ease-out;--transition-base:.2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:180px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.sidebar-header h2{color:var(--text-primary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.stats-mini{color:var(--text-tertiary);font-size:.75rem}.stats-mini span{color:var(--primary);font-weight:600}.category-list{padding:var(--space-sm);flex-direction:column;gap:2px;display:flex}.category-item{padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}.category-item .category-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.category-item .category-count{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.7rem;font-weight:500}.category-item:hover{background:var(--bg-hover)}.category-item:hover .category-name{color:var(--text-primary)}.category-item.active{background:var(--gradient-primary)}.category-item.active .category-name{color:#fff;font-weight:600}.category-item.active .category-count{color:#fff;background:#fff3}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.search-hero{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-sm);flex-shrink:0}.search-hero-content{text-align:center;max-width:700px;margin:0 auto}.search-hero-title{color:var(--text-primary);margin-bottom:var(--space-md);justify-content:center;align-items:center;min-height:2rem;font-size:1.5rem;font-weight:700;display:flex}.search-hero-input-wrapper{align-items:center;display:flex;position:relative}.search-hero-input-wrapper .search-icon{left:var(--space-md);opacity:.4;z-index:1;font-size:1.2rem;position:absolute}.search-hero-input{width:100%;padding:var(--space-md) var(--space-xl) var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-base);padding-left:3rem;font-size:1rem}.search-hero-input:focus{border-color:var(--primary);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #2563eb1a}.clear-search-hero{right:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute}.clear-search-hero:hover{background:var(--primary);border-color:var(--primary);color:#fff}.search-hero-stats{margin-top:var(--space-sm);color:var(--text-secondary);opacity:0;min-height:1.25rem;transition:opacity var(--transition-fast);font-size:.875rem}.search-hero-stats:empty{display:block}.search-hero-stats:not(:empty){opacity:1}.products-container{padding:var(--space-sm);gap:var(--space-md);flex-direction:column;flex:1;width:100%;max-width:1600px;margin:0 auto;display:flex;overflow-y:auto}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.product-category-badge{top:var(--space-sm);right:var(--space-sm);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);z-index:1;padding:4px 8px;font-size:.7rem;font-weight:500;position:absolute}.product-header{background:var(--gradient-primary);color:#fff;padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;display:flex}.product-model{font-size:.875rem;font-weight:600}.product-specs-count{opacity:.9;font-size:.75rem}.product-body{padding:var(--space-md)}.product-sku{color:var(--text-primary);margin-bottom:var(--space-md);text-align:center;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);font-size:1rem;font-weight:700}.specs-table-full{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden}.specs-table-full .specs-table-header{background:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;grid-template-columns:2fr 1fr 2fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr .8fr 1fr;gap:4px;font-size:.7rem;font-weight:600;display:grid}.specs-table-full .specs-table-header span{text-align:center}.specs-table-full .specs-table-body{max-height:400px;overflow-y:auto}.specs-table-full .specs-table-row{padding:var(--space-xs) 4px;border-bottom:1px solid var(--border-light);grid-template-columns:2fr 1fr 2fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr .8fr 1fr;align-items:center;gap:4px;font-size:.7rem;display:grid}.specs-table-full .specs-table-row:last-child{border-bottom:none}.specs-table-full .specs-table-row.even{background:var(--bg-secondary)}.specs-table-full .specs-table-row.odd{background:var(--bg-card)}.specs-table-full .specs-table-row .spec-name{color:var(--text-primary);word-wrap:break-word;word-break:break-all;font-weight:500;line-height:1.3}.specs-table-full .specs-table-row .spec-price{color:var(--accent);text-align:center;word-wrap:break-word;word-break:break-all;font-family:SF Mono,Monaco,Courier New,monospace;font-weight:600;line-height:1.3}.specs-table-full .specs-table-row .spec-cell{color:var(--text-secondary);text-align:center;word-wrap:break-word;word-break:break-all;font-size:.65rem;line-height:1.3}.attrs-section{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.attr-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.attr-table h4{color:var(--text-primary);padding:var(--space-xs) var(--space-sm);background:var(--primary);font-size:.7rem;font-weight:600}.attr-table-rows{flex-direction:column;display:flex}.attr-table-row{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-light);justify-content:space-between;font-size:.7rem;display:flex}.attr-table-row:last-child{border-bottom:none}.attr-table-row.even{background:var(--bg-secondary)}.attr-table-row.odd{background:var(--bg-card)}.attr-key{color:var(--text-secondary);flex-shrink:0;font-weight:500}.attr-val{color:var(--text-primary);text-align:right;word-wrap:break-word;word-break:break-all;margin-left:var(--space-sm);flex:1;font-weight:400}.product-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-color);gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.footer-item{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px 10px;font-size:.7rem}.pagination{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);flex-wrap:wrap;display:flex}.pagination-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-size:.875rem;font-weight:600}.pagination-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{gap:var(--space-2xs);flex-wrap:wrap;justify-content:center;display:flex}.pagination-page{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);min-width:32px;height:32px;padding:0 var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.pagination-page:hover{border-color:var(--primary);background:var(--bg-hover)}.pagination-page.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff}.pagination-info{color:var(--text-secondary);padding:0 var(--space-md);white-space:nowrap;font-size:.8rem}.loading-container,.error-container{justify-content:center;align-items:center;gap:var(--space-md);min-height:100vh;padding:var(--space-lg);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-secondary);font-size:1rem}.error-icon{font-size:3rem}.error-container h2{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.25rem}.error-container p{color:var(--text-secondary);margin-bottom:var(--space-md)}.error-container button{background:var(--gradient-primary);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-size:.9rem}.error-container button:hover{box-shadow:var(--shadow-md)}.no-results{text-align:center;min-height:30vh;padding:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-results-icon{margin-bottom:var(--space-md);opacity:.4;font-size:3rem}.no-results h3{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.1rem}.no-results p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.9rem}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:.875rem;font-weight:600}.btn-secondary:hover{background:var(--primary);border-color:var(--primary);color:#fff}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;max-height:120px;position:relative}.sidebar-header{padding:var(--space-sm)}.sidebar-header h2{font-size:.8rem}.category-list{padding:var(--space-sm);flex-direction:row;overflow-x:auto}.category-item{padding:var(--space-xs) var(--space-sm);flex-shrink:0;min-width:fit-content}.category-item .category-name{font-size:.8rem}.search-hero{padding:var(--space-md)}.search-hero-title{font-size:1.1rem}.search-hero-input{padding:var(--space-sm) var(--space-lg) var(--space-sm);padding-left:2.5rem;font-size:.9rem}.products-container{padding:var(--space-sm)}.product-main-layout{grid-template-columns:1fr}.specs-table-header,.specs-table-row{grid-template-columns:1.5fr 1fr 1.5fr}.specs-table-body{max-height:200px}.pagination{padding:var(--space-md) var(--space-sm);gap:var(--space-sm)}.pagination-btn{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.pagination-page{min-width:28px;height:28px;font-size:.8rem}.pagination-info{text-align:center;width:100%;padding:var(--space-xs) 0;order:3}}