.collection-header .filters{display:none!important}.xo-filter-bar{display:flex;align-items:center;gap:10px;padding:8px 0 4px;flex-wrap:wrap}.xo-filter-bar__pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.xo-filter-bar__sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-family:Filson Soft,sans-serif;font-size:14px}.xo-filter-bar__sort label{white-space:nowrap;color:#666}.xo-filter-bar__sort select{border:1.5px solid #ddd;border-radius:20px;padding:8px 30px 8px 14px;font-family:Filson Soft,sans-serif;font-size:14px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.xo-filter-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid #ddd;border-radius:24px;background:#fff;font-family:Filson Soft,sans-serif;font-size:14px;color:#333;cursor:pointer;white-space:nowrap;transition:border-color .2s,background-color .2s;-webkit-user-select:none;user-select:none}.xo-filter-pill:hover{border-color:#999}.xo-filter-pill.is-active{border-color:#ddd5f3;background:#fff;color:#000}.xo-filter-pill__arrow{width:10px;height:6px;transition:transform .2s}.xo-filter-pill.is-open .xo-filter-pill__arrow{transform:rotate(180deg)}.xo-filter-pill.is-active .xo-filter-pill__arrow path{stroke:#000}.xo-filter-pill--mobile-trigger{background:#fff;color:#000;border-color:#ddd5f3;padding:8px 14px}.xo-filter-pill--mobile-trigger .xo-filter-dot{width:6px;height:6px;background:#000;border-radius:50%;display:inline-block}.xo-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:100;min-width:260px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:20px;display:none;animation:xo-dropdown-in .15s ease-out}.xo-filter-dropdown.is-visible{display:block}@keyframes xo-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.xo-filter-dropdown__title{font-family:Filson Soft,sans-serif;font-size:16px;font-weight:700;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.xo-filter-option{display:flex;align-items:center;justify-content:space-between;padding:6px 0;cursor:pointer;font-family:Filson Soft,sans-serif;font-size:14px;color:#333;transition:color .15s}.xo-filter-option:hover{color:#000}.xo-filter-option__left{display:flex;align-items:center;gap:10px}.xo-filter-option__checkbox{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s,border-color .15s}.xo-filter-option.is-selected .xo-filter-option__checkbox{background:#f5b5c8;border-color:#f5b5c8}.xo-filter-option.is-selected .xo-filter-option__checkbox:after{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.xo-filter-option.is-selected .xo-filter-option__label{color:#000;font-weight:600}.xo-filter-option__count{color:#999;font-size:13px}.xo-filter-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:8px}.xo-filter-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.xo-filter-swatch__circle{width:42px;height:42px;border-radius:50%;border:2px solid transparent;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.xo-filter-swatch:hover .xo-filter-swatch__circle{box-shadow:0 0 0 2px #ddd}.xo-filter-swatch.is-selected .xo-filter-swatch__circle{border-color:#f5b5c8;box-shadow:0 0 0 2px #f5b5c8}.xo-filter-swatch__label{font-family:Filson Soft,sans-serif;font-size:11px;color:#666;text-align:center}.xo-filter-swatch.is-selected .xo-filter-swatch__label{color:#000;font-weight:600}.xo-swatch--pink{background:#f9a8d4}.xo-swatch--gold{background:#d4a017}.xo-swatch--rose-gold{background:#b76e79}.xo-swatch--silver{background:silver}.xo-swatch--blue{background:#6cb4ee}.xo-swatch--purple{background:#9b59b6}.xo-swatch--black{background:#000}.xo-swatch--white{background:#fff;border:1px solid #ddd}.xo-swatch--red{background:#e74c3c}.xo-swatch--green{background:#2ecc71}.xo-swatch--orange{background:#f39c12}.xo-swatch--rainbow{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.xo-swatch--neutral{background:tan}.xo-swatch--lilac{background:#c8a2c8}.xo-swatch--sage{background:#b2ac88}.xo-swatch--multicolor{background:linear-gradient(to right,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#9b59b6)}.xo-swatch--pastel{background:linear-gradient(135deg,#ffb3ba,#baffc9,#bae1ff,#ffffba)}.xo-swatch--iridescent{background:linear-gradient(135deg,#e8d5f5,#d5e8f5,#f5e8d5,#e8f5d5)}.xo-swatch--brown{background:#8b5e3c}.xo-swatch--yellow{background:#f7dc6f}.xo-filter-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.xo-filter-price-btn{padding:10px 8px;border:1.5px solid #ddd;border-radius:8px;background:#fff;font-family:Filson Soft,sans-serif;font-size:14px;color:#333;cursor:pointer;text-align:center;transition:border-color .15s,color .15s}.xo-filter-price-btn:hover{border-color:#999}.xo-filter-price-btn.is-selected{border-color:#f5b5c8;color:#000;font-weight:600;background:#fdf2f8}.xo-filter-dropdown__footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #eee}.xo-filter-clear-btn{background:none;border:none;font-family:Filson Soft,sans-serif;font-size:14px;color:#999;cursor:pointer;padding:0}.xo-filter-clear-btn:hover{color:#333}.xo-filter-apply-btn{background:#f5b5c8;color:#000;border:none;border-radius:30px;padding:10px 28px;font-family:Filson Soft,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s}.xo-filter-apply-btn:hover{background:#f0a0b8}.xo-filter-count{font-family:Filson Soft,sans-serif;font-size:14px;color:#666;padding:6px 0 2px}.xo-filter-count strong{color:#333}.xo-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0 8px}.xo-active-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid #F5B5C8;border-radius:20px;background:#fff;font-family:Filson Soft,sans-serif;font-size:13px;color:#000;font-weight:400;cursor:pointer;transition:background-color .15s}.xo-active-pill:hover{background:#fdf2f8}.xo-active-pill__x{font-size:14px;line-height:1;font-weight:700}.xo-active-clear-all{display:inline-flex;align-items:center;padding:6px 4px;background:none;color:#999;border:none;font-family:Filson Soft,sans-serif;font-size:13px;font-weight:400;cursor:pointer;text-decoration:underline;transition:color .15s}.xo-active-clear-all:hover{color:#333}.xo-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;display:none}.xo-filter-overlay.is-visible{display:block}@media(max-width:767px){.template-collection .page--section-title{font-size:2.2rem;margin-bottom:0!important;padding-bottom:0!important}.template-collection .xo-filter-bar{margin-top:-10px;padding-top:0}}@media(max-width:767px){.xo-filter-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 0;gap:6px}.xo-filter-bar:has(.xo-filter-dropdown.is-visible),.xo-filter-bar.xo-dropdown-open{overflow:visible}.xo-filter-bar::-webkit-scrollbar{display:none}.xo-filter-bar__pills{flex-wrap:nowrap}.xo-filter-pill{padding:6px 10px;font-size:12px}.xo-filter-pill--mobile-trigger{display:none}.xo-active-filters{gap:6px;padding:2px 0 6px}.xo-active-pill{font-size:11px;padding:4px 10px}.xo-filter-bar__sort{display:none}.xo-filter-dropdown{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto;min-width:auto;width:100%;z-index:999999!important;animation:xo-dropdown-slide-up .2s ease-out;box-shadow:0 -4px 20px #00000026}@keyframes xo-dropdown-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.xo-filter-overlay{z-index:999998!important}.xo-filter-overlay.is-visible{background:#0000004d}}@media(min-width:768px){.xo-filter-pill--mobile-trigger{display:none}.xo-filter-dropdown{min-width:280px}}.xo-no-results{text-align:center;padding:40px 20px;font-family:Filson Soft,sans-serif;font-size:16px;color:#666}
/*# sourceMappingURL=/cdn/shop/t/40/assets/xo-collection-filters.css.map */