.cat-shelf{ display: grid; grid-auto-flow: column; grid-auto-columns: 112px; gap: 20px; overflow-x: auto; padding: 8px 4px 16px; }
.cat-shelf__item{ display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center; text-decoration: none; color: inherit; }
.cat-shelf__circle{
  width: 82px; height: 82px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: var(--ss-alt); border: 2px solid var(--ss-line); font-size: 2.88rem;
  transition: border-color 0.15s, transform 0.15s;
}
.cat-shelf__item:hover .cat-shelf__circle{ border-color: var(--ss-clay); transform: translateY(-3px); }
.cat-shelf__item span{ font-size: 1.28rem; font-weight: 600; }