:root{--cs-cyan: #0ea5e9;--cs-gray-dark: #000;--cs-cyan-dark: #001f3f;--cs-cyan-2: #0074d9;--cs-red-2: #ff4136;--cs-green: #2ecc40;--cs-yellow: #ffdc00;--cs-orange: #ff851b;--cs-violet: #b10dc9;--cs-magenta: #f012be;--cs-magenta-2: #85144b;--cs-cyan-3: #0284c7}.nav-autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--gray-200);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 var(--gray-100)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:var(--gray-50)}.autocomplete-item.selected{background:var(--brand-50)}.suggestion-image{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--gray-100);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:var(--gray-800);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:var(--gray-500);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.suggestion-colors{font-size:11px;color:var(--gray-400)}.suggestion-price{font-weight:600;color:var(--brand-500);font-size:14px;margin-left:auto;padding-left:12px}.suggestion-badge{background:var(--brand-500);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:var(--gray-50);border-top:1px solid var(--gray-200);font-size:11px;color:var(--gray-500);text-align:center}.autocomplete-footer kbd{background:#fff;border:1px solid var(--gray-300);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:var(--gray-500)}.autocomplete-loading{display:flex;align-items:center;justify-content:center;gap:10px}.loading-spinner{width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--brand-500);border-radius:50%;animation:spin .6s linear infinite}.nav-search{position:relative}.filters-sidebar{background:var(--color-surface);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 var(--gray-200)}.filters-header h3{font-size:1.25rem;color:var(--gray-800);margin:0}.clear-filters-btn{background:none;border:none;color:var(--brand-500);cursor:pointer;font-size:.875rem;padding:5px 10px;border-radius:4px;transition:background .2s}.clear-filters-btn:hover{background:var(--gray-100)}.filter-section{margin-bottom:25px}.filter-title{font-size:.875rem;font-weight:600;color:var(--gray-600);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:var(--gray-700)}.filter-option:hover{color:var(--brand-500)}.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:var(--gray-400);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 var(--gray-300);border-radius:4px;font-size:.875rem}.price-apply-btn{padding:6px 12px;background:var(--brand-500);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.price-apply-btn:hover{background:var(--brand-600)}.price-ranges{display:flex;flex-wrap:wrap;gap:8px}.price-range-btn{padding:4px 8px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s}.price-range-btn:hover{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.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:var(--brand-500);box-shadow:0 0 0 2px #4cb35433}.color-swatch{width:100%;height:100%;border-radius:2px;border:1px solid var(--gray-200)}.color-count{position:absolute;bottom:-6px;right:-6px;background:var(--gray-800);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:var(--gray-50);border:1px solid var(--gray-200);border-radius:4px;cursor:pointer;text-align:center;font-size:.875rem;transition:all .2s;position:relative}.size-option:hover:not(.disabled){background:var(--gray-100);border-color:var(--brand-500)}.size-option.selected{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.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 var(--gray-300);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:var(--gray-800)}.results-count{color:var(--gray-500);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:var(--gray-500)}.sort-select{padding:6px 30px 6px 10px;border:1px solid var(--gray-300);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 var(--gray-300);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-btn:hover{background:var(--gray-100)}.view-btn.active{background:var(--brand-500);border-color:var(--brand-500);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:var(--gray-50);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:var(--red-500);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase}.badge.top-seller{background:var(--amber-500)}.badge.sale{background:var(--red-500)}.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 var(--gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quick-view-btn:hover{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.product-info{padding:15px;flex:1;display:flex;flex-direction:column}.product-brand{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.product-name{font-size:.9375rem;font-weight:600;color:var(--gray-800);margin:0 0 8px;line-height:1.4}.product-link{color:inherit;text-decoration:none}.product-link:hover{color:var(--brand-500)}.product-style{font-size:.75rem;color:var(--gray-400);margin-bottom:8px}.product-price{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin-bottom:8px}.product-price .as-low-as{font-size:.85em;color:var(--gray-500);font-weight:400}.price-sale{color:var(--red-500)}.price-original{text-decoration:line-through;color:var(--gray-400);font-size:.875rem;margin-left:8px}.product-meta{display:flex;gap:12px;font-size:.75rem;color:var(--gray-500);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 var(--gray-200)}.more-colors{font-size:.75rem;color:var(--gray-500);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:var(--brand-500);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.view-product-btn:hover{background:var(--brand-600)}.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 var(--gray-300);border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s;min-width:36px;text-align:center}.page-btn:hover:not(:disabled){background:var(--gray-100);border-color:var(--brand-500)}.page-btn.active{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{padding:0 8px;color:var(--gray-400)}.page-info{font-size:.875rem;color:var(--gray-500)}.loading-overlay{position:absolute;inset:0;background:#ffffffe5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--brand-500);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:var(--gray-300);margin-bottom:20px}.no-results h3{font-size:1.25rem;color:var(--gray-600);margin:0 0 8px}.no-results p{color:var(--gray-400);font-size:.875rem}.bg-black{background-color:var(--cs-gray-dark)}.bg-white{background-color:var(--color-on-brand);border:1px solid var(--gray-200)}.bg-grey{background-color:var(--store-ink-faint)}.bg-navy{background-color:var(--cs-cyan-dark)}.bg-blue{background-color:var(--cs-cyan-2)}.bg-red{background-color:var(--cs-red-2)}.bg-green{background-color:var(--cs-green)}.bg-yellow{background-color:var(--cs-yellow)}.bg-orange{background-color:var(--cs-orange)}.bg-purple{background-color:var(--cs-violet)}.bg-pink{background-color:var(--cs-magenta)}.bg-brown{background-color:var(--cs-magenta-2)}.bg-default{background:linear-gradient(45deg,var(--gray-200) 25%,transparent 25%,transparent 75%,var(--gray-200) 75%,var(--gray-200)),linear-gradient(45deg,var(--gray-200) 25%,transparent 25%,transparent 75%,var(--gray-200) 75%,var(--gray-200));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(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:var(--brand-500);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(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 var(--print-green);margin-top:20px;background:linear-gradient(to bottom,var(--gray-50) 0%,var(--color-surface) 100%);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:var(--print-green);margin:0;text-transform:uppercase;letter-spacing:.8px}.filter-toggle{background:none;border:none;padding:4px;cursor:pointer;color:var(--gray-500);display:flex;align-items:center;transition:transform .2s ease}.filter-toggle:hover{color:var(--gray-800)}.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:var(--gray-50)}.filter-option input[type=checkbox]{width:18px;height:18px;margin:0 10px 0 0;cursor:pointer;accent-color:var(--print-green)}.filter-label{flex:1;font-size:14px;color:var(--gray-700);font-weight:400}.filter-count{font-size:12px;color:var(--gray-500);background:var(--gray-100);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 var(--gray-200);border-radius:8px;color:var(--red-600);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:var(--red-50);border-color:var(--red-600)}.clear-filters-btn svg{width:16px;height:16px}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.filter-options::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(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,var(--color-floor-tint) 0%,var(--sky-100) 100%);border:2px solid var(--cs-cyan);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:var(--sky-900);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 var(--cs-cyan);border-radius:20px;padding:6px 12px;font-size:14px;color:var(--sky-900);transition:all .2s ease}.smart-filter-badge:hover{background:var(--color-floor-tint);border-color:var(--cs-cyan-3);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:var(--slate-500);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:var(--red-100);color:var(--red-600);transform:scale(1.1)}@media(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}}