.quick-search{position:relative;width:100%;max-width:600px}.search-input-container{display:flex;align-items:center;gap:var(--space-sm);background:linear-gradient(180deg,#ffffff,#f7f7f7);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.search-input-container:focus-within{border-color:var(--color-flash);box-shadow:0 0 0 3px rgba(255,107,0,.15)}.search-icon{flex-shrink:0}.search-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-base);padding:var(--space-sm) 0;outline:none}.search-input::placeholder{color:var(--color-text-muted)}.clear-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xl);padding:0;line-height:1;transition:color var(--transition-fast)}.clear-btn:hover{color:var(--color-flash)}.search-shortcut{display:none;background:var(--color-bg-warm);color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);border:1px solid var(--color-border)}@media (min-width:768px){.search-shortcut{display:block}}.search-submit{background:linear-gradient(135deg,var(--color-flash),var(--color-earth));color:var(--color-text-primary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.search-submit:hover{background:linear-gradient(135deg,var(--color-earth),var(--color-vermillion));transform:translateY(-1px)}.suggestions-dropdown{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:400px;overflow-y:auto}.suggestion-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);color:var(--color-text-muted);font-size:var(--text-sm)}.loading-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-flash);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.suggestion-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.suggestion-item:last-of-type{border-bottom:none}.suggestion-item.selected,.suggestion-item:hover{background:var(--color-bg-hover)}.suggestion-item.selected{border-left:3px solid var(--color-flash)}.suggestion-sku{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-flash);min-width:100px;text-transform:uppercase}.suggestion-name{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-category{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-warm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.suggestion-see-all{display:block;width:100%;padding:var(--space-md);background:var(--color-bg-warm);border:none;border-top:1px solid var(--color-border);color:var(--color-flash);font-size:var(--text-sm);font-weight:600;cursor:pointer;text-align:center;transition:all var(--transition-fast)}.suggestion-see-all:hover{background:var(--color-flash);color:var(--color-text-primary)}.active-filters-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.filters-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);flex:1}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-bg-warm);border:1px solid var(--color-amber);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);animation:chipIn .2s ease-out}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chip-label{color:var(--color-text-muted);font-weight:500}.chip-value{color:var(--color-amber);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-xs)}.chip-remove:hover{background:var(--color-fire);color:var(--color-text-primary)}.clear-all-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid var(--color-fire);color:var(--color-fire);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-base)}.clear-all-btn:hover{background:var(--color-fire);color:var(--color-text-primary)}@media (max-width:640px){.active-filters-bar{flex-direction:column;align-items:stretch}.clear-all-btn{width:100%;justify-content:center}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes imageFadeIn{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}.product-grid-container{display:flex;flex-direction:column;height:100%}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md);align-items:start}.products-grid .product-card{opacity:0;animation:cardFadeIn .5s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)) forwards}.products-grid .product-card:first-child{animation-delay:.02s}.products-grid .product-card:nth-child(2){animation-delay:.04s}.products-grid .product-card:nth-child(3){animation-delay:.06s}.products-grid .product-card:nth-child(4){animation-delay:.08s}.products-grid .product-card:nth-child(5){animation-delay:.1s}.products-grid .product-card:nth-child(6){animation-delay:.12s}.products-grid .product-card:nth-child(7){animation-delay:.14s}.products-grid .product-card:nth-child(8){animation-delay:.16s}.products-grid .product-card:nth-child(9){animation-delay:.18s}.products-grid .product-card:nth-child(10){animation-delay:.2s}.products-grid .product-card:nth-child(11){animation-delay:.22s}.products-grid .product-card:nth-child(12){animation-delay:.24s}.products-grid .product-card:nth-child(n+13){animation-delay:.26s}.product-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;position:relative;text-decoration:none;height:280px;transform:translateZ(0);backface-visibility:hidden;will-change:transform,box-shadow;transition:transform .3s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),box-shadow .3s var(--ease-smooth,cubic-bezier(.4,0,.2,1)),border-color .2s ease}.product-card:hover{border-color:var(--color-flash);transform:translateY(-4px) translateZ(0);box-shadow:0 4px 8px rgba(255,107,0,.1),0 8px 16px rgba(255,107,0,.08),0 16px 32px rgba(0,0,0,.06)}.product-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-md);padding:1px;background:linear-gradient(135deg,transparent 0,var(--color-flash) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}.product-card:hover:before{opacity:.5}.product-card:active{transform:translateY(-2px) scale(.98);transition-duration:.1s}.product-image{width:100%;height:160px;flex-shrink:0;background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:contain;padding:var(--space-xs);transform:scale(1);opacity:0;filter:blur(8px);transition:transform .5s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),opacity .4s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),filter .5s var(--ease-out-expo,cubic-bezier(.16,1,.3,1))}.product-image img.loaded{opacity:1;filter:blur(0)}.product-card:hover .product-image img{transform:scale(1.08)}.product-image .placeholder-icon{width:40px;height:40px;color:var(--color-text-muted)}.product-whatsapp-quick{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#25D366;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .25s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.2)}.product-whatsapp-quick svg{width:16px;height:16px;color:white}.product-whatsapp-quick:hover{background:#128C7E;transform:scale(1.1);box-shadow:0 4px 12px rgba(37,211,102,.5)}.product-card:hover .product-whatsapp-quick{opacity:1;transform:scale(1)}.product-info{padding:var(--space-sm);flex:1;display:flex;flex-direction:column;min-height:0}.product-sku{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-family:var(--font-mono)}.product-name,.product-sku{color:var(--color-text-primary)}.product-name{font-size:12px;font-weight:500;line-height:1.35;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xs);border-top:1px solid var(--color-border);margin-top:auto}.product-price{font-size:var(--text-sm);font-weight:700;color:var(--color-flash)}.product-delivery{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:var(--color-text-secondary)}.product-delivery svg{color:var(--color-amber)}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.loading-card{background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-bg-hover) 50%,var(--color-bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);height:280px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.no-products{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.no-products svg{margin:0 auto var(--space-md);color:var(--color-text-muted)}.no-products h3{margin-bottom:var(--space-sm);font-size:var(--text-lg);color:var(--color-text-secondary)}.no-products p{font-size:var(--text-base)}.pagination{gap:var(--space-xs);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.pagination,.pagination-arrow{display:flex;justify-content:center;align-items:center}.pagination-arrow{width:36px;height:36px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.pagination-arrow:hover:not(:disabled){background:var(--color-flash);border-color:var(--color-flash);color:white}.pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:var(--space-xs)}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);transition:all .2s ease}.pagination-page:hover{background:var(--color-bg-hover);border-color:var(--color-flash)}.pagination-page.active{background:var(--color-flash);border-color:var(--color-flash);color:white;font-weight:600}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width:768px){.product-card{height:260px}.product-image{height:140px}.loading-card{height:260px}}@media (prefers-reduced-motion:reduce){.products-grid .product-card{opacity:1;animation:none;transition:none}.product-image img{transition:none}.product-image img,.product-image img.loaded{opacity:1;filter:none}.product-card:hover,.product-card:hover .product-image img{transform:none}.loading-card{animation:none;background:var(--color-bg-hover)}}.product-filter{display:flex;flex-direction:column;height:100%;background:var(--color-bg-warm)}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:linear-gradient(135deg,var(--color-flash) 0,var(--color-earth) 100%)}.filter-title{font-size:var(--text-base);font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:.5px}.filter-count{font-size:var(--text-xs);font-weight:600;color:rgba(255,255,255,.9);background:rgba(0,0,0,.3);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.search-box{padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-card)}.search-icon{position:absolute;left:var(--space-sm);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast)}.search-input-wrapper:focus-within .search-icon{color:var(--color-flash)}.search-box input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-sm) + 24px);padding-right:calc(var(--space-sm) + 28px);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-bg-warm);color:var(--color-text-primary);transition:all var(--transition-fast)}.search-box input::placeholder{color:var(--color-text-muted);font-size:var(--text-xs)}.search-box input:focus{outline:none;border-color:var(--color-flash);box-shadow:0 0 0 3px rgba(255,107,0,.15);background:var(--color-bg-primary)}.search-clear{position:absolute;right:var(--space-xs);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--color-bg-hover);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-flash);color:#ffffff}.stock-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--color-bg-hover);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#ffffff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-flash) 0,var(--color-amber) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}.toggle-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.toggle-label svg{color:var(--color-flash)}.show-all-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);margin:0;border:none;background:var(--color-bg-card);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;border-bottom:1px solid var(--color-border);border-left:3px solid transparent;transition:all var(--transition-fast)}.show-all-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.show-all-btn.active{background:rgba(255,107,0,.1);border-left-color:var(--color-flash)}.show-all-btn svg,.show-all-btn.active{color:var(--color-flash)}.show-all-btn .count{margin-left:auto;font-size:var(--text-xs);background:var(--color-border);padding:2px 8px;border-radius:var(--radius-full);color:var(--color-text-muted)}.show-all-btn.active .count{background:var(--color-flash);color:#ffffff}.filter-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-flash) var(--color-bg-warm)}.filter-scroll::-webkit-scrollbar{width:6px}.filter-scroll::-webkit-scrollbar-track{background:var(--color-bg-warm)}.filter-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.filter-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-flash)}.filter-group{border-bottom:1px solid var(--color-border)}.filter-parent{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border-left:3px solid transparent;transition:all var(--transition-fast)}.filter-parent:hover{background:var(--color-bg-hover);border-left-color:var(--color-flash)}.filter-parent.active{background:rgba(255,107,0,.1);border-left-color:var(--color-flash)}.filter-parent.expanded{border-left-color:var(--color-amber)}.gamme-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--color-flash) 0,var(--color-amber) 100%);border-radius:var(--radius-sm);flex-shrink:0}.gamme-icon svg{width:16px;height:16px;color:#ffffff}.filter-parent.active .gamme-icon{background:linear-gradient(135deg,var(--color-earth) 0,var(--color-flash) 100%)}.gamme-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-parent .arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted);transition:all var(--transition-fast)}.filter-parent:hover .arrow{color:var(--color-flash)}.filter-parent.expanded .arrow{transform:rotate(90deg);color:var(--color-amber)}.filter-parent .count{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text-muted)}.filter-parent.expanded .count,.filter-parent:hover .count{background:var(--color-flash);color:#ffffff}.filter-children{max-height:0;overflow:hidden;background:var(--color-bg-primary);transition:max-height .3s ease-out}.filter-children.expanded{max-height:500px}.filter-child{padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 28px + var(--space-sm));font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);border-left:3px solid transparent}.filter-child:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.filter-child.active{background:rgba(245,158,11,.1);color:var(--color-amber);font-weight:600;border-left-color:var(--color-amber)}.category-bullet{width:6px;height:6px;border-radius:50%;background:var(--color-border);flex-shrink:0;transition:all var(--transition-fast)}.filter-child:hover .category-bullet{background:var(--color-flash)}.filter-child.active .category-bullet{background:var(--color-amber);box-shadow:0 0 0 3px rgba(245,158,11,.2)}.category-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-child .count{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.filter-child.active .count{color:var(--color-amber)}@media (max-width:768px){.filter-header{padding:var(--space-sm) var(--space-md)}.filter-title{font-size:var(--text-sm)}.gamme-icon{width:24px;height:24px}.gamme-icon svg{width:14px;height:14px}}.machine-filter{display:flex;flex-direction:column;height:100%;background:var(--color-bg-warm)}.machine-filter .search-box{padding:var(--space-sm);border-bottom:2px solid var(--color-border);background:var(--color-bg-card);position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.machine-filter .search-box input{width:100%;padding:var(--space-sm) var(--space-xl) var(--space-sm) var(--space-md);border:2px solid var(--color-flash);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-warm);color:var(--color-text-primary)}.machine-filter .search-box input::placeholder{color:var(--color-text-muted)}.machine-filter .search-box input:focus{outline:none;border-color:var(--color-amber);box-shadow:0 0 0 3px rgba(255,107,0,.2)}.clear-search{position:absolute;right:var(--space-sm);background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1}.clear-search:hover{color:var(--color-flash)}.machine-filter .filter-scroll{flex:1;overflow-y:auto}.search-results{padding:var(--space-xs) 0}.search-result-item{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);border-left:3px solid transparent;transition:all var(--transition-fast)}.search-result-item:hover{background:var(--color-bg-card);border-left-color:var(--color-flash)}.search-result-item.selected{background:var(--color-flash);border-left-color:var(--color-earth);font-weight:600}.search-result-brand{font-weight:700;color:var(--color-flash);min-width:60px}.search-result-item.selected .search-result-brand{color:var(--color-text-primary)}.search-result-name{color:var(--color-text-secondary);flex:1}.search-result-item.selected .search-result-name{color:var(--color-text-primary)}.search-info{padding:var(--space-sm);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.machine-filter .filter-group{border-bottom:1px solid var(--color-border)}.machine-filter .filter-parent{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border-left:3px solid var(--color-flash);transition:all var(--transition-fast)}.machine-filter .filter-parent:hover{background:var(--color-bg-hover)}.machine-filter .filter-parent.expanded{background:var(--color-flash);border-left-color:var(--color-earth)}.machine-filter .filter-parent .arrow{margin-left:auto;font-size:var(--text-xs);transition:transform var(--transition-base);color:var(--color-text-muted)}.machine-filter .filter-parent.expanded .arrow{transform:rotate(90deg);color:var(--color-text-primary)}.machine-filter .filter-parent .count{background:var(--color-flash);color:var(--color-text-primary);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:600}.machine-filter .filter-parent.expanded .count{background:var(--color-earth)}.machine-filter .filter-children{display:none}.machine-filter .filter-children.expanded{display:block}.machine-filter .filter-child{padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-xl);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast)}.machine-filter .filter-child:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.machine-filter .filter-child.active{background:var(--color-bg-card);font-weight:600;color:var(--color-amber);border-left:2px solid var(--color-amber)}.machine-filter .filter-child .count{margin-left:auto}.machine-filter .filter-child .count,.model-item{font-size:var(--text-xs);color:var(--color-text-muted)}.model-item{padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-2xl);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);border-left:2px solid transparent;transition:all var(--transition-fast)}.model-item:hover{background:var(--color-bg-card);border-left-color:var(--color-flash)}.model-item.selected{background:var(--color-flash);border-left-color:var(--color-earth);font-weight:600;color:var(--color-text-primary)}.model-item .brand{font-weight:600;color:var(--color-flash);min-width:50px}.model-item.selected .brand{color:var(--color-text-primary)}.model-more{font-style:italic;color:var(--color-text-muted)}.collapsible-panel{display:flex;flex-direction:column;height:100%;transition:all var(--transition-slow)}.panel-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--color-flash),var(--color-earth));color:var(--color-text-primary);cursor:pointer;user-select:none;transition:all var(--transition-base)}.panel-header:hover{background:linear-gradient(135deg,var(--color-earth),var(--color-vermillion))}.panel-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.panel-title{font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;flex:1}.panel-badge{background:rgba(255,255,255,.25);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.panel-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--text-sm);transition:transform var(--transition-base)}.panel-toggle.collapsed{transform:rotate(-90deg)}.panel-content{flex:1;overflow:hidden;transition:all var(--transition-slow)}.panel-content.expanded{display:flex;flex-direction:column}.panel-content.collapsed{display:none}.unified-filter{display:flex;flex-direction:column;height:100%;width:320px;background:var(--color-bg-warm);border-right:1px solid var(--color-border);overflow:hidden}.uf-search-hero{padding:var(--space-lg);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);flex-shrink:0}.uf-search-wrapper{position:relative;display:flex;align-items:center}.uf-search-icon{position:absolute;left:14px;width:22px;height:22px;color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);z-index:1}.uf-search-input{width:100%;padding:14px 44px 14px 48px;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:500;background:var(--color-bg-warm);color:var(--color-text-primary);transition:all var(--transition-fast);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.uf-search-input::placeholder{color:var(--color-text-muted);font-weight:400}.uf-search-input:focus{outline:none;border-color:var(--color-flash);box-shadow:0 0 0 3px rgba(255,107,0,.15)}.uf-search-wrapper:focus-within .uf-search-icon{color:var(--color-flash)}.uf-search-clear{position:absolute;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-text-muted);color:white;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);z-index:20;pointer-events:auto}.uf-search-clear svg{width:14px;height:14px}.uf-search-clear:hover{background:var(--color-flash);color:white;transform:scale(1.15)}.uf-search-clear:active{transform:scale(.95)}.uf-search-hint{margin-top:var(--space-sm);font-size:11px;color:var(--color-text-muted);text-align:center}.uf-results-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);flex-shrink:0}.uf-results-count{font-size:var(--text-sm);color:var(--color-text-primary)}.uf-results-count strong{color:var(--color-flash);font-weight:700;font-size:var(--text-base)}.uf-loading-text{color:var(--color-amber);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.uf-search-badge{margin-left:var(--space-xs);padding:2px 6px;font-size:10px;font-weight:600;text-transform:uppercase;background:var(--color-amber);color:#000;border-radius:var(--radius-sm)}.uf-clear-link{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-hover);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);pointer-events:auto}.uf-clear-link:hover{background:var(--color-flash);border-color:var(--color-flash);color:#ffffff}.uf-active-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.uf-filter-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 8px;background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-primary)}.uf-filter-tag span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uf-filter-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:var(--color-bg-hover);color:var(--color-text-secondary);border-radius:50%;font-size:14px;line-height:1;cursor:pointer;transition:all var(--transition-fast)}.uf-filter-tag button:hover{background:var(--color-flash);color:white}.uf-filter-tag--machine{background:rgba(255,107,0,.1);border-color:var(--color-flash);color:var(--color-flash)}.uf-quick-filters{padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);flex-shrink:0}.uf-stock-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.uf-stock-toggle input{display:none}.uf-toggle-track{position:relative;width:40px;height:22px;background:var(--color-bg-hover);border-radius:var(--radius-full);transition:background var(--transition-fast);flex-shrink:0}.uf-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#ffffff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 2px 4px rgba(0,0,0,.3)}.uf-stock-toggle input:checked+.uf-toggle-track{background:var(--color-flash)}.uf-stock-toggle input:checked+.uf-toggle-track .uf-toggle-thumb{transform:translateX(18px)}.uf-toggle-label{font-size:var(--text-sm);color:var(--color-text-primary)}.uf-sections{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.uf-sections::-webkit-scrollbar{width:5px}.uf-sections::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.uf-sections::-webkit-scrollbar-thumb:hover{background:var(--color-flash)}.uf-section{border-bottom:1px solid var(--color-border)}.uf-section-header{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border:none;background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.uf-section-header:hover{background:var(--color-bg-hover)}.uf-section-icon{width:18px;height:18px;color:var(--color-flash);flex-shrink:0}.uf-section-header span:nth-child(2){flex:1;text-align:left}.uf-section-badge{font-size:var(--text-xs);font-weight:600;padding:3px 8px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text-primary)}.uf-badge--active{background:var(--color-flash);color:#ffffff}.uf-section-arrow{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.uf-section.expanded .uf-section-arrow{transform:rotate(180deg)}.uf-section-content{max-height:0;overflow:hidden;background:var(--color-bg-card);transition:max-height .3s ease-out}.uf-section.expanded .uf-section-content{max-height:2000px;overflow-y:auto}.uf-section.expanded .uf-section-content.uf-machine-tree{max-height:60vh}.uf-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent}.uf-item,.uf-item:hover{color:var(--color-text-primary)}.uf-item:hover{background:var(--color-bg-card)}.uf-item.active{background:rgba(255,107,0,.1);color:var(--color-flash);border-left-color:var(--color-flash);font-weight:600}.uf-item--all{font-style:italic;border-bottom:1px solid var(--color-border);padding:12px var(--space-md)}.uf-item--gamme{font-weight:500}.uf-item--gamme.expanded{background:var(--color-bg-card);border-left-color:var(--color-amber)}.uf-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uf-item-count{font-size:var(--text-xs);font-weight:600;min-width:32px;text-align:center;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-bg-hover);color:var(--color-text-primary)}.uf-item.active .uf-item-count{background:var(--color-flash);color:#ffffff}.uf-item:hover .uf-item-count{background:var(--color-border)}.uf-item-arrow{width:14px;height:14px;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.uf-item--gamme.expanded .uf-item-arrow{transform:rotate(90deg);color:var(--color-amber)}.uf-categories{background:var(--color-bg-warm)}.uf-item--category{padding-left:calc(var(--space-md) + 12px);font-size:13px}.uf-cat-bullet{width:6px;height:6px;border-radius:50%;background:var(--color-border);flex-shrink:0;transition:all var(--transition-fast)}.uf-item--category:hover .uf-cat-bullet{background:var(--color-flash)}.uf-item--category.active .uf-cat-bullet{background:var(--color-amber);box-shadow:0 0 0 3px rgba(245,158,11,.3)}.uf-no-results{padding:var(--space-lg);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.uf-machine-selector{padding:var(--space-sm) var(--space-md)}.uf-machine-selector label{display:block;font-size:11px;color:var(--color-text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.uf-machine-selector select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-warm);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.uf-machine-selector select:focus{outline:none;border-color:var(--color-flash)}.uf-loading{text-align:center}.uf-loading,.uf-machine-clear{padding:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.uf-machine-clear{display:block;width:calc(100% - var(--space-md) * 2);margin:var(--space-sm) var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.uf-machine-clear:hover{border-color:var(--color-flash);color:var(--color-flash)}.uf-machine-tree{padding:var(--space-xs) 0}.uf-item--clear{color:var(--color-text-secondary);font-size:var(--text-xs);border-bottom:1px dashed var(--color-border);margin-bottom:var(--space-xs)}.uf-item--clear:hover{color:var(--color-flash)}.uf-tree-item{display:flex;align-items:center;gap:6px;padding:8px var(--space-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border-left:2px solid transparent}.uf-tree-item:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.uf-tree-arrow{width:12px;height:12px;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.uf-tree-item.expanded .uf-tree-arrow{transform:rotate(90deg);color:var(--color-flash)}.uf-tree-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uf-tree-name--brand{font-weight:600;color:var(--color-amber)}.uf-tree-count{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-bg-hover);color:var(--color-text-primary)}.uf-tree-count--products{background:transparent;color:var(--color-text-secondary);font-weight:500}.uf-tree-item--family{font-weight:600;color:var(--color-text-primary)}.uf-tree-item--type{padding-left:calc(var(--space-md) + 12px);font-size:13px}.uf-tree-item--brand{padding-left:calc(var(--space-md) + 24px);font-size:13px}.uf-tree-item--model{padding-left:calc(var(--space-md) + 36px);font-size:12px}.uf-tree-bullet{width:5px;height:5px;border-radius:50%;background:var(--color-border);flex-shrink:0}.uf-tree-item--model:hover .uf-tree-bullet{background:var(--color-flash)}.uf-tree-item--model.active{background:rgba(255,107,0,.15);border-left-color:var(--color-flash);color:var(--color-flash)}.uf-tree-item--model.active .uf-tree-bullet{background:var(--color-flash);box-shadow:0 0 0 3px rgba(255,107,0,.3)}.uf-tree-item--model.active .uf-tree-count--products{color:var(--color-flash);font-weight:600}.uf-tree-children{background:var(--color-bg-warm)}.uf-hint{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7}@media (max-width:1024px){.unified-filter{width:280px}.uf-search-hero{padding:var(--space-md)}.uf-search-input{padding:12px 40px 12px 44px;font-size:var(--text-sm)}}@media (max-width:768px){.unified-filter{position:fixed;left:0;top:0;bottom:0;z-index:100;width:90vw;max-width:360px;transform:translateX(-100%);transition:transform .3s ease;box-shadow:4px 0 30px rgba(0,0,0,.6)}.unified-filter.open{transform:translateX(0)}.uf-search-hero{padding:var(--space-lg) var(--space-md)}}