.product-grid-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-right:var(--border-default);border-bottom:var(--border-default);height:52px}.product-grid-header__count{font-size:13px;line-height:1.2;letter-spacing:.01em}.product-grid-header__productType-desktop{display:none}.product-grid-header__productType-mobile{display:block}@media(min-width:768px){.product-grid-header__productType-desktop{display:flex;gap:var(--space-sm)}.product-grid-header__productType-mobile{display:none}}.product-grid-header__productType .filter-option .o-btn.active,.product-grid-header__productType-mobile .mobile-dropdown .o-btn.active{background-color:var(--c-black);color:var(--c-white)}.product-grid-header__productType .filter-option .brand-btn.active,.product-grid-header__productType-mobile .mobile-dropdown .brand-btn.active{background-color:var(--brand-color, var(--default-brand-color))}.product-grid-header__productType .filter-option .brand-btn.active[data-brand-text-color=black],.product-grid-header__productType-mobile .mobile-dropdown .brand-btn.active[data-brand-text-color=black]{color:var(--c-black)}.product-grid-header__productType .filter-option .brand-btn.active[data-brand-text-color=white],.product-grid-header__productType-mobile .mobile-dropdown .brand-btn.active[data-brand-text-color=white]{color:var(--c-white)}.refine-button{display:flex;align-items:center;gap:5px;background:transparent;border:none;padding:0;height:28px;font-size:13px;line-height:1;letter-spacing:.01em;cursor:pointer}.mobile-dropdown{position:relative;width:100%}.mobile-dropdown .mobile-dropdown__trigger.o-btn{display:flex;align-items:center;justify-content:center;gap:0;width:100%;padding:var(--space-xs) var(--space-xxs) var(--space-xs) var(--space-xs);border-radius:var(--border-radius-sm);text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-dropdown .mobile-dropdown__trigger.o-btn.open{gap:var(--space-xxs);padding:var(--space-sm) var(--space-xs) var(--space-sm) var(--space-sm);border:var(--border-default);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0px 0px}.mobile-dropdown .mobile-dropdown__trigger span{display:inline-block;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-p1);line-height:1;letter-spacing:.01em;margin:0}.mobile-dropdown__arrow{transition:transform .2s ease}.mobile-dropdown__trigger.open .mobile-dropdown__arrow{transform:rotate(180deg)}.mobile-dropdown__menu{position:absolute;top:100%;left:0;right:0;background:var(--c-white);border:var(--border-default);border-top:none;border-radius:0px 0px var(--border-radius-sm) var(--border-radius-sm);box-shadow:0 var(--space-xxs) var(--space-md) #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.mobile-dropdown__option{display:block;width:100%;padding:var(--space-xs) var(--space-sm);background:var(--bg-primary);color:var(--primary);border:none;text-align:left;font-size:13px;line-height:1.2;letter-spacing:.01em;cursor:pointer;border-bottom:var(--border-default);transition:background-color .2s ease}.mobile-dropdown__option:last-child{border-bottom:none}.mobile-dropdown__option:hover{background-color:var(--c-gray-light);transition:background-color .2s ease}.mobile-dropdown__option.active{background-color:var(--c-black);color:var(--c-white)}.mobile-dropdown__option.active.brand-item{background-color:var(--brand-color, var(--default-brand-color))}.mobile-dropdown__option.active.brand-item[data-brand-text-color=black]{color:var(--c-black)}.mobile-dropdown__option.active.brand-item[data-brand-text-color=white]{color:var(--c-white)}.product-grid-header__filter{position:relative}.product-grid-header__filter .product-grid-header__filter-button.o-btn{padding-right:0;padding-left:0}.product-grid-header__filter .active-filter-count{display:flex;justify-content:center;align-items:center;width:var(--space-md);height:var(--space-md);background:var(--primary);color:var(--bg-primary);border-radius:100px;font-family:var(--font-family-primary);font-size:var(--space-xs);font-weight:var(--font-weight-regular);line-height:1;letter-spacing:.03em;text-transform:uppercase;flex-shrink:0;position:absolute;top:0;right:0;transform:translate(25%,-25%)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-grid-headers.css.map */