.collection-filters-section{padding:20px 0}.page-width{max-width:1400px;margin:0 auto;padding:0 20px}.filters-wrapper{overflow:hidden;margin-bottom:20px;display:flex;justify-content:center}.filters-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;width:100%;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.filters-scroll::-webkit-scrollbar{display:none}.filter-pill{padding:10px 24px;border:1px solid #000;border-radius:50px;background:transparent;color:#000;font-size:14px;font-weight:400;cursor:pointer;white-space:nowrap;transition:all .3s ease;flex-shrink:0;text-decoration:none;display:inline-block}.filter-pill:hover{background:#f5f5f5}.filter-pill.active{background:#000;color:#fff}.filter-actions{display:flex;gap:15px;align-items:center}.filter-toggle,.sort-toggle{display:flex;align-items:center;gap:8px;padding:10px 24px;border:1px solid #000;border-radius:50px;background:transparent;color:#000;font-size:14px;cursor:pointer;transition:all .2s ease}.filter-toggle:hover,.sort-toggle:hover{background:#000;color:#fff;border-color:#000}.sort-dropdown{position:relative;margin-left:auto}.sort-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:10}.sort-dropdown.active .sort-menu{opacity:1;visibility:visible;transform:translateY(0)}.sort-option{display:block;padding:12px 16px;color:#000;text-decoration:none;font-size:14px;transition:background .2s ease}.sort-option:hover,.sort-option.active{background:#f5f5f5}.sort-option.active{font-weight:500}.sort-option:first-child{border-radius:4px 4px 0 0}.sort-option:last-child{border-radius:0 0 4px 4px}body.filters-panel-open{overflow:hidden}.filters-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:2000}.filters-overlay.active{opacity:1;visibility:visible}.filters-panel{position:fixed;top:0;left:0;width:min(360px,88vw);height:100vh;background:#fff;transform:translate(-100%);transition:transform .25s ease;z-index:2001;padding:24px 20px 32px;overflow-y:auto}.filters-panel.active{transform:translate(0)}.filters-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.filters-panel-reset{color:#000;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.filters-panel-close{border:1px solid #1a1a1a;background:transparent;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.filters-panel-group{margin-bottom:26px}.filters-panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;color:#1a1a1a}.filters-panel-options{display:grid;gap:12px}.filters-panel-search-input{width:100%;border:1px solid #d6d6d6;border-radius:4px;font-size:14px;padding:10px 12px;margin-bottom:12px}.filters-panel-search-input::placeholder{color:#767676}.filters-panel-option{color:#000;text-decoration:none;font-size:14px}.filters-panel-option.is-hidden{display:none}.filters-panel-option.active{font-weight:600}.filters-panel-options--colors{gap:10px}.filters-panel-option--color{display:flex;align-items:center;gap:10px}.filters-panel-option--color .color-swatch--filter{width:18px;height:18px;min-width:18px;min-height:18px}.filters-panel-option-label{line-height:1.2}.filters-panel-empty{display:none;margin:12px 0 0;color:#767676;font-size:13px}.filters-panel-empty.is-visible{display:block}.filters-panel-cta{display:inline-block;margin-top:10px;padding:12px 18px;border:1px solid #000;text-transform:uppercase;font-size:12px;letter-spacing:.08em;text-decoration:none;color:#000}@media(max-width:768px){.filters-wrapper{justify-content:flex-start}.filters-scroll{gap:8px;justify-content:flex-start}.filter-pill{padding:8px 18px;font-size:13px}.filter-actions{flex-wrap:wrap}.filters-panel{width:min(320px,90vw)}}
/*# sourceMappingURL=/cdn/shop/t/10/compiled_assets/styles.css.map */