/* === Brand pills like your screenshot === */

.wc-category-brands-container{
  margin-bottom: 30px;
}

/* row of pills */
.wc-category-brands-list{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 0;
  margin: 0;
}

/* li reset */
.wc-category-brand-item{
  margin: 0;
  padding: 0;
}

/* pill */
.wc-category-brand-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 20px;
  border-radius: 10px;

  background: #fff;
  border: 1px solid #00000030;

  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  color: #5C5D60;

  min-width: 120px;
  text-align: center;
	
	height: 100%;

  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.wc-category-brand-img {
	max-height: 30px;
    width: auto;
}

/* active/current (blue outline) */
.wc-category-brand-item.current-brand .wc-category-brand-link,
.wc-category-brand-link[aria-current="page"]{
  border: 2px solid #315EF3;
}

/* optional: keep pills same height when border becomes 2px */
.wc-category-brand-item.current-brand .wc-category-brand-link{
  padding: 13px 19px; /* 1px less to offset thicker border */
}

/* count style (if enabled) */
.wc-category-brand-count{
  font-weight: 600;
  opacity: .7;
  margin-left: 6px;
}

@media (max-width: 849px){
	.wc-category-brands-list{
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 10px;
	}
	.wc-category-brand-item{
		flex-shrink: 0;
	}
}