.cat-bar{background:#fff;border-bottom:none;padding:1.5rem var(--page-x)}.cat-bar__grid{display:grid;grid-template-columns:repeat(9,1fr);grid-gap:8px;gap:8px}.cat-bar__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:1.1rem .5rem 1rem;border-radius:16px;border:1.5px solid rgba(0,0,0,.07);background:#fff;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s}.cat-bar__item:hover{border-color:rgba(0,0,0,.18);transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,0,0,.07)}.cat-bar__item--active{border-color:#111;background:#111}.cat-bar__item--active .cat-bar__icon,.cat-bar__item--active .cat-bar__label{color:#fff}.cat-bar__item--active:hover{border-color:#111;transform:none;box-shadow:none}.cat-bar__icon{width:34px;height:34px;color:#2a2a2a;flex-shrink:0}.cat-bar__icon svg{width:100%;height:100%}.cat-bar__label{font-size:.75rem;font-family:var(--app-font);color:#333;text-align:center;line-height:1.3}@media (max-width:1100px){.cat-bar__grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:768px){.cat-bar{padding:1rem var(--page-x)}.cat-bar__grid{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:calc(-1 * var(--page-x));margin-right:calc(-1 * var(--page-x));padding-left:var(--page-x);padding-right:var(--page-x)}.cat-bar__grid::-webkit-scrollbar{display:none}.cat-bar__item{flex:0 0 86px;padding:1rem .4rem .85rem;border-radius:14px;gap:7px}.cat-bar__icon{width:28px;height:28px}.cat-bar__label{font-size:.7rem}}