/* Keep every active filter and its reset action together as one clear control group. */
:is(#cfs-plp-active-filter-group#cfs-plp-active-filter-group#cfs-plp-active-filter-group#cfs-plp-active-filter-group, html) body.cfs2030-shell .cfs2030-plp .cfs-active-filters {
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

:is(#cfs-plp-active-filter-group#cfs-plp-active-filter-group#cfs-plp-active-filter-group#cfs-plp-active-filter-group, html) body.cfs2030-shell .cfs2030-plp .cfs-active-filter-list {
  display: contents !important;
}

:is(#cfs-plp-active-filter-group#cfs-plp-active-filter-group#cfs-plp-active-filter-group#cfs-plp-active-filter-group, html) body.cfs2030-shell .cfs2030-plp .cfs-active-filter-clear {
  color: #4d403a !important;
  background: #faf8f5 !important;
  border: 1px solid #a3968d !important;
  border-radius: 999px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  text-decoration: none !important;
}

:is(#cfs-plp-active-filter-group#cfs-plp-active-filter-group#cfs-plp-active-filter-group#cfs-plp-active-filter-group, html) body.cfs2030-shell .cfs2030-plp .cfs-active-filter-clear:is(:hover, :focus-visible) {
  color: #fff !important;
  background: #4d403a !important;
  border-color: #4d403a !important;
}