.shop-layout{flex-direction:column;gap:3rem;padding-top:4rem;padding-bottom:8rem;display:flex}@media (min-width:768px){.shop-layout{flex-direction:row}}.shop-sidebar{width:100%;padding-right:2rem}@media (min-width:768px){.shop-sidebar{flex-shrink:0;width:250px}}.shop-sidebar h3{text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-family:var(--font-sans);margin-bottom:1.5rem}.category-list{flex-direction:column;gap:1rem;margin-bottom:3rem;list-style:none;display:flex}.category-list a{color:#4b5563;font-size:.875rem;transition:color .3s}.category-list a:hover,.category-list a.active{color:var(--primary);font-weight:500}.shop-content{flex-grow:1}.shop-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;display:flex}@media (min-width:768px){.shop-header{flex-direction:row;align-items:flex-end}}.shop-header h1{font-size:2.5rem}.sort-select{border:1px solid var(--border);font-family:var(--font-sans);color:var(--foreground);cursor:pointer;background:0 0;outline:none;padding:.75rem 1.5rem;font-size:.875rem}