/* ============ TRANG DANH MỤC: BỘ LỌC, SẮP XẾP, PHÂN TRANG ============ */
  .collection-layout{display:grid; grid-template-columns:230px 1fr; gap:40px; padding:40px 0;}
  @media(max-width:820px){.collection-layout{grid-template-columns:1fr;}}
  .filter-group{margin-bottom:28px; border-bottom:1px solid var(--line); padding-bottom:20px;}
  .filter-group h4{font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:500; margin:0 0 14px; color:var(--ink-soft);}
  .filter-opt{display:flex; align-items:center; gap:8px; font-size:13px; margin-bottom:10px; cursor:pointer;}
  .filter-opt input{accent-color:var(--wine);}
  .color-row{display:flex; flex-wrap:wrap; gap:8px;}
  .color-dot{width:22px; height:22px; border-radius:50%; border:2px solid transparent; cursor:pointer;}
  .color-dot.sel{border-color:var(--wine);}
  .size-row{display:flex; flex-wrap:wrap; gap:6px;}
  .size-opt{border:1px solid var(--line); font-size:11.5px; letter-spacing:.03em; padding:7px 11px; cursor:pointer;}
  .size-opt.sel{background:var(--ink); color:var(--bg); border-color:var(--ink);}
  .toolbar{display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;}
  select{border:1px solid var(--line); background:var(--card); color:var(--ink); padding:10px 12px; font-size:11.5px; letter-spacing:.04em; text-transform:uppercase;}
  .pager{display:flex; gap:8px; justify-content:center; margin-top:40px;}
  .pager button{width:34px; height:34px; border:1px solid var(--line); background:var(--card); color:var(--ink); font-size:12px;}
  .pager button.active{background:var(--ink); color:var(--bg); border-color:var(--ink);}