.nav-autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:500px;overflow-y:auto;z-index:1000;margin-top:4px;display:none}.nav-autocomplete-list.active{display:block}.autocomplete-suggestions{padding:4px 0}.autocomplete-item{padding:12px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s;border-bottom:1px solid #f3f4f6}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:#f9fafb}.autocomplete-item.selected{background:#ecfdf5}.suggestion-image{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.suggestion-image img{width:100%;height:100%;object-fit:contain}.suggestion-details,.suggestion-details-full{flex:1;min-width:0}.suggestion-style-number{font-weight:600;color:#1f2937;font-size:14px;margin-bottom:2px;display:flex;align-items:center;gap:8px}.autocomplete-item.no-image{padding:10px 12px;gap:0}.autocomplete-item.no-image .suggestion-details-full{padding-right:12px}.suggestion-product-name{color:#6b7280;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.suggestion-colors{font-size:11px;color:#9ca3af}.suggestion-price{font-weight:600;color:#4cb354;font-size:14px;margin-left:auto;padding-left:12px}.suggestion-badge{background:#4cb354;color:#fff;font-size:9px;padding:2px 6px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.autocomplete-footer{padding:8px 12px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:11px;color:#6b7280;text-align:center}.autocomplete-footer kbd{background:#fff;border:1px solid #d1d5db;padding:2px 6px;border-radius:3px;font-size:10px;font-family:monospace;box-shadow:0 1px #0000001a}.autocomplete-loading,.autocomplete-no-results,.autocomplete-error{padding:20px;text-align:center;color:#6b7280}.autocomplete-loading{display:flex;align-items:center;justify-content:center;gap:10px}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#4cb354;border-radius:50%;animation:spin .6s linear infinite}.nav-search{position:relative}.filters-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.filters-container{position:relative}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.filters-header h3{font-size:1.25rem;color:#1f2937;margin:0}.clear-filters-btn{background:none;border:none;color:#4cb354;cursor:pointer;font-size:.875rem;padding:5px 10px;border-radius:4px;transition:background .2s}.clear-filters-btn:hover{background:#f3f4f6}.filter-section{margin-bottom:25px}.filter-title{font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{display:flex;align-items:center;cursor:pointer;padding:4px 0;font-size:.875rem;color:#374151}.filter-option:hover{color:#4cb354}.filter-option input[type=checkbox]{margin-right:8px;cursor:pointer}.filter-option.disabled{opacity:.5;cursor:not-allowed}.option-name{flex:1}.option-count{color:#9ca3af;font-size:.75rem;margin-left:4px}.price-inputs{display:flex;align-items:center;gap:10px;margin-bottom:10px}.price-inputs input{width:80px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.price-apply-btn{padding:6px 12px;background:#4cb354;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.price-apply-btn:hover{background:#409a47}.price-ranges{display:flex;flex-wrap:wrap;gap:8px}.price-range-btn{padding:4px 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s}.price-range-btn:hover{background:#4cb354;color:#fff;border-color:#4cb354}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px}.color-option{position:relative;width:40px;height:40px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#4cb354;box-shadow:0 0 0 2px #4cb35433}.color-swatch{width:100%;height:100%;border-radius:2px;border:1px solid #e5e7eb}.color-count{position:absolute;bottom:-6px;right:-6px;background:#1f2937;color:#fff;font-size:.625rem;padding:2px 4px;border-radius:10px;line-height:1}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.size-option{padding:8px 4px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;text-align:center;font-size:.875rem;transition:all .2s;position:relative}.size-option:hover:not(.disabled){background:#f3f4f6;border-color:#4cb354}.size-option.selected{background:#4cb354;color:#fff;border-color:#4cb354}.size-option.disabled{opacity:.4;cursor:not-allowed}.size-count{display:block;font-size:.625rem;margin-top:2px;opacity:.8}.filter-search{margin-bottom:10px}.brand-search{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.filter-options.scrollable{max-height:200px;overflow-y:auto}.product-grid-container{flex:1}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.results-info h2{font-size:1.5rem;margin:0;color:#1f2937}.results-count{color:#6b7280;font-size:.875rem;margin-top:4px}.results-controls{display:flex;align-items:center;gap:20px}.sort-control{display:flex;align-items:center;gap:8px}.sort-control label{font-size:.875rem;color:#6b7280}.sort-select{padding:6px 30px 6px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:.875rem;cursor:pointer}.view-controls{display:flex;gap:4px}.view-btn{padding:6px 8px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-btn:hover{background:#f3f4f6}.view-btn.active{background:#4cb354;border-color:#4cb354;color:#fff}.view-btn svg{width:16px;height:16px;fill:currentColor}.products-grid{display:grid;gap:20px;margin-bottom:40px}.products-grid[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.products-grid[data-view=list]{grid-template-columns:1fr}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s;display:flex;flex-direction:column}.product-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.product-image-container{position:relative;padding-top:100%;background:#f9fafb;overflow:hidden}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:10px}.badge{position:absolute;top:10px;left:10px;padding:4px 8px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase}.badge.top-seller{background:#f59e0b}.badge.sale{background:#ef4444}.product-quick-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .2s}.product-card:hover .product-quick-actions{opacity:1}.quick-view-btn{width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quick-view-btn:hover{background:#4cb354;border-color:#4cb354;color:#fff}.product-info{padding:15px;flex:1;display:flex;flex-direction:column}.product-brand{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.product-name{font-size:.9375rem;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4}.product-link{color:inherit;text-decoration:none}.product-link:hover{color:#4cb354}.product-style{font-size:.75rem;color:#9ca3af;margin-bottom:8px}.product-price{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:8px}.product-price .as-low-as{font-size:.85em;color:#6b7280;font-weight:400}.price-sale{color:#ef4444}.price-original{text-decoration:line-through;color:#9ca3af;font-size:.875rem;margin-left:8px}.product-meta{display:flex;gap:12px;font-size:.75rem;color:#6b7280;margin-bottom:10px}.product-colors{display:flex;gap:4px;align-items:center;margin-top:auto}.product-colors .color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid #e5e7eb}.more-colors{font-size:.75rem;color:#6b7280;margin-left:4px}.product-list-item{display:flex;gap:20px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .3s}.product-list-item:hover{box-shadow:0 4px 12px #00000026}.product-list-item .product-image-container{width:150px;height:150px;padding-top:0;flex-shrink:0}.product-list-item .product-details{flex:1}.product-list-item .product-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:150px}.view-product-btn{padding:8px 16px;background:#4cb354;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.view-product-btn:hover{background:#409a47}.pagination-container{display:flex;justify-content:center;align-items:center;margin:40px 0;gap:20px}.pagination{display:flex;align-items:center;gap:8px}.page-btn{padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s;min-width:36px;text-align:center}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#4cb354}.page-btn.active{background:#4cb354;color:#fff;border-color:#4cb354}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{padding:0 8px;color:#9ca3af}.page-info{font-size:.875rem;color:#6b7280}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#4cb354;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.infinite-scroll-loader{display:flex;justify-content:center;padding:20px}.no-results{text-align:center;padding:60px 20px}.no-results-icon{color:#d1d5db;margin-bottom:20px}.no-results h3{font-size:1.25rem;color:#4b5563;margin:0 0 8px}.no-results p{color:#9ca3af;font-size:.875rem}.bg-black{background-color:#000}.bg-white{background-color:#fff;border:1px solid #e5e7eb}.bg-grey{background-color:gray}.bg-navy{background-color:#001f3f}.bg-blue{background-color:#0074d9}.bg-red{background-color:#ff4136}.bg-green{background-color:#2ecc40}.bg-yellow{background-color:#ffdc00}.bg-orange{background-color:#ff851b}.bg-purple{background-color:#b10dc9}.bg-pink{background-color:#f012be}.bg-brown{background-color:#85144b}.bg-default{background:linear-gradient(45deg,#e5e7eb 25%,transparent 25%,transparent 75%,#e5e7eb 75%,#e5e7eb),linear-gradient(45deg,#e5e7eb 25%,transparent 25%,transparent 75%,#e5e7eb 75%,#e5e7eb);background-size:10px 10px;background-position:0 0,5px 5px}.results-section{display:flex;gap:20px;padding:20px}.filters-sidebar{width:280px;flex-shrink:0}.products-container{flex:1;min-width:0}@media(max-width:768px){.results-section{flex-direction:column}.filters-sidebar{width:100%;position:fixed;top:0;left:-100%;height:100vh;z-index:1000;transition:left .3s;max-height:100vh}.filters-sidebar.filters-open{left:0}.filters-toggle{display:block;position:fixed;bottom:20px;right:20px;padding:12px 20px;background:#4cb354;color:#fff;border:none;border-radius:50px;box-shadow:0 4px 12px #0003;z-index:999;cursor:pointer}.products-grid[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.results-header{flex-direction:column;align-items:flex-start;gap:15px}.results-controls{width:100%;justify-content:space-between}.product-list-item{flex-direction:column}.product-list-item .product-image-container{width:100%;height:200px}.product-list-item .product-pricing{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}@media(max-width:480px){.products-grid[data-view=grid]{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.size-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}*{transition-property:none}.product-card,.product-list-item,.filter-option,.page-btn,.view-btn,.color-option,.size-option{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}.filters-section{border-top:2px solid #2d5f3f;margin-top:20px;background:linear-gradient(to bottom,#f9fafb,#fff);padding:16px 12px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.filter-group{margin-bottom:20px}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer;user-select:none}.filter-title{font-size:15px;font-weight:700;color:#2d5f3f;margin:0;text-transform:uppercase;letter-spacing:.8px}.filter-toggle{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;transition:transform .2s ease}.filter-toggle:hover{color:#1f2937}.filter-toggle.collapsed{transform:rotate(-90deg)}.filter-options{max-height:400px;overflow-y:auto;padding:8px 0;transition:max-height .3s ease}.filter-options.collapsed{max-height:0;overflow:hidden;padding:0}.filter-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background-color .2s ease;margin-bottom:4px}.filter-option:hover{background-color:#f9fafb}.filter-option input[type=checkbox]{width:18px;height:18px;margin:0 10px 0 0;cursor:pointer;accent-color:#2d5f3f}.filter-label{flex:1;font-size:14px;color:#374151;font-weight:400}.filter-count{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:12px;font-weight:500;min-width:24px;text-align:center}.clear-filters-btn{width:100%;padding:10px 16px;margin-top:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.clear-filters-btn:hover{background:#fef2f2;border-color:#dc2626}.clear-filters-btn svg{width:16px;height:16px}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.filter-options::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.filters-section{padding:12px;margin-top:12px}.filter-option{padding:10px 8px}.filter-title,.filter-label{font-size:13px}.clear-filters-btn{padding:12px 16px;font-size:15px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-section{animation:slideDown .3s ease-out}.smart-filters-notice{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 2px 8px #0ea5e91a}.smart-filters-notice .notice-icon{font-size:24px}.smart-filters-notice .notice-text{font-weight:600;color:#0c4a6e;font-size:15px}.smart-filter-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.smart-filter-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid #0ea5e9;border-radius:20px;padding:6px 12px;font-size:14px;color:#0c4a6e;transition:all .2s ease}.smart-filter-badge:hover{background:#f0f9ff;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 2px 6px #0ea5e926}.smart-filter-badge .badge-icon{font-size:16px}.smart-filter-badge .badge-label{font-weight:500}.smart-filter-badge .badge-remove{background:transparent;border:none;color:#64748b;font-size:20px;line-height:1;cursor:pointer;padding:0;margin-left:4px;transition:all .2s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.smart-filter-badge .badge-remove:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}@media(max-width:768px){.smart-filters-notice{padding:12px 16px;gap:8px}.smart-filters-notice .notice-icon{font-size:20px}.smart-filters-notice .notice-text{font-size:13px;flex-basis:100%}.smart-filter-badges{flex-basis:100%}.smart-filter-badge{font-size:13px;padding:5px 10px}}