.collection-filters{background-color:var(--color-paper-white, #FAFAF8);padding:24px;border-bottom:1px solid #E8E8E6}.collection-filters__container{max-width:var(--container-wide, 1080px);margin:0 auto}.collection-filters__desktop{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px}.collection-filters__form{display:flex;flex-wrap:wrap;gap:24px}.collection-filters__group{display:flex;align-items:center;gap:12px}.collection-filters__label{font-family:var(--font-body, "Inter", sans-serif);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-gray, #5A5A58);white-space:nowrap}.collection-filters__pills{display:flex;flex-wrap:wrap;gap:8px}.collection-filters__pill{padding:8px 14px;background-color:var(--color-paper-white, #FAFAF8);border:1px solid #E8E8E6;border-radius:20px;font-family:var(--font-body, "Inter", sans-serif);font-size:.8125rem;font-weight:500;color:var(--color-warm-black, #1A1A18);cursor:pointer;transition:all .2s ease}.collection-filters__pill:hover{border-color:var(--color-deep-teal, #1A7B7B);color:var(--color-deep-teal, #1A7B7B);transform:translateY(-.5px)}.collection-filters__pill.active{background-color:var(--color-deep-teal, #1A7B7B);border-color:var(--color-deep-teal, #1A7B7B);color:var(--color-paper-white, #FAFAF8);font-weight:600;box-shadow:0 1px 3px #1a7b7b40,0 1px 2px #0000000d;transform:translateY(-1px)}.collection-filters__pill:active{transform:translateY(0)}.collection-filters__meta{display:flex;align-items:center;gap:24px;margin-left:auto}.collection-filters__sort{display:flex;align-items:center;gap:8px;position:relative}.collection-filters__sort-label{font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:var(--font-normal, 400);color:var(--color-muted-gray, #5A5A58)}.collection-filters__sort-select{-webkit-appearance:none;appearance:none;background:transparent;border:none;font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:500;color:var(--color-warm-black, #1A1A18);padding-right:24px;cursor:pointer}.collection-filters__sort-select:focus{outline:none}.collection-filters__sort-icon{position:absolute;right:0;pointer-events:none;color:var(--color-muted-gray, #5A5A58)}.collection-filters__count{font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:var(--font-normal, 400);color:var(--color-muted-gray, #5A5A58)}.collection-filters__mobile{display:none}.collection-filters__mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.collection-filters__mobile-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:transparent;border:1px solid #E8E8E6;border-radius:4px;font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:500;color:var(--color-warm-black, #1A1A18);cursor:pointer;transition:border-color .2s ease}.collection-filters__mobile-trigger:hover{border-color:var(--color-deep-teal, #1A7B7B)}.collection-filters__sort--mobile{flex:1;max-width:160px}.collection-filters__count--mobile{display:block;margin-top:12px;text-align:center}.collection-filters__sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end}.collection-filters__sheet[hidden]{display:none}.collection-filters__sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1a1880;cursor:pointer}.collection-filters__sheet-content{position:relative;width:100%;max-height:85vh;background-color:var(--color-paper-white, #FAFAF8);border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.collection-filters__sheet-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E8E8E6}.collection-filters__sheet-title{font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-warm-black, #1A1A18);margin:0}.collection-filters__sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-sm, 4px);color:var(--color-muted-gray, #5A5A58);cursor:pointer;transition:color .2s ease}.collection-filters__sheet-close:hover{color:var(--color-warm-black, #1A1A18)}.collection-filters__sheet-close:focus-visible{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px}.collection-filters__sheet-body{flex:1;overflow-y:auto;padding:24px;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to bottom,black calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 40px),transparent 100%)}.collection-filters__fieldset{border:none;padding:0;margin:0 0 24px}.collection-filters__fieldset:last-child{margin-bottom:0}.collection-filters__fieldset-legend{font-family:var(--font-body, "Inter", sans-serif);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-gray, #5A5A58);margin-bottom:12px}.collection-filters__checkboxes{display:flex;flex-direction:column;gap:16px}.collection-filters__checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px}.collection-filters__checkbox{width:24px;height:24px;min-width:24px;accent-color:var(--color-deep-teal, #1A7B7B);cursor:pointer}.collection-filters__checkbox:focus{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px}.collection-filters__checkbox:focus-visible{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px}.collection-filters__checkbox-text{font-family:var(--font-body, "Inter", sans-serif);font-size:1rem;font-weight:var(--font-normal, 400);color:var(--color-warm-black, #1A1A18)}.collection-filters__sheet-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #E8E8E6;background-color:var(--color-paper-white, #FAFAF8)}.collection-filters__sheet-clear,.collection-filters__sheet-apply{flex:1;padding:14px 20px;min-height:48px;border-radius:4px;font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:all .2s ease}@media (max-width: 375px){.collection-filters__sheet-clear,.collection-filters__sheet-apply{padding:16px;font-size:.8125rem}}.collection-filters__sheet-clear{background-color:transparent;border:1px solid #E8E8E6;color:var(--color-muted-gray, #5A5A58)}.collection-filters__sheet-clear:hover{border-color:var(--color-warm-black, #1A1A18);color:var(--color-warm-black, #1A1A18)}.collection-filters__sheet-apply{background-color:var(--color-deep-teal, #1A7B7B);border:1px solid var(--color-deep-teal, #1A7B7B);color:var(--color-paper-white, #FAFAF8);box-shadow:0 1px 3px #1a7b7b40,0 1px 2px #0000000d}.collection-filters__sheet-apply:hover{background-color:#156666;border-color:#156666;box-shadow:0 2px 4px #1a7b7b4d,0 1px 3px #00000014;transform:translateY(-1px)}.collection-filters__sheet-apply:active{transform:translateY(0);box-shadow:0 1px 2px #1a7b7b33}@media (max-width: 1024px){.collection-filters__form{gap:16px}.collection-filters__group{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 600px){.collection-filters{padding:16px 20px}.collection-filters__desktop{display:none}.collection-filters__mobile{display:block}}@media (min-width: 601px) and (max-width: 768px){.collection-filters__desktop{display:flex}.collection-filters__mobile{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/25/assets/collection-filters.css.map */