.subcats{padding:var(--section-padding,24px) 0}
.subcats__wrap{display:flex;align-items:center;gap:8px}
.subcats__rail{display:flex;overflow-x:auto;scrollbar-width:none;gap:12px;padding:6px}
.subcats__rail::-webkit-scrollbar{display:none}
.subcats__btn{border:none;background:transparent;cursor:pointer;padding:8px}
.subcats__btn.is-hidden{display:none}
.subcats__pill{display:inline-flex;align-items:center;gap:10px;background:rgb(var(--color-background, 255 255 255));border:1px solid rgba(var(--color-foreground, 0 0 0),.08);border-radius:999px;padding:var(--pill-pad, 8px 12px);white-space:nowrap;text-decoration:none;color:rgb(var(--color-foreground, 18 18 18));transition:background .2s,border-color .2s,box-shadow .2s}
.subcats__pill:hover{border-color:rgba(var(--color-foreground, 0 0 0),.18);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.subcats__thumb{width:var(--thumb,44px);height:var(--thumb,44px);border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#f4f4f4}
.subcats__thumb img{width:100%;height:100%;object-fit:cover}
.subcats__label{font:500 14px/1.2 sans-serif;max-width:220px;overflow:hidden;text-overflow:ellipsis}
@media (max-width: 780px){.subcats__label{max-width:160px}}