@media (min-width: 992px) {
  .shop-page .shop-filter-panel .shop-filters {
    position: sticky;
    top: calc(var(--acr-header-h, 90px) + 16px);
    max-height: calc(100vh - var(--acr-header-h, 90px) - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    transition: top 0.4s ease-in-out, max-height 0.4s ease-in-out;
    scrollbar-width: thin;
    scrollbar-color: var(--acr-border-color) transparent;
  }
  .shop-page .shop-filter-panel .shop-filters::-webkit-scrollbar {
    width: 6px;
  }
  .shop-page .shop-filter-panel .shop-filters::-webkit-scrollbar-thumb {
    background-color: var(--acr-border-color);
    border-radius: 3px;
  }
  .shop-page .shop-filter-panel .shop-filters::-webkit-scrollbar-track {
    background: transparent;
  }
}
.shop-page .shop-results-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 0 0 1rem;
  font-family: "Jost", sans-serif;
}
.shop-page .shop-results-bar .shop-results-count {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--acr-heading-color);
  white-space: nowrap;
}
.shop-page .shop-results-bar .shop-results-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  margin: 0;
}
.shop-page .shop-results-bar .shop-results-chips:empty {
  display: none;
}
.shop-page .shop-results-bar .shop-results-chips .filter-tag {
  margin: 0;
  padding: 4px 6px 4px 10px;
  border-radius: 999px;
  background-color: var(--acr-surface-color);
  font-size: 0.8rem;
  line-height: 1.3;
}
.shop-page .shop-results-bar .shop-results-chips .filter-tag .remove-tag-btn {
  margin-left: 6px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.95rem;
}
.shop-page .shop-results-bar .shop-results-chips .filter-tag .remove-tag-btn:hover, .shop-page .shop-results-bar .shop-results-chips .filter-tag .remove-tag-btn:focus-visible {
  background-color: var(--acr-primary-accent-color);
  color: var(--acr-surface-color);
  outline: none;
}
.shop-page .shop-results-bar .shop-results-clear {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--acr-secondary-accent-text-color);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.shop-page .shop-results-bar .shop-results-clear:hover {
  color: var(--acr-heading-color);
}