.suc-filter-header{
  position:relative;
  width:100%;
  height:var(--suc-filter-header-height,58px);
  display:flex;
  align-items:center;
  box-sizing:border-box;
  padding:0 16px;
  overflow:hidden;
  background:var(--suc-filter-header-bg,#F6EEFF);
  color:var(--suc-filter-header-text,#4F244E);
  font-family:var(--suc-filter-header-font,"Estedad",sans-serif);
  font-size:var(--suc-filter-header-size,17px);
  font-weight:var(--suc-filter-header-weight,700);
  line-height:1.35;
  transition:height .18s ease,background-color .18s ease,color .18s ease;
}
.suc-filter-header-title{
  width:100%;
  min-width:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
  text-align:var(--suc-filter-header-align,center);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* Mobile owns a dedicated drawer bar; the same header settings are mirrored to it
 * by SUCFilterHeaderEngine, so the duplicate desktop strip stays hidden there. */
.suc-filter-shell[data-suc-component-device="mobile"] .suc-filter-frame>.suc-filter-header{display:none!important}
.suc-filter-shell[data-suc-component-device="mobile"] .suc-filter-mobile-bar-copy b{
  color:var(--suc-filter-header-text,#4F244E)!important;
  font-family:var(--suc-filter-header-font,"Estedad",sans-serif)!important;
  font-size:var(--suc-filter-header-size,16px)!important;
  font-weight:var(--suc-filter-header-weight,700)!important;
  text-align:var(--suc-filter-header-align,center)!important;
}