.comparison-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;height:100%;position:relative;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--duration-2) var(--ease-standard),box-shadow var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard)}@media(prefers-reduced-motion:no-preference){.comparison-card{transition:border-color var(--duration-2) var(--ease-standard),box-shadow var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard),transform var(--duration-2) var(--ease-decelerate)}.comparison-card:hover:not(.disabled):not(.selected){transform:translateY(-4px)}}.comparison-card:hover:not(.disabled):not(.selected){border-color:color-mix(in oklch,var(--primary) 40%,var(--border));box-shadow:var(--shadow-md),0 0 0 1px color-mix(in oklch,var(--primary) 15%,transparent)}.comparison-card:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset)}.comparison-card.selected{border-color:var(--primary);background:color-mix(in oklch,var(--primary) 6%,var(--card));cursor:pointer}.comparison-card.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);z-index:1}.comparison-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.comparison-card-image{position:relative;width:100%;aspect-ratio:1;background:var(--surface);overflow:hidden;flex-shrink:0}@media(max-width:640px){.comparison-card-image{aspect-ratio:4 / 3}}.comparison-card-image img{width:100%;height:100%;object-fit:contain;transition:opacity var(--duration-3) var(--ease-standard);opacity:0}.comparison-card-image img.loaded{opacity:1}@media(prefers-reduced-motion:no-preference){.comparison-card:hover:not(.disabled):not(.selected) .comparison-card-image img.loaded{transform:scale(1.03);transition:transform var(--duration-3) var(--ease-decelerate)}}.comparison-card-image-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface)}.comparison-card-image-skeleton{width:56%;height:56%;background:linear-gradient(105deg,var(--skeleton-base) 0%,var(--skeleton-highlight) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:comparison-card-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius)}@keyframes comparison-card-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.comparison-card-image-skeleton{animation:none}}.comparison-card-image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--muted-foreground)}.comparison-card-image-placeholder svg{opacity:.4}.comparison-card-image-placeholder span{font-size:var(--font-size-xs)}.comparison-card-info{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:0}@media(max-width:640px){.comparison-card-info{padding:var(--spacing-sm) var(--spacing-md)}}.comparison-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.7em}@media(max-width:640px){.comparison-card-name{font-size:var(--font-size-sm);min-height:auto;-webkit-line-clamp:2}}.comparison-card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary);margin-top:auto}@media(max-width:640px){.comparison-card-price{font-size:var(--font-size-base)}}.build-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;height:100%;position:relative;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--duration-2) var(--ease-standard),box-shadow var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard)}@media(prefers-reduced-motion:no-preference){.build-card{transition:border-color var(--duration-2) var(--ease-standard),box-shadow var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard),transform var(--duration-2) var(--ease-decelerate)}.build-card:hover:not(.disabled):not(.selected){transform:translateY(-4px)}}.build-card:hover:not(.disabled):not(.selected){border-color:color-mix(in oklch,var(--primary) 40%,var(--border));box-shadow:var(--shadow-md),0 0 0 1px color-mix(in oklch,var(--primary) 15%,transparent)}.build-card:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset)}.build-card.selected{border-color:var(--primary);background:color-mix(in oklch,var(--primary) 6%,var(--card));cursor:pointer}.build-card.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);z-index:1}.build-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.build-card-image{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface);overflow:hidden;flex-shrink:0}.build-image-gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;width:100%;height:100%}.build-gallery-item{position:relative;overflow:hidden;background:var(--surface)}.build-gallery-item img{width:100%;height:100%;object-fit:cover}.build-more-overlay{display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--foreground) 80%,transparent);color:var(--card);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.build-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.build-image-placeholder svg{opacity:.4}.build-card-info{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:0}@media(max-width:640px){.build-card-info{padding:var(--spacing-sm) var(--spacing-md)}}.build-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.7em}@media(max-width:640px){.build-card-name{font-size:var(--font-size-sm);min-height:auto;-webkit-line-clamp:2}}.build-card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary);margin-top:auto}@media(max-width:640px){.build-card-price{font-size:var(--font-size-base)}}.build-selector{display:flex;flex-direction:column;gap:var(--spacing-lg)}.build-selector-header{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:640px){.build-selector-header{flex-direction:row;align-items:center;justify-content:space-between}}.build-selector-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0}.build-selector-search{flex:1;max-width:400px}.build-search-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);min-height:var(--touch-target-comfortable)}.build-search-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 var(--ring-width) color-mix(in srgb,var(--ring) 25%,transparent)}.build-selector-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.build-selector-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface);border-radius:var(--radius);font-size:var(--font-size-sm)}.build-count{color:var(--muted-foreground)}.selection-count{color:var(--primary);font-weight:var(--font-weight-semibold)}.build-selector-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:640px){.build-selector-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.build-selector-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.build-selector-grid{grid-template-columns:repeat(4,1fr)}}.price-breakdown-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.price-breakdown-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0 0 var(--spacing-lg) 0}.price-breakdown-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.category-price-row{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-price-header{display:flex;align-items:center;justify-content:space-between}.category-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground)}.category-price-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-price-bar-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.category-price-label{min-width:120px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--foreground)}.category-price-value{min-width:80px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground);text-align:right}.category-price-bar-container{flex:1;height:32px;background:var(--surface);border-radius:var(--radius);overflow:hidden;position:relative}.category-price-bar{height:100%;transition:width .3s ease;border-radius:var(--radius)}.total-price-comparison{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border)}.total-price-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0 0 var(--spacing-md) 0}.total-price-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.total-price-bar-row{display:flex;align-items:center;gap:var(--spacing-md)}.total-price-bar-label{min-width:120px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--foreground)}.total-price-bar-container{flex:1;display:flex;align-items:center;gap:var(--spacing-md)}.total-price-bar{height:32px;background:var(--muted-foreground);border-radius:var(--radius);transition:width .3s ease,background-color .3s ease;min-width:40px;max-width:100%}.total-price-bar-value{min-width:80px;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--foreground);text-align:right}@media(max-width:640px){.category-price-bar-wrapper{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.category-price-label{min-width:auto}.category-price-value{text-align:left;min-width:auto}.total-price-bar-row{flex-direction:column;align-items:stretch}.total-price-bar-label{min-width:auto}.total-price-bar-container{flex-direction:column;align-items:stretch}.total-price-bar-value{text-align:left}}.spec-comparison-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.spec-comparison-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0 0 var(--spacing-lg) 0}.spec-comparison-categories{display:flex;flex-direction:column;gap:var(--spacing-md)}.spec-category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.spec-category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;transition:var(--transition-base);text-align:left}.spec-category-header:hover{background:color-mix(in srgb,var(--primary) 5%,transparent)}.spec-category-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground)}.spec-category-icon{color:var(--muted-foreground);transition:transform .2s ease;flex-shrink:0}.spec-category-icon.expanded{transform:rotate(180deg)}.spec-category-content{padding:var(--spacing-lg);border-top:1px solid var(--border)}.comparison-table-wrapper{overflow-x:auto;margin-top:var(--spacing-lg);-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:800px}.comparison-table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--foreground);border-bottom:2px solid var(--border);white-space:nowrap}.comparison-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border);color:var(--foreground)}.product-cell{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.product-cell.clickable-product{transition:var(--transition-base)}.product-cell.clickable-product:hover{opacity:.8;transform:translate(2px)}.product-thumb{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0}.product-name{font-weight:var(--font-weight-semibold);color:var(--foreground);margin-bottom:var(--spacing-xs);word-break:break-word}.product-brand{font-size:var(--font-size-xs);color:var(--muted-foreground)}.score-value{font-weight:var(--font-weight-semibold);color:var(--primary)}.no-data{color:var(--muted-foreground);font-style:italic}.build-name-cell{font-weight:var(--font-weight-semibold);color:var(--foreground);white-space:nowrap}@media(max-width:768px){.comparison-table{font-size:var(--font-size-xs)}.comparison-table th,.comparison-table td{padding:var(--spacing-sm)}.product-thumb{width:32px;height:32px}}.comparison-insights{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.insights-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0 0 var(--spacing-lg) 0}.insights-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.insights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.insight-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition-base)}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.insight-card.insight-cheapest{border-color:var(--success);background:color-mix(in srgb,var(--success) 5%,var(--surface))}.insight-card.insight-value{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.insight-card.insight-performance{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 5%,var(--surface))}.insight-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--card)}.insight-cheapest .insight-icon{color:var(--success)}.insight-value .insight-icon{color:var(--primary)}.insight-performance .insight-icon{color:var(--warning)}.insight-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.insight-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0}.insight-build-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.insight-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary)}.insight-description{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:var(--spacing-xs) 0 0 0;line-height:var(--line-height-relaxed)}.comparison-export{position:relative;display:inline-block}.export-button{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.export-button svg{flex-shrink:0}.dropdown-icon{transition:transform .2s ease}.dropdown-icon.open{transform:rotate(180deg)}.export-button .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@media(max-width:640px){.comparison-export{width:100%}.export-dropdown{left:0;right:auto;min-width:unset;width:min(320px,calc(100vw - var(--spacing-xl)));max-width:calc(100vw - var(--spacing-xl));transform-origin:top left}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-option{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;text-align:left;cursor:pointer;transition:var(--transition-base);border-bottom:1px solid var(--border)}.export-option:last-child{border-bottom:none}.export-option:hover:not(:disabled){background:var(--surface)}.export-option:disabled{opacity:.5;cursor:not-allowed}.export-option svg{flex-shrink:0;color:var(--primary)}.export-option-content{flex:1;display:flex;flex-direction:column;gap:2px}.export-option-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.export-option-description{font-size:var(--font-size-xs);color:var(--muted-foreground)}.build-comparison-view{display:flex;flex-direction:column;gap:var(--spacing-xl)}.comparison-header-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border)}@media(min-width:640px){.comparison-header-section{flex-direction:row;align-items:center;justify-content:space-between}}.comparison-header-right{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}@media(min-width:640px){.comparison-header-right{flex-direction:row;align-items:center;gap:var(--spacing-lg)}}.comparison-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0}.comparison-summary-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.comparison-badge{padding:var(--spacing-xs) var(--spacing-md);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary)}.comparison-badge.price-range{background:color-mix(in srgb,var(--success) 10%,transparent);border-color:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.comparison-builds-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.comparison-builds-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.comparison-builds-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.comparison-build-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:var(--transition-base)}.comparison-build-card:hover{border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 15%,transparent)}.comparison-build-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.comparison-build-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0;flex:1;word-break:break-word}.comparison-winner-badge{padding:2px var(--spacing-sm);background:var(--success);color:var(--success-foreground);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;white-space:nowrap;flex-shrink:0}.comparison-build-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-md)}.comparison-build-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.comparison-stat{display:flex;flex-direction:column;gap:2px}.comparison-stat-label{font-size:var(--font-size-xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.comparison-stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground)}.comparison-stat-value.good{color:var(--success)}.comparison-stat-value.warning{color:var(--warning)}.comparison-stat-value.bad{color:var(--destructive)}.comparison-page{padding:var(--spacing-xl) 0;min-height:100vh;min-height:100dvh;background:var(--background);color:var(--foreground)}@media(min-width:768px){.comparison-page{padding:var(--spacing-2xl) 0}}.comparison-header{margin-bottom:2rem;text-align:center}.page-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-tight)}@media(min-width:640px){.page-title{font-size:clamp(1.75rem,3.5vw,2.5rem)}}.page-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6}.category-selector{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;align-items:center;flex-wrap:wrap}.category-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.category-select{padding:.75rem 2.5rem .75rem 1rem;font-size:.9375rem;font-weight:500;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:200px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.category-select:hover{border-color:var(--primary)}.category-select:focus{outline:none;border-color:var(--primary)}.selected-products-section{margin-bottom:2rem;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.section-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}@media(min-width:640px){.section-header{flex-direction:row;justify-content:space-between;align-items:center}}.section-header-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;width:100%}@media(min-width:640px){.section-header-actions{flex-direction:row;align-items:center;justify-content:flex-end;width:auto}}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.section-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.selected-products-list{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.selected-products-list{flex-direction:row;flex-wrap:wrap}}.selected-product-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;min-height:var(--touch-target-min)}.chip-image{width:var(--touch-target-min);height:var(--touch-target-min);object-fit:contain;border-radius:4px;flex-shrink:0}.chip-info{flex:1;min-width:0}.chip-name{font-size:.875rem;font-weight:500;color:var(--text-primary);word-break:break-word;white-space:normal}.chip-price{font-size:.75rem;color:var(--text-secondary)}.chip-remove{background:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.25rem;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.chip-remove:hover{background:var(--surface);color:var(--danger)}.search-section{margin-bottom:2rem}.comparison-results-section~.selected-products-section,.comparison-results-section~.search-section{margin-top:3rem}.comparison-results-section~.search-section{padding-top:2rem;border-top:1px solid var(--border)}.search-header{margin-bottom:1.5rem}.search-input-wrapper{position:relative;margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);min-height:var(--touch-target-min);box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--primary)}.search-status{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--text-secondary)}.search-results{margin-top:1.5rem}.products-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:480px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr)}}.products-grid-redesigned{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}@media(min-width:640px){.products-grid-redesigned{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.products-grid-redesigned{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.products-grid-redesigned{grid-template-columns:repeat(4,1fr)}}.comparison-product-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease;position:relative;display:flex;flex-direction:column;min-width:0}.comparison-product-card:hover{border-color:var(--primary);transform:translateY(-2px)}.comparison-product-card.selected{border-color:var(--primary);background:var(--surface)}.comparison-product-content{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.comparison-product-content>:first-child{flex:1;min-height:0}.comparison-product-wrapper{display:flex;flex-direction:column;gap:.5rem}.comparison-add-btn{width:calc(100% - 2rem);margin:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;transition:all .2s ease;box-sizing:border-box;flex-shrink:0}.comparison-add-btn:hover:not(:disabled){transform:translateY(-1px)}.comparison-add-btn:disabled{opacity:.6;cursor:not-allowed}.comparison-add-btn svg{flex-shrink:0}.comparison-product-content .card,.comparison-product-content .product-card{border:none;box-shadow:none;margin:0;height:100%;background:transparent;width:100%}.comparison-product-card:hover .product-card{transform:none!important;box-shadow:none!important;border-color:transparent!important}.search-results{margin-top:1.5rem;min-height:200px}.comparison-results-section{margin-bottom:3rem;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem}.comparison-summary{display:flex;gap:.5rem;flex-wrap:wrap}.summary-badge{padding:.25rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-primary)}.summary-badge.warning{background:var(--surface);border-color:var(--warning);color:var(--warning)}.comparison-table-wrapper{overflow-x:auto;margin-top:1.5rem;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:800px}.comparison-table thead{background:var(--surface);position:sticky;top:0;z-index:1}.comparison-table th{padding:.75rem;text-align:left;font-weight:500;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap}.comparison-table td{padding:.75rem;border-bottom:1px solid var(--border);color:var(--text-primary)}.comparison-table tbody tr:hover{background:var(--surface)}.comparison-table tbody tr.best-performer{background:var(--surface);border-left:2px solid var(--success)}.product-cell{display:flex;align-items:center;gap:.5rem;position:relative}.product-thumb{width:40px;height:40px;object-fit:contain;border-radius:4px;flex-shrink:0}.product-info{flex:1;min-width:0}.product-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;word-break:break-word}.product-brand{font-size:.75rem;color:var(--text-secondary)}.seller-cell{font-size:.875rem;color:var(--text-primary);text-transform:capitalize;white-space:nowrap}.best-badge{position:absolute;top:-6px;right:-6px;padding:2px .5rem;background:var(--success);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;white-space:nowrap}.missing-benchmark-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem;padding:2px .5rem;background:var(--surface);color:var(--text-secondary);font-size:.625rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.score-value{font-weight:500;color:var(--primary)}.no-data{color:var(--text-secondary);font-style:italic}.missing-data-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.missing-data-title{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem}.missing-products-list{display:flex;flex-direction:column;gap:.5rem}.missing-product-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--surface);border-radius:6px}@media(min-width:640px){.missing-product-item{flex-direction:row;justify-content:space-between;align-items:center}}.missing-product-name{font-weight:500;color:var(--text-primary)}.missing-product-reason{font-size:.75rem;color:var(--text-secondary)}.mode-selector{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--surface);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-min)}.mode-tab:hover{color:var(--text-primary);background:var(--card)}.mode-tab.active{background:var(--primary);color:#fff;font-weight:500}.mode-tab svg{flex-shrink:0}.build-comparison-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.build-comparison-controls{flex-direction:row;align-items:center;justify-content:space-between}}.build-source-selector{display:flex;gap:.5rem;background:var(--surface);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.build-source-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.build-source-tab:hover{color:var(--text-primary);background:var(--card)}.build-source-tab.active{background:var(--primary);color:#fff;font-weight:500}.build-comparison-actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}@media(min-width:640px){.build-comparison-actions{flex-direction:row;align-items:center}}.compare-builds-btn{white-space:nowrap}.clear-saved-btn{white-space:nowrap;display:flex;align-items:center;gap:.25rem;font-size:.875rem}.build-selection-hint{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:1.5rem}.build-selection-hint p{margin:0;font-size:.875rem;color:var(--text-primary);text-align:center}@media(max-width:640px){.comparison-table{font-size:.8125rem}.comparison-table th,.comparison-table td{padding:.5rem}.product-thumb,.chip-image{width:32px;height:32px}.mode-tab{font-size:.875rem;padding:.5rem .75rem}.mode-tab svg{width:16px;height:16px}}.dark .selected-products-section,.dark .comparison-results-section,.dark .comparison-product-card{background:var(--card);border-color:var(--border)}.dark .selected-product-chip,.dark .mode-selector,.dark .build-source-selector{background:var(--surface);border-color:var(--border)}