.shop-tools{ --chip-h:30px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:nowrap; margin:22px 0 20px; }
  .chips{ display:flex; gap:6px; flex-wrap:wrap; flex:1 1 auto; min-width:0; }
  .sortsel{ flex:0 0 auto; }
  .chip{ display:inline-flex; align-items:center; gap:6px; min-height:var(--chip-h); padding:0 12px; border-radius:var(--pill); border:1px solid var(--hairline-2); background:#fff; font-weight:500; font-size:12.5px; line-height:1; color:var(--t2); transition:background .13s, border-color .13s, color .13s; }
  .chip:hover{ border-color:var(--navy); color:var(--navy); background:rgba(24,44,132,.035); }
  .chip:focus-visible{ outline:2px solid var(--navy); outline-offset:2px; }
  .chip.on{ background:var(--navy); border-color:var(--navy); color:#fff; }
  .chip .n{ font-size:11.5px; font-weight:400; opacity:.52; font-variant-numeric:tabular-nums; }
  .chip.on .n{ opacity:.68; }
  .sortsel{ height:var(--chip-h,30px); border:1px solid var(--hairline-2); border-radius:var(--pill); padding:0 32px 0 13px; font-family:var(--body); font-size:12.5px; color:var(--t1); background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%236C7389' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 12px center; -webkit-appearance:none; appearance:none; }
  .empty-state{ text-align:center; padding:80px 20px; color:var(--t3); }
  .empty-state h3{ font-size:24px; color:var(--t1); }
  @media(max-width:640px){ .shop-tools{ flex-wrap:wrap; } .chips{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:6px; -webkit-overflow-scrolling:touch; scrollbar-width:none; flex:1 1 100%; } .chips::-webkit-scrollbar{ display:none; } .shop-tools{ --chip-h:34px; } .chip{ flex:0 0 auto; padding:0 13px; } .sortsel{ width:100%; } }