/* .filter-content (XStore theme's own toolbar row: sort dropdown, grid/list
   view icons, per-page select) is a flex row with flex-wrap:nowrap. Our
   active-filters bar is injected as an extra sibling inside that same row
   via woocommerce_before_shop_loop -- confirmed via live inspection. Without
   these two rules, block/width/clear on our own element have no effect on
   its size as a flex item (those properties don't apply to flex sizing),
   so it was being crushed by flex-shrink alongside the toolbar controls
   instead of taking its own line. flex-wrap:wrap here lets the toolbar's
   own controls (unaffected by this change) drop to their own line when our
   full-width bar is present, instead of everything being force-fit onto one. */
.filter-content{flex-wrap:wrap!important}
.hsf-active-filters-row{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;clear:both!important;box-sizing:border-box!important;margin:0 0 10px!important;padding:0!important;flex:0 0 100%!important;order:-999!important}
.hsf-active-filters-row .hsf-active-filters{width:100%!important;max-width:100%!important;margin:0!important}
.hsf-active-filters-host{display:flex!important;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}
.hsf-active-filters{display:none!important;align-items:center;gap:8px;flex-wrap:nowrap;flex:0 0 100%!important;order:-999;width:100%!important;max-width:100%!important;min-width:0;margin:0 0 14px!important;padding:9px 10px;border:1px solid #e4e4e4;border-radius:7px;background:#fafafa;box-sizing:border-box;clear:both}
.hsf-active-filters.is-visible{display:flex!important}
.hsf-active-filters-host>.hsf-active-filters~*{min-width:0}
.hsf-active-filters__title{flex:0 0 auto;font-size:13px;font-weight:700;line-height:1.2;color:#222;white-space:nowrap}
.hsf-active-filters__list{display:flex;align-items:center;gap:7px;flex:1 1 auto;flex-wrap:wrap;min-width:0}
.hsf-filter-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:34px;padding:6px 7px 6px 11px;border:1px solid #d6d6d6;border-radius:999px;background:#fff;color:#202020;font:inherit;font-size:13px;font-weight:600;line-height:1.15;cursor:pointer;white-space:nowrap;text-align:left;box-sizing:border-box;box-shadow:none}
.hsf-filter-chip:hover,.hsf-filter-chip:focus-visible{border-color:#222;background:#fff;outline:none}
.hsf-filter-chip__text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hsf-filter-chip__x{display:inline-grid;place-items:center;flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:#202020;color:#fff;font-size:15px;line-height:1}
.hsf-clear-all{flex:0 0 auto;min-height:34px;padding:6px 8px;border:0;background:transparent;color:#222;text-decoration:underline;text-underline-offset:2px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.hsf-clear-all:hover,.hsf-clear-all:focus-visible{color:#000;outline:2px solid currentColor;outline-offset:2px}
@media(max-width:767px){.hsf-active-filters{gap:7px;margin-bottom:10px!important;padding:8px;border-radius:6px;overflow:hidden}.hsf-active-filters__title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hsf-active-filters__list{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1px 0}.hsf-active-filters__list::-webkit-scrollbar{display:none}.hsf-filter-chip{flex:0 0 auto;max-width:min(72vw,290px);min-height:38px;padding:7px 7px 7px 11px}.hsf-clear-all{min-height:38px;padding:7px 6px;font-size:12px;text-decoration:none;border-left:1px solid #ddd;border-radius:0}.hsf-filter-chip__x{width:22px;height:22px}}
@media(max-width:380px){.hsf-filter-chip{max-width:68vw}.hsf-clear-all{font-size:0}.hsf-clear-all:after{content:'Clear';font-size:12px}}
@media(min-width:901px){
  html body.woocommerce-shop .open-filters-btn{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body.woocommerce-shop .et-toggle-mob-sidebars-wrapper,
  html body.woocommerce-shop .et-toggle-mob-sidebars-inner,
  html body.woocommerce-shop .et-toggle-mob-sidebar{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
}