/* Bar di atas grid Shop. Angka dari habits-site/Shop.dc.html. */
.hbt-shopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-family: var(--hbt-font);
}
.hbt-shopbar--divided {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--hbt-border-2);
}

.hbt-shopbar__count {
  font-size: 13.5px;
  color: var(--hbt-muted);
}

.hbt-shopbar__sort {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* .hbt-chip diwarisi dari habits-filter.css supaya chip di sidebar dan chip
   di bar ini tidak bisa menyimpang. Yang di sini hanya ukurannya. */
.hbt-shopbar .hbt-chip {
  font-size: 13.5px;
  padding: 8px 15px;
}

@media (max-width: 640px) {
  .hbt-shopbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .hbt-shopbar__sort { width: 100%; }
}