.so-collection-controls {display:flex;flex-wrap:wrap;gap:1.6rem 3.2rem;margin-bottom:2.4rem}
.so-collection-controls__group {display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}
.so-collection-controls__label {color:var(--so-blue);font:700 1.2rem/1.2 Cottorway,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.so-collection-controls ul {display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}
.so-collection-controls a {display:flex;align-items:center;justify-content:center;min-width:4.4rem;min-height:4.4rem;padding:1rem 1.8rem;border:1px solid var(--so-blue);border-radius:999px;color:var(--so-blue);font:700 1.4rem/1.2 Cottorway,Arial,sans-serif;text-decoration:none}
.so-collection-controls a[aria-current] {background:var(--so-blue);color:var(--so-cream)}
.so-collection-controls a:focus-visible {outline:2px solid var(--so-blue);outline-offset:3px}
@media(hover:hover) {.so-collection-controls a:hover {background:var(--so-blue);color:var(--so-cream)}}
@media(max-width:749px) {
  .so-collection-controls {gap:1.4rem;margin-bottom:1.6rem}
  .so-collection-controls__group {width:100%}
  .so-collection-controls__label {width:5.2rem;flex:none;font-size:1.1rem}
  .so-collection-controls__group ul {flex:1;gap:.6rem}
  .so-collection-controls a {padding:.8rem 1.1rem;font-size:1.2rem}
}