.products-layout{grid-template-rows:auto 1fr;grid-template-columns:280px 1fr;align-items:start;gap:0 28px;display:grid}.filter-desktop-sidebar,.filter-mobile-trigger{grid-area:1/1/3}.products-topbar-wrapper{grid-area:1/2}.products-main{grid-area:2/2;min-width:0}.products-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.products-topbar-left h1{background:var(--brand-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:700}.products-topbar-left p{color:var(--text-muted);margin-top:2px;font-size:.82rem}.products-topbar-right{align-items:center;gap:12px;display:flex}.products-sort-select{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;font-size:.82rem;font-weight:500}.products-sort-select:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 2px #22d3ee26}.active-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.active-filter-chip{color:var(--brand-cyan);cursor:pointer;transition:var(--transition-fast);background:#22d3ee1a;border:1px solid #22d3ee40;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.active-filter-chip:hover{background:#22d3ee33}.filter-desktop-sidebar{flex-shrink:0;width:280px;position:sticky;top:100px}.filter-sidebar{flex-direction:column;gap:4px;display:flex}.filter-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.filter-section-header{width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.85rem;font-weight:600;display:flex}.filter-section-header:hover{color:var(--brand-cyan)}.filter-section-body{padding:0 12px 12px}.filter-item{width:100%;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:7px 10px;font-size:.78rem;display:flex}.filter-item:hover{color:var(--text-primary);background:#ffffff0a}.filter-item.active{color:var(--brand-cyan);background:#22d3ee14;font-weight:600}.filter-item-label{align-items:center;gap:6px;display:flex}.filter-check{color:var(--brand-cyan)}.filter-count{color:var(--text-muted);background:#ffffff0d;border-radius:100px;padding:1px 7px;font-size:.7rem}.filter-search-box{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff08;align-items:center;gap:8px;margin-bottom:6px;padding:7px 10px;display:flex}.filter-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.78rem}.filter-brand-list{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;max-height:320px;overflow-y:auto}.filter-checkbox{border:1.5px solid var(--border-default);width:16px;height:16px;transition:var(--transition-fast);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.filter-checkbox.checked{background:var(--brand-cyan);border-color:var(--brand-cyan);color:#000}.filter-price-inputs{align-items:center;gap:6px;margin-bottom:10px;display:flex}.filter-price-inputs input{border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);transition:var(--transition-fast);background:#ffffff08;outline:none;flex:1;padding:7px 8px;font-size:.78rem}.filter-price-inputs input:focus{border-color:var(--brand-cyan)}.filter-price-sep{color:var(--text-muted);font-size:.75rem}.filter-price-apply{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);border:none;padding:7px 12px;font-size:.75rem;font-weight:600}.filter-price-apply:hover{opacity:.85}.filter-price-presets{flex-wrap:wrap;gap:6px;display:flex}.filter-price-chip{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:100px;padding:4px 10px;font-size:.7rem;font-weight:500}.filter-price-chip:hover{border-color:var(--brand-cyan);color:var(--brand-cyan)}.filter-price-chip.active{border-color:var(--brand-cyan);color:var(--brand-cyan);background:#22d3ee1a}.filter-toggle-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.82rem;display:flex}.filter-toggle{cursor:pointer;width:40px;height:22px;transition:var(--transition-fast);background:#ffffff1a;border:none;border-radius:100px;position:relative}.filter-toggle.on{background:var(--brand-cyan)}.filter-toggle-knob{width:16px;height:16px;transition:var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.filter-toggle.on .filter-toggle-knob{left:21px}.filter-clear-btn{width:100%;color:var(--text-muted);border:1px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:10px;font-size:.8rem;font-weight:500;display:flex}.filter-clear-btn:hover{color:var(--brand-cyan);border-color:var(--brand-cyan)}.filter-mobile-trigger{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;display:none}.filter-mobile-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.filter-mobile-drawer{background:var(--bg-primary);border-top-left-radius:20px;border-top-right-radius:20px;max-height:85vh;padding:0 16px 24px;animation:.25s slideUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-mobile-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 0;display:flex}.filter-mobile-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.filter-mobile-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.pagination{margin-top:40px}.pagination-desktop{justify-content:center;align-items:center;gap:4px;display:flex}.pagination-mobile{justify-content:center;align-items:center;gap:12px;display:none}.pagination-btn{min-width:36px;height:36px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;padding:0 4px;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-flex}.pagination-btn:hover{border-color:var(--brand-cyan);color:var(--brand-cyan)}.pagination-btn.active{background:var(--brand-primary);color:#fff;border-color:#0000;font-weight:700;box-shadow:0 2px 12px #22d3ee4d}.pagination-arrow{padding:0 8px}.pagination-ellipsis{width:32px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.82rem;display:inline-flex}.pagination-info{color:var(--text-primary);font-size:.85rem;font-weight:600}.products-empty{text-align:center;padding:80px 0}.products-empty-icon{width:72px;height:72px;color:var(--text-muted);opacity:.4;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.products-empty p{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.products-empty-cta{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:6px;padding:10px 20px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.products-empty-cta:hover{opacity:.85}.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:16px;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-img{aspect-ratio:1;border-radius:var(--radius-sm);background:#ffffff0a;width:100%;margin-bottom:12px}.skeleton-line{background:#ffffff0f;border-radius:4px;height:12px;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1023px){.products-layout{flex-direction:column;gap:0;display:flex}.products-topbar-wrapper,.products-main{width:100%}.filter-desktop-sidebar{display:none}.filter-mobile-trigger{display:inline-flex}.filter-mobile-overlay{display:flex}.skeleton-grid{grid-template-columns:repeat(2,1fr)}.pagination-desktop{display:none}.pagination-mobile{display:flex}}@media (max-width:640px){.skeleton-grid{grid-template-columns:1fr}.products-topbar{flex-direction:column;align-items:flex-start}}