:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-rgb: 99, 102, 241;--products-bg: var(--bg-secondary);--products-sidebar-bg: var(--bg-card);--products-filter-border: var(--border-color);--products-filter-hover: var(--bg-tertiary);--products-card-bg: var(--bg-card);--products-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--products-card-hover-shadow: 0 4px 16px rgba(0, 0, 0, .15);--products-badge-new: var(--badge-new);--products-badge-sale: var(--badge-sale);--products-badge-shipping: var(--badge-shipping);--products-rating-color: #fbbf24;--products-price-color: var(--text-primary);--products-price-sale: var(--price-sale);--products-loading-bg: rgba(255, 255, 255, .9);--products-toast-bg: var(--bg-card);--products-toast-shadow: 0 4px 12px rgba(0, 0, 0, .15)}.dark{--products-bg: var(--bg-secondary);--products-sidebar-bg: var(--bg-card);--products-filter-border: #334155;--products-filter-hover: var(--bg-tertiary);--products-card-bg: #2d3748;--products-card-shadow: 0 4px 12px rgba(0, 0, 0, .4);--products-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .5);--products-loading-bg: rgba(0, 0, 0, .9);--products-toast-bg: var(--bg-card);--products-toast-shadow: 0 4px 12px rgba(0, 0, 0, .4)}.products-container{display:grid;grid-template-columns:300px 1fr;gap:var(--space-xl);min-height:100vh;background:var(--products-bg);padding:var(--space-lg)}@media(max-width:1024px){.products-container{grid-template-columns:1fr;gap:var(--space-lg)}}.products-sidebar{background:var(--products-sidebar-bg);border-radius:var(--radius-lg);padding:var(--space-lg);height:-moz-fit-content;height:fit-content;position:sticky;top:var(--space-lg);border:1px solid var(--products-filter-border);box-shadow:var(--products-card-shadow)}.dark .products-sidebar{border-color:#334155!important}.dark .sidebar-header{border-bottom-color:#334155!important}.dark .filter-section{border-color:#334155!important}.dark .filter-title{border-bottom-color:#334155!important}.dark .filter-search-input,.dark .filter-select,.dark .price-input,.dark .dropdown-trigger,.dark .dropdown-menu{border-color:#334155!important}.dark .dropdown-option{border-bottom-color:#334155!important}.dark .price-inputs,.dark .quick-filter-option,.dark .color-option,.dark .brand-option,.dark .size-option,.dark .price-stats,.dark .rating-option{border-color:#334155!important}.mobile-filter-toggle,.mobile-view-toggle{background:var(--bg-card)!important;border:none!important;border-radius:var(--radius-lg)!important;padding:var(--space-md) var(--space-lg)!important;color:var(--text-primary)!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;align-items:center!important;gap:var(--space-sm)!important;width:100%!important;justify-content:center!important}.mobile-filter-toggle:hover,.mobile-view-toggle:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #8b5cf64d!important}.mobile-filter-toggle:active,.mobile-view-toggle:active{transform:translateY(0)!important;box-shadow:0 2px 8px #8b5cf633!important}.dark .mobile-filter-toggle,.dark .mobile-view-toggle{background:#334155!important;color:#f8fafc!important;box-shadow:0 2px 8px #0000004d!important}.dark .mobile-filter-toggle:hover,.dark .mobile-view-toggle:hover{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 16px #8b5cf666!important}.sort-select{background:var(--bg-card)!important;border:none!important;border-radius:var(--radius-lg)!important;padding:var(--space-md) var(--space-lg)!important;color:var(--text-primary)!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.5em 1.5em!important;padding-right:2.5rem!important}.sort-select:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #8b5cf633!important}.sort-select:focus{outline:none!important;background:var(--primary)!important;color:#fff!important;box-shadow:0 0 0 3px #8b5cf61a!important}.dark .sort-select{background:#334155!important;color:#f8fafc!important;box-shadow:0 2px 8px #0000004d!important}.dark .sort-select:hover{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 12px #8b5cf64d!important}.dark .sort-select:focus{background:var(--primary)!important;color:#fff!important;box-shadow:0 0 0 3px #8b5cf633!important}.view-options-buttons{background:var(--bg-card)!important;border:none!important;border-radius:var(--radius-lg)!important;padding:var(--space-xs)!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;gap:var(--space-xs)!important}.view-btn{background:transparent!important;border:none!important;border-radius:var(--radius-md)!important;padding:var(--space-sm)!important;color:var(--text-secondary)!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;min-height:40px!important}.view-btn:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important}.view-btn.active{background:var(--primary)!important;color:#fff!important;box-shadow:0 2px 8px #8b5cf64d!important}.view-btn.active:hover{background:var(--primary-hover)!important;color:#fff!important;transform:translateY(-1px)!important}.dark .view-options-buttons{background:#334155!important;box-shadow:0 2px 8px #0000004d!important}.dark .view-btn{color:#cbd5e1!important}.dark .view-btn:hover{background:#475569!important;color:#f8fafc!important}.dark .view-btn.active{background:var(--primary)!important;color:#fff!important;box-shadow:0 2px 8px #8b5cf666!important}.dark .view-btn.active:hover{background:var(--primary-hover)!important;color:#fff!important}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--products-filter-border)}.sidebar-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.clear-filters-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--danger);color:#fff;border:none;border-radius:12px;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px)}.filter-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-light);overflow:visible;margin-bottom:var(--space-lg);transition:all .3s ease}.filter-section:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.filter-section:last-child{margin-bottom:0}.filter-section:has(.custom-dropdown){overflow:visible!important;z-index:999998}.filter-title{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--bg-primary),var(--bg-card));font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.filter-title-left{display:flex;align-items:center;gap:var(--space-sm)}.filter-title ion-icon{color:var(--primary);font-size:1.125rem}.filter-section-content{padding:var(--space-lg)}.filter-search-input,.filter-select,.price-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--products-filter-border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.filter-search-input:hover,.filter-select:hover,.price-input:hover{border-color:var(--primary);box-shadow:0 2px 8px #8b5cf626}.filter-search-input:focus,.filter-select:focus,.price-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.dark .filter-search-input,.dark .filter-select,.dark .price-input{background:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.dark .filter-search-input:focus,.dark .filter-select:focus,.dark .price-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.filter-search-input:focus,.filter-select:focus,.price-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.custom-dropdown{position:relative;width:100%;z-index:999999}.dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border:2px solid var(--products-filter-border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.dropdown-trigger:hover{border-color:var(--primary);background:var(--products-filter-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.dropdown-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.dropdown-text{flex:1;text-align:left;font-weight:500}.dropdown-icon{font-size:16px;transition:transform .3s ease;color:var(--text-muted)}.dropdown-trigger.active .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#fff!important;background-color:#fff!important;border:2px solid var(--products-filter-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000026;z-index:999999!important;max-height:200px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;margin-top:4px;min-width:200px;max-width:300px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-secondary)}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;border:1px solid var(--bg-secondary)}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.dropdown-menu.active{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.dropdown-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--products-filter-border);font-size:var(--font-size-sm);color:var(--text-primary)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--products-filter-hover);color:var(--primary)}.dropdown-option.selected{background:var(--primary-light);color:var(--primary);font-weight:600}.dropdown-option ion-icon{font-size:16px;color:var(--text-muted);transition:color .3s ease}.dropdown-option:hover ion-icon,.dropdown-option.selected ion-icon{color:var(--primary)}.category-count{font-size:.75rem;color:var(--text-muted);font-weight:500;margin-left:auto;padding:.125rem .375rem;background:var(--bg-secondary);border-radius:12px;transition:all .3s ease}.dropdown-option:hover .category-count{background:var(--primary-light);color:var(--primary)}.dropdown-option.selected .category-count{background:var(--primary);color:#fff}.dark .dropdown-trigger{background:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.dark .dropdown-trigger:hover{background:var(--products-filter-hover-dark);border-color:var(--primary)}.dark .dropdown-menu{background:#1f2937!important;background-color:#1f2937!important;border-color:var(--border-color-dark);box-shadow:0 8px 32px #0000004d;scrollbar-color:var(--primary) var(--bg-secondary-dark)}.dark .dropdown-menu::-webkit-scrollbar-track{background:var(--bg-secondary-dark)}.dark .dropdown-menu::-webkit-scrollbar-thumb{background:var(--primary);border:1px solid var(--bg-secondary-dark)}.dark .dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.dark .dropdown-option{color:var(--text-primary-dark);border-bottom-color:var(--border-color-dark)}.dark .dropdown-option:hover{background:var(--products-filter-hover-dark);color:var(--primary)}.dark .dropdown-option.selected{background:var(--primary-light-dark);color:var(--primary)}.dark .dropdown-option ion-icon{color:var(--text-muted-dark)}.dark .dropdown-option:hover ion-icon,.dark .dropdown-option.selected ion-icon{color:var(--primary)}.dark .category-count{background:var(--bg-secondary-dark);color:var(--text-muted-dark)}.dark .dropdown-option:hover .category-count{background:var(--primary-light-dark);color:var(--primary)}.dark .dropdown-option.selected .category-count{background:var(--primary);color:#fff}.filter-section:has(.custom-dropdown){overflow:visible!important;z-index:999998;position:relative}.filter-search-input::-moz-placeholder,.price-input::-moz-placeholder{color:var(--text-muted)}.filter-search-input::placeholder,.price-input::placeholder{color:var(--text-muted)}.price-range{display:flex;flex-direction:column;gap:var(--space-md)}.price-inputs{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--products-filter-border);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.price-inputs:hover{border-color:var(--primary);box-shadow:0 2px 8px #8b5cf626}.price-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--products-filter-border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;text-align:center;transition:all .3s ease}.price-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf61a;background:var(--bg-primary)}.price-separator{color:var(--text-secondary);font-weight:600;font-size:var(--font-size-sm);padding:0 var(--space-xs)}.price-stats{text-align:center;padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--products-filter-border)}.price-stats small{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500}.dark .price-inputs{background:var(--bg-card-dark);border-color:var(--products-filter-border-dark);box-shadow:0 1px 3px #0000004d}.dark .price-inputs:hover{border-color:var(--primary);box-shadow:0 2px 8px #8b5cf640}.dark .price-input{background:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.dark .price-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf633;background:var(--bg-tertiary-dark)}.dark .price-separator{color:var(--text-secondary-dark)}.dark .price-stats{background:var(--bg-secondary-dark);border-color:var(--products-filter-border-dark)}.dark .price-stats small{color:var(--text-muted-dark)}.quick-filters{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-filter-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--products-filter-border);border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--bg-card);position:relative;overflow:hidden}.quick-filter-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.quick-filter-option:hover:before{left:100%}.quick-filter-option:hover{background:var(--products-filter-hover);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.quick-filter-option input:checked+.quick-filter-text{color:var(--primary)}.quick-filter-option input:checked{background:var(--primary-light)}.quick-filter-checkbox{width:18px;height:18px;accent-color:var(--primary);border-radius:4px}.quick-filter-text{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;flex:1}.quick-filter-text ion-icon{font-size:1.25rem;color:var(--text-muted);transition:color .2s ease}.quick-filter-option:hover .quick-filter-text ion-icon{color:var(--primary)}.color-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm);max-width:100%}.color-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--products-filter-border);border-radius:16px;cursor:pointer;transition:all .3s ease;background:#f8fafc;position:relative;min-height:90px;justify-content:center;overflow:hidden;box-shadow:0 1px 3px #0000001a;z-index:1}.color-option:hover{background:var(--products-filter-hover);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.color-option input:checked+.color-circle{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.color-option input:checked~.color-name{color:var(--primary);font-weight:600}.color-option:has(input:checked){border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px #8b5cf633;transform:translateY(-1px)}.color-option-hidden{display:none}.color-checkbox{position:absolute;top:var(--space-xs);right:var(--space-xs);width:16px;height:16px;accent-color:var(--primary);opacity:0;pointer-events:none}.color-circle{width:36px;height:36px;border-radius:50%;border:3px solid var(--products-filter-border);transition:all .3s ease;box-shadow:0 4px 8px #00000026}.color-name{font-size:var(--font-size-xs);color:var(--text-primary);text-align:center;font-weight:500;line-height:1.2;max-width:100%;word-wrap:break-word}.brand-filters{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);max-width:100%}.brand-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--products-filter-border);border-radius:16px;cursor:pointer;transition:all .3s ease;background:#f8fafc;position:relative;min-height:90px;justify-content:center;overflow:hidden;box-shadow:0 1px 3px #0000001a;z-index:1}.brand-option:hover{background:var(--products-filter-hover);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.brand-option:has(.brand-checkbox:checked){border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px #8b5cf633;transform:translateY(-1px)}.brand-option:has(.brand-checkbox:checked) .brand-name{color:var(--primary);font-weight:600}.brand-option:has(.brand-checkbox:checked) .brand-logo{filter:grayscale(0);transform:scale(1.05)}.brand-checkbox{position:absolute;top:var(--space-xs);right:var(--space-xs);width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;opacity:0;pointer-events:none}.brand-checkbox:checked{background:var(--primary);border-color:var(--primary);position:absolute;width:0;height:0;border:none;top:0;right:0;opacity:0}.brand-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.brand-logo-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-xs)}.brand-logo{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;filter:grayscale(.3);transition:all .3s ease}.brand-option:hover .brand-logo{filter:grayscale(0);transform:scale(1.05)}.brand-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.5rem}.brand-name{font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary);text-align:center;line-height:1.2;max-width:100%;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;word-break:keep-all;white-space:normal;min-width:0;flex-shrink:1}.brand-option-hidden{display:none}.dark .color-option{background:#334155;border-color:var(--products-filter-border-dark);box-shadow:0 1px 3px #0000004d}.dark .color-option:hover{background:var(--products-filter-hover-dark);border-color:var(--primary);box-shadow:0 2px 8px #0003}.dark .color-option:has(input:checked){background:var(--primary-light-dark);border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf64d}.dark .brand-option{background:#334155;border-color:var(--products-filter-border-dark);box-shadow:0 1px 3px #0000004d}.dark .brand-option:hover{background:var(--products-filter-hover-dark);border-color:var(--primary)}.dark .brand-checkbox{background:var(--bg-card-dark);border-color:var(--products-filter-border-dark)}.dark .brand-name{color:var(--text-primary-dark)}.dark .brand-fallback{color:var(--text-muted-dark)}.size-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:var(--space-sm);max-width:100%}.size-option{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--products-filter-border);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8fafc;position:relative;min-height:60px;overflow:hidden;box-shadow:0 1px 3px #0000001a;z-index:1}.size-option:hover{background:var(--products-filter-hover);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.size-option input:checked+.size-name{color:var(--primary);font-weight:600}.size-option input:checked{background:var(--primary-light)}.size-option:has(input:checked){border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px #8b5cf633;transform:translateY(-1px)}.size-option-hidden{display:none}.dark .size-option{background:#334155;border-color:var(--products-filter-border-dark);box-shadow:0 1px 3px #0000004d}.dark .size-option:hover{background:var(--products-filter-hover-dark);border-color:var(--primary);box-shadow:0 2px 8px #0003}.dark .size-option:has(input:checked){background:var(--primary-light-dark);border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf64d}.size-checkbox{position:absolute;top:var(--space-xs);right:var(--space-xs);width:16px;height:16px;accent-color:var(--primary);opacity:0;pointer-events:none}.size-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;text-align:center}.show-more-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:8px!important;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;background:var(--primary);color:#fff;box-shadow:0 2px 4px #8b5cf633;position:relative;overflow:hidden;margin-top:var(--space-md)}.show-more-btn.expanded{margin-top:var(--space-sm);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--products-filter-border);box-shadow:0 2px 4px #0000001a}.show-more-btn.dual-buttons{all:unset;display:flex!important;flex-direction:column!important;gap:var(--space-sm)!important;padding:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border:none!important;margin:0!important;width:100%!important}.show-more-btn.dual-buttons .show-less-btn,.show-more-btn.dual-buttons .show-more-btn-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:8px!important;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.show-more-btn.dual-buttons .show-less-btn{margin-top:var(--space-sm);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--products-filter-border);box-shadow:0 2px 4px #0000001a}.show-more-btn.dual-buttons .show-more-btn-secondary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #8b5cf633}.show-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.show-more-btn:hover:before{left:100%}.show-more-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.show-more-btn:active{transform:translateY(0)}.show-more-btn.expanded:hover,.show-more-btn.dual-buttons .show-less-btn:hover{background:var(--products-filter-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.show-more-btn.dual-buttons .show-more-btn-secondary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.show-more-btn.dual-buttons .show-less-btn:active,.show-more-btn.dual-buttons .show-more-btn-secondary:active{transform:translateY(0)}.show-more-btn.dual-buttons .show-less-btn:focus,.show-more-btn.dual-buttons .show-more-btn-secondary:focus{outline:2px solid var(--primary);outline-offset:2px}.show-more-btn.dual-buttons *{pointer-events:auto}.rating-filters{display:flex;flex-direction:column;gap:var(--space-sm)}.rating-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--products-filter-border);border-radius:8px;background:var(--bg-card);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.rating-option:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.rating-option:has(.rating-checkbox:checked){border-color:var(--primary);background:var(--primary-light);box-shadow:0 4px 12px #8b5cf633}.rating-checkbox{opacity:0;position:absolute}.rating-stars{display:flex;gap:2px;align-items:center}.rating-stars .star{font-size:16px;color:var(--text-muted);transition:color .3s ease}.rating-stars .star.filled{color:#fbbf24}.rating-text{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);flex:1}.dark .rating-option{background:var(--bg-card-dark);border-color:var(--products-filter-border-dark)}.dark .rating-option:hover{background:var(--primary-light-dark);border-color:var(--primary)}.dark .rating-option:has(.rating-checkbox:checked){background:var(--primary-light-dark);border-color:var(--primary)}.dark .rating-stars .star{color:var(--text-muted-dark)}.dark .rating-stars .star.filled{color:#fbbf24}.dark .rating-text{color:var(--text-primary-dark)}.show-more-btn ion-icon{font-size:16px;transition:transform .3s ease}.show-more-btn.expanded ion-icon{transform:rotate(180deg)}.show-more-btn .btn-text{flex:1;text-align:center}.show-more-btn .btn-count{font-size:.75rem;color:#fff;padding:.125rem .375rem;font-weight:600}.dark .show-more-btn.expanded{background:#334155;color:var(--text-primary-dark);border-color:var(--products-filter-border-dark)}.dark .show-more-btn.expanded.dual-buttons:not(:has(.show-less-btn)){background:#334155!important;color:var(--text-primary-dark)!important;border-color:var(--products-filter-border-dark)!important}.dark .show-more-btn.dual-buttons .show-less-btn{background:#334155;color:var(--text-primary-dark);border-color:var(--products-filter-border-dark)}.dark .show-more-btn.expanded:hover{background:var(--products-filter-hover-dark);border-color:var(--primary)}.dark .show-more-btn.expanded.dual-buttons:not(:has(.show-less-btn)):hover{background:var(--products-filter-hover-dark)!important;border-color:var(--primary)!important;width:100%!important}.dark .show-more-btn.dual-buttons .show-less-btn:hover{background:var(--products-filter-hover-dark);border-color:var(--primary)}.filter-count-badge{background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);margin-left:auto;box-shadow:0 1px 3px #8b5cf633}.filter-label{flex:1}.filter-count{color:var(--text-muted);font-size:.75rem}.filter-actions{display:flex;gap:var(--space-sm);margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.apply-filters-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:1px solid var(--primary);border-radius:12px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.apply-filters-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.apply-filters-btn:hover:before{left:100%}.apply-filters-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.apply-filters-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.reset-filters-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-color);border-radius:12px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.reset-filters-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);transition:left .5s ease}.reset-filters-btn:hover:before{left:100%}.reset-filters-btn:hover{background:var(--products-filter-hover);color:var(--text-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.reset-filters-btn:active{transform:translateY(0)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-dots{display:flex;gap:.25rem;margin-top:1rem}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-muted)}.error-state ion-icon{font-size:3rem;color:var(--danger);margin-bottom:1rem}.error-state h3{color:var(--text-primary);margin-bottom:.5rem}.error-state .btn{margin-top:1rem}.products-main{display:flex;flex-direction:column;gap:var(--space-lg)}.products-top-bar{background:var(--products-sidebar-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--products-filter-border);box-shadow:var(--products-card-shadow);display:flex;flex-direction:column;gap:var(--space-md)}.products-top-row,.products-controls-row{display:flex;justify-content:space-between;align-items:center}.view-options-container{display:flex;align-items:center;gap:var(--space-sm)}.view-options-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0}.view-options-buttons{display:flex;gap:var(--space-xs);background:var(--bg-tertiary);padding:var(--space-xs);border-radius:var(--radius-md);border:1px solid var(--border-color)}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid transparent;background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;outline:none}.view-btn:focus{outline:none;border:2px solid transparent;box-shadow:none}.view-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.view-btn.active{background:var(--primary-color)!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)!important;border:2px solid var(--primary-color)!important}.view-btn.active:hover{background:var(--primary-hover)!important;color:#fff!important;transform:translateY(-1px);border:2px solid var(--primary-hover)!important}.view-btn.active:focus{background:var(--primary-color)!important;color:#fff!important;border:2px solid var(--primary-color)!important;outline:none!important}.view-btn ion-icon{font-size:18px}.dark .view-options-buttons{background:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.dark .view-btn{color:var(--text-secondary-dark)}.dark .view-btn:hover{background:var(--bg-hover-dark);color:var(--text-primary-dark)}.dark .view-btn.active{background:var(--primary-color)!important;color:#fff!important;border:2px solid var(--primary-color)!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)!important}.dark .view-btn.active:hover{background:var(--primary-hover)!important;color:#fff!important;border:2px solid var(--primary-hover)!important}.dark .view-btn.active:focus{background:var(--primary-color)!important;color:#fff!important;border:2px solid var(--primary-color)!important;outline:none!important}.mobile-controls{display:none;gap:var(--space-sm)}.mobile-filter-toggle,.mobile-view-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-filter-toggle:hover,.mobile-view-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-color)}.mobile-filter-toggle.active,.mobile-view-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mobile-filter-toggle:active,.mobile-view-toggle:active{transform:scale(.95)}@media(max-width:768px){.mobile-filter-toggle,.mobile-view-toggle{min-height:44px;padding:var(--space-md) var(--space-lg)}}.mobile-filter-toggle ion-icon,.mobile-view-toggle ion-icon{font-size:16px}.dark .mobile-filter-toggle,.dark .mobile-view-toggle{background:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.dark .mobile-filter-toggle:hover,.dark .mobile-view-toggle:hover{background:var(--bg-hover-dark);color:var(--text-primary-dark)}@media(max-width:768px){.products-top-bar{padding:var(--space-md)}.products-top-row,.products-controls-row{flex-direction:column;gap:var(--space-md);align-items:stretch}.mobile-controls{display:flex;justify-content:center}.view-options-container{display:none}.sort-container,.sort-select{width:100%}}@media(max-width:480px){.products-top-bar{padding:var(--space-sm)}.products-top-row,.products-controls-row{gap:var(--space-sm)}.mobile-controls{flex-direction:column;gap:var(--space-xs)}.mobile-filter-toggle,.mobile-view-toggle{justify-content:center;width:100%}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.products-sidebar.sidebar-open{transform:translate(0);z-index:999}@media(max-width:768px){.products-sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;transform:translate(-100%)!important;transition:transform .3s ease!important;z-index:999!important;overflow-y:auto!important;padding-top:var(--space-lg)!important;background:var(--products-sidebar-bg)!important;box-shadow:2px 0 10px #0000001a!important}.products-sidebar.sidebar-open{transform:translate(0)!important}.products-container{grid-template-columns:1fr!important}.products-main{margin-left:0!important}}@media(max-width:1024px)and (min-width:769px){.products-container{grid-template-columns:250px 1fr;gap:var(--space-md)}.products-sidebar{padding:var(--space-md)}}.search-sort-container{display:flex;align-items:center;gap:var(--space-lg)}.sort-container{display:flex;align-items:center;gap:var(--space-sm)}.sort-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.sort-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--products-filter-border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.breadcrumb a{color:var(--primary);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:#2563eb}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-secondary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);min-height:400px;transition:all .3s ease}.products-grid.grid-small,div#products-grid.grid-small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:1rem!important}.products-grid.grid-medium,div#products-grid.grid-medium{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.5rem!important}.products-grid.grid-large,div#products-grid.grid-large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;gap:2rem!important}.products-grid.list-view,.products-grid.list,div#products-grid.list-view,div#products-grid.list{grid-template-columns:1fr!important;gap:1rem!important}.products-container .products-main div#products-grid.grid-small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:1rem!important}.products-container .products-main div#products-grid.grid-medium{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.5rem!important}.products-container .products-main div#products-grid.grid-large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;gap:2rem!important}.products-container .products-main div#products-grid.list-view,.products-container .products-main div#products-grid.list{grid-template-columns:1fr!important;gap:1rem!important}@media(max-width:768px){.products-container .products-main div#products-grid.grid-small{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.products-container .products-main div#products-grid.grid-medium{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.products-container .products-main div#products-grid.grid-large,.products-container .products-main div#products-grid.list-view,.products-container .products-main div#products-grid.list{grid-template-columns:1fr!important;gap:1rem!important}}@media(max-width:768px){div#products-grid.grid-small{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}div#products-grid.grid-medium{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}div#products-grid.grid-large,div#products-grid.list-view,div#products-grid.list{grid-template-columns:1fr!important;gap:1rem!important}}@media(min-width:769px){div#products-grid.grid-small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:1rem!important}div#products-grid.grid-medium{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.5rem!important}div#products-grid.grid-large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;gap:2rem!important}.view-btn[data-view=list]{display:none!important}div#products-grid.list-view,div#products-grid.list{grid-template-columns:1fr!important;gap:1rem!important}}.products-grid.list-view .product-card{display:flex;flex-direction:row;min-height:200px;max-height:200px}.products-grid.list-view .product-image-link{width:200px;height:200px;flex-shrink:0}.products-grid.list-view .product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.products-grid.list-view .product-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-lg)}.products-grid.list-view .product-header{margin-bottom:var(--space-sm)}.products-grid.list-view .product-actions{margin-top:auto;justify-content:flex-start}@media(max-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.products-grid.list-view{grid-template-columns:1fr}.products-grid.list-view .product-card{flex-direction:column;min-height:auto;max-height:none}.products-grid.list-view .product-image-link{width:100%;height:200px}}@media(max-width:480px){.products-grid.grid-small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.products-grid.grid-medium,.products-grid.grid-large{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.product-card{background:var(--products-card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--products-card-shadow);transition:all .3s ease;position:relative;border:1px solid var(--products-filter-border);min-height:420px;display:flex;flex-direction:column}.dark .product-card,body.dark .product-card{background:#2d3748!important;border:1px solid #4a5568!important;box-shadow:0 4px 12px #0006!important}.products-container .products-main .products-grid .product-card{background:var(--products-card-bg)}body.dark .products-container .products-main .products-grid .product-card{background:#2d3748!important;border:1px solid #4a5568!important;box-shadow:0 4px 12px #0006!important}@media(max-width:768px){.product-card{min-height:300px}.products-grid.grid-small .product-card{min-height:280px}.products-grid.grid-medium .product-card{min-height:320px}.products-grid.grid-large .product-card{min-height:200px}.products-grid.list-view .product-card,.products-grid.list .product-card{min-height:150px}.product-card .product-content{padding:.75rem;gap:.5rem}.product-card .product-name{font-size:.875rem;line-height:1.3}.product-card .product-category{font-size:.75rem}.product-card .product-pricing{margin:.25rem 0}.product-card .product-sizes{display:none}.product-card .product-actions{margin-top:auto}.product-card .product-view-btn{padding:.5rem;font-size:.75rem}}.product-card:hover{transform:translateY(-4px);box-shadow:var(--products-card-hover-shadow)}.dark .product-card:hover{box-shadow:0 8px 24px #00000080!important;border-color:#5a6578!important;transform:translateY(-4px)!important}.product-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);z-index:2}.product-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:none}.product-badge--new{background:var(--products-badge-new)}.product-badge--sale{background:var(--products-badge-sale)}.product-badge--shipping{background:var(--products-badge-shipping)}.badge-text-mobile{display:none}.badge-text-desktop{display:inline}@media(min-width:769px){.product-badge{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.badge-text-mobile{display:none}.badge-text-desktop{display:inline}}@media(max-width:768px){.product-badge{padding:var(--space-xs);font-size:.75rem;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.badge-text-mobile{display:inline}.badge-text-desktop{display:none}.product-badge--new{font-size:.875rem}.product-badge--new .badge-text-mobile ion-icon{font-size:1rem;color:#fff}.product-badge--shipping{font-size:.875rem}.product-badge--shipping .badge-text-mobile ion-icon{font-size:1rem;color:#fff}.product-badge--sale{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);width:-moz-fit-content;width:fit-content;height:auto}}.product-favorite-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);width:36px;height:36px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-favorite-btn:hover{background:#fff;transform:scale(1.1)}.product-favorite-btn.active{background:var(--danger);color:#fff}.product-favorite-btn ion-icon{font-size:18px}.product-image-link{display:block;position:relative;overflow:hidden;aspect-ratio:1}.product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px dashed var(--products-filter-border);border-radius:var(--radius-md);color:var(--text-muted);gap:var(--space-sm)}.dark .product-image-placeholder{background:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-muted)}.product-image-placeholder ion-icon{font-size:2rem;color:var(--text-muted)}.product-image-placeholder span{font-size:var(--font-size-sm);text-align:center}.product-content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);flex:1;justify-content:space-between}.product-header{display:flex;flex-direction:column;gap:var(--space-xs)}.product-name{margin:0;font-size:var(--font-size-base);font-weight:600;line-height:1.4}.product-name a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.product-name a:hover{color:var(--primary)}.product-category{font-size:var(--font-size-sm);color:var(--text-secondary)}.product-rating{display:flex;align-items:center;gap:var(--space-xs)}.product-stars{display:flex;gap:2px}.product-stars ion-icon{font-size:14px;color:var(--products-rating-color)}.product-rating-count{font-size:var(--font-size-xs);color:var(--text-muted)}.product-pricing{display:flex;flex-direction:column;gap:var(--space-xs)}.product-price-row{display:flex;align-items:center;gap:var(--space-sm)}.product-price,.product-new-price{font-size:var(--font-size-lg);font-weight:700;color:var(--products-price-color)}.product-old-price{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:line-through}.product-new-price{color:var(--products-price-sale)}.product-sizes{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:flex-start;justify-content:flex-start;min-height:56px;max-height:56px;align-content:flex-start;overflow:hidden}.product-size{padding:var(--space-xs) var(--space-sm);background:var(--products-filter-hover);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);border:1px solid var(--products-filter-border);white-space:nowrap;min-width:32px;text-align:center;display:inline-flex;align-items:center;justify-content:center;height:24px;line-height:1;flex-shrink:0;box-sizing:border-box;vertical-align:top}.product-size:nth-child(1),.product-size:nth-child(2),.product-size:nth-child(3),.product-size:nth-child(4){width:auto;max-width:60px}.product-size[data-type=more]{background:var(--primary-light);color:var(--primary);font-weight:600;min-width:36px}.dark .product-size{background:#475569;color:var(--text-primary-dark);border-color:#64748b}.dark .product-size[data-type=more]{background:var(--primary-light-dark);color:var(--primary)}.product-actions{display:flex;gap:var(--space-sm);margin-top:auto}.product-view-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--primary) 0%,var(--gradient-blue) 100%);color:var(--text-light);text-decoration:none;border:none;border-radius:12px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 20px #6366f126}.product-view-btn:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--gradient-blue-hover) 100%);color:var(--text-light);transform:translateY(-1px);box-shadow:0 12px 24px #8b5cf64d;text-decoration:none}.product-view-btn:active{transform:translateY(0);box-shadow:0 6px 12px #8b5cf640}.product-view-btn ion-icon{font-size:16px;transition:transform .2s ease}.product-view-btn:hover ion-icon{transform:scale(1.05)}.dark .product-view-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--gradient-blue) 100%);color:var(--text-light);box-shadow:0 10px 20px #00000059}.dark .product-view-btn:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--gradient-blue-hover) 100%);color:var(--text-light);box-shadow:0 14px 28px #00000073}.loading-state,.error-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center;background:var(--products-loading-bg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{width:40px;height:40px;border:4px solid var(--products-filter-border);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.loading-dots{display:flex;gap:var(--space-xs);margin-top:var(--space-md)}.loading-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.products-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center}.products-empty-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.products-empty-text{color:var(--text-secondary);margin:0 0 var(--space-lg) 0}.clear-filters-btn-large{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn-large:hover{background:#2563eb;transform:translateY(-1px)}.products-results{display:flex;flex-direction:column;gap:var(--space-lg)}.results-info{display:flex;justify-content:space-between;align-items:center;background:var(--products-sidebar-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--products-filter-border)}.results-count{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.filtered-indicator{color:var(--primary);font-weight:500}.products-pagination{display:flex;justify-content:center;margin-top:var(--space-lg)}.toast{position:fixed;top:var(--space-lg);right:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--products-toast-bg);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--products-toast-shadow);z-index:1000;border:1px solid var(--products-filter-border);display:flex;align-items:center;gap:var(--space-sm);max-width:400px;opacity:0;transform:translate(100%);transition:all .3s ease}.toast.show{opacity:1;transform:translate(0)}.toast-success{border-left:4px solid var(--success);background:rgba(var(--success-rgb),.1)}.toast-error{border-left:4px solid var(--error);background:rgba(var(--error-rgb),.1)}.toast ion-icon{font-size:20px;flex-shrink:0}.toast-success ion-icon{color:var(--success)}.toast-error ion-icon{color:var(--error)}.products-toast{position:fixed;top:var(--space-lg);right:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--products-toast-bg);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--products-toast-shadow);z-index:1000;animation:slideIn .3s ease;border:1px solid var(--products-filter-border)}.products-toast--added{border-left:4px solid var(--success)}.products-toast--removed{border-left:4px solid var(--warning)}.products-toast--buy{border-left:4px solid var(--primary)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.products-container{padding:var(--space-md)}.products-sidebar{position:static;order:2}.products-main{order:1}.products-top-bar{flex-direction:column;gap:var(--space-md);align-items:stretch}.search-sort-container{justify-content:space-between}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-content{padding:var(--space-md)}.products-toast{top:var(--space-md);right:var(--space-md);left:var(--space-md)}.product-sizes{gap:.25rem}.product-size{min-width:28px;height:22px;font-size:.75rem;padding:.25rem .375rem}.product-size:nth-child(1),.product-size:nth-child(2),.product-size:nth-child(3),.product-size:nth-child(4){max-width:50px}}