/* Ряд: стрелка — трек — стрелка */
.tag-carousel{
  display:flex; align-items:center; gap:12px; width:100%;
}

/* стрелки сбоку, не накрывают плитки */
.tags-arrow{
  flex:0 0 auto;
  width:40px; height:40px;
  border:0; border-radius:10px; cursor:pointer;
  background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.tags-arrow[disabled]{opacity:.35; pointer-events:none}

/* видимая область трека */
.uc-tag-carousel{
  flex:1 1 auto; overflow:hidden; position:relative;
}

/* лента тегов */
.uc-tag-carousel .js-tags-track{
  display:flex; gap:10px; align-items:center;
  overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth;
  white-space:nowrap; scrollbar-width:none;
}
.uc-tag-carousel .js-tags-track::-webkit-scrollbar{display:none}

/* чипы */
.uc-tag-carousel .tagc-chip{
  display:inline-block; padding:10px 14px; border-radius:12px;
  background:#eef2f6; text-decoration:none; color:#111; line-height:1;
  flex:0 0 auto; user-select:none;
}
.uc-tag-carousel .tagc-chip.is-active{background:#2c5ee6; color:#fff}

/* адаптив: уменьшим зазоры на узких экранах */
@media (max-width:480px){
  .tag-carousel{gap:8px}
  .tags-arrow{width:36px; height:36px; border-radius:8px}
  .uc-tag-carousel .js-tags-track{gap:8px}
}