.products-page{max-width:1280px;margin:0 auto;padding:2rem 1rem}.products-layout{gap:2rem;display:flex}.sidebar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-shrink:0;align-self:flex-start;width:100%;max-width:320px;position:sticky;top:2rem;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.main-content{flex:1;min-width:0}.header{background:#fff;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.page-title{color:#111827;letter-spacing:-.025em;margin-bottom:1.25rem;font-size:1.875rem;font-weight:700}.search-container{max-width:600px;position:relative}.search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;transition:all .2s}.search-input:focus{background:#fff;border-color:#9ca3af;outline:none}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.no-results{text-align:center;background:#fff;border-radius:.75rem;padding:4rem 2rem;box-shadow:0 1px 3px #0000001a}.no-results p{color:#6b7280;font-size:1.125rem}@media (max-width:768px){.products-page{padding:1rem}.products-layout{flex-direction:column}.sidebar{max-width:none;height:auto;position:relative;top:0}.header{margin-bottom:1rem;padding:1rem}.page-title{margin-bottom:1rem;font-size:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.search-input{padding:.75rem 1rem .75rem 2.5rem}}@media (min-width:769px) and (max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.products-grid{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}