.blog-filters{padding:0 var(--container-pad-x)}.blog-filters.sticky{position:sticky;z-index:var(--z-sticky);background:var(--color-white);margin-top:40px}.blog-filters__inner{max-width:calc(var(--container-max) + var(--container-pad-x) * 2);margin:0 auto}.blog-filters__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:56px;padding:var(--space-4);background:var(--color-gray-10);border-radius:var(--radius-24)}.blog-filters__brands{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-16)}.brand-filter-pill{display:inline-flex;align-items:center;flex-shrink:0;padding:var(--space-12) var(--space-24) 8px;border:1px solid var(--pill-color, var(--color-gray-50));border-radius:var(--radius-60);background:transparent;color:var(--pill-color, var(--color-gray-80));font-family:var(--font-button);font-size:var(--type-ui-md);font-weight:700;line-height:22px;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.brand-filter-pill:hover,.brand-filter-pill.active{background:var(--pill-color, var(--color-primary));color:var(--color-white)}.blog-filters__controls{display:flex;align-items:center;gap:var(--space-24);flex-shrink:0}.blog-filters__control{position:relative;display:inline-flex;align-items:center}.blog-filters__category-toggle{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-12) var(--space-12) var(--space-24);border:none;background:transparent;font-family:var(--font-button);font-size:var(--type-ui-md);line-height:22px;color:var(--color-accent-teal);cursor:pointer;white-space:nowrap}.blog-filters__category-toggle:focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:2px;border-radius:var(--radius-60)}.blog-filters__chevron{flex-shrink:0;color:var(--color-accent-teal);pointer-events:none;transition:transform var(--transition-fast)}.blog-filters__control.is-open .blog-filters__chevron{transform:rotate(180deg)}.blog-filters__category-menu{position:absolute;top:calc(100% + var(--space-8));right:0;z-index:var(--z-dropdown);min-width:240px;max-height:320px;overflow-y:auto;margin:0;padding:var(--space-8) 0;list-style:none;background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--radius-12);box-shadow:var(--shadow-card-hover)}.blog-filters__category-option{padding:var(--space-16) var(--space-24);font-family:var(--font-heading);font-size:var(--type-ui-md);font-weight:700;line-height:22px;color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast)}.blog-filters__category-option:hover,.blog-filters__category-option:focus-visible{background:var(--color-gray-10);outline:none}.blog-filters__category-option[aria-selected=true]{background:var(--color-gray-10)}.blog-filters__search-btn{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-24);border:none;background:transparent;font-family:var(--font-button);font-size:var(--type-ui-md);line-height:22px;color:var(--color-accent-teal);cursor:pointer}.blog-filters__active{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-top:var(--space-12)}.blog-filters__active-label{font-size:var(--type-caption);color:var(--color-gray-80)}.blog-filters__active-tag{display:inline-flex;align-items:center;gap:var(--space-8);padding:6px 14px;background:var(--color-white);border:1.5px solid var(--color-gray-50);border-radius:var(--radius-full);font-size:var(--type-caption)}.blog-filters__active-tag-x{display:inline-flex;width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer;opacity:.6;color:var(--color-black);transition:opacity var(--transition-fast)}.blog-filters__active-tag-x:hover{opacity:1}@media(max-width:1023px)and (min-width:750px){.blog-filters__bar{flex-direction:column;align-items:stretch;gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-16)}.blog-filters__brands{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.blog-filters__brands::-webkit-scrollbar{display:none}.blog-filters__controls{justify-content:space-between}}@media(max-width:749px){.blog-filters__bar{flex-direction:column;align-items:stretch;gap:var(--space-16);padding:0;background:transparent;border-radius:0}.blog-filters__controls{order:-1;flex-direction:column;align-items:center;gap:var(--space-8)}.blog-filters__brands{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:var(--space-12);width:100%}.brand-filter-pill{width:100%;justify-content:center;flex-shrink:1}.brand-filter-pill:hover{background:transparent;color:var(--pill-color, var(--color-gray-80))}.blog-filters__active{justify-content:flex-start}.blog-filters__category-menu{right:auto;left:50%;transform:translate(-50%);min-width:220px;max-width:calc(100vw - var(--space-32))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/blog-filters.css.map */