:root{--fb-bar-bg: #ffffff;--fb-bar-border: #ece9e3;--fb-bar-height: 62px;--fb-bar-z: 9999;--fb-bar-pad: 24px;--fb-primary-bg: #1a1614;--fb-primary-text: #ffffff;--fb-primary-bg-hover: #3d3530;--fb-primary-radius: 28px;--fb-btn-bg: #000000;--fb-btn-text: #ffffff;--fb-btn-border: #ffffff;--fb-btn-bg-hover: #3d3530;--fb-btn-border-hover: #3d3530;--fb-btn-active-border: #3d3530;--fb-btn-active-text: #ffffff;--fb-btn-radius: 30px;--fb-sort-bg: #1a1614;--fb-sort-text: #ffffff;--fb-sort-border: #1a1614;--fb-sort-radius: 21px;--fb-dropdown-bg: #ffffff;--fb-dropdown-border: #e8e3da;--fb-dropdown-shadow: 0 8px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);--fb-dropdown-radius: 6px;--fb-chip-bg: #2d2926;--fb-chip-text: #ffffff;--fb-chip-radius: 20px;--fb-check-active: #2d2926;--fb-swatch-size: 28px;--fb-drawer-width: 400px;--fb-drawer-bg: #ffffff;--fb-drawer-header-bg: #f7f5f0;--fb-drawer-apply-bg: #2d2926;--fb-drawer-apply-text: #ffffff;--fb-font-heading: "EB Garamond", Georgia, serif;--fb-font: "Jost", -apple-system, "Helvetica Neue", sans-serif;--fb-gold: #b08d57;--fb-ink: #1a1614;--fb-hairline: rgba(61,53,48,.12);--fb-ease: cubic-bezier(.4, 0, .2, 1);--fb-transition: .18s var(--fb-ease)}.filter-bar *,.filter-bar *:before,.filter-bar *:after{box-sizing:border-box}.filter-bar{font-family:var(--fb-font);position:relative;width:100%}.section-filter-bar[data-sticky=true] .filter-bar__desktop{position:sticky;top:0;z-index:var(--fb-bar-z);transition:box-shadow var(--fb-transition)}.section-filter-bar[data-sticky=true] .filter-bar__desktop.is-stuck{box-shadow:0 3px 20px #0000001a}.section-filter-bar{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.filter-bar__desktop,.filter-bar__mobile-bar{width:100%;box-sizing:border-box}.section-filter-bar[data-sticky=true] .filter-bar__desktop{left:0;right:0;width:100%}.filter-bar__desktop{background:var(--fb-bar-bg);border-bottom:1px solid var(--fb-bar-border);width:100%;left:0;right:0;overflow:visible}.filter-bar__inner{display:flex;align-items:center;justify-content:space-between;height:var(--fb-bar-height);gap:10px;overflow:visible;box-sizing:border-box;width:100%;max-width:var(--page-width, 1440px);margin-left:auto;margin-right:auto;padding-left:var(--page-width-padding, var(--fb-bar-pad));padding-right:var(--page-width-padding, var(--fb-bar-pad))}.filter-bar__left{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:visible;padding:2px 0}.filter-bar__right{flex-shrink:0;padding-left:14px;border-left:1px solid var(--fb-bar-border)}.filter-bar__count{font-size:13px;color:#888880;white-space:nowrap;padding:0 10px;flex-shrink:0;letter-spacing:.01em}.filter-bar__mobile-bar{display:none}.filter-btn{display:inline-flex;align-items:center;gap:7px;padding:0 18px;height:38px;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;background:none;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:var(--fb-font-heading);transition:background var(--fb-transition),border-color var(--fb-transition),color var(--fb-transition),opacity var(--fb-transition)}.filter-btn:focus-visible{outline:2px solid var(--fb-primary-bg);outline-offset:3px}.filter-btn--primary{background:var(--fb-primary-bg);color:var(--fb-primary-text);border-color:var(--fb-primary-bg);border-radius:var(--fb-primary-radius);padding:0 20px}.filter-btn--primary:hover{background:var(--fb-primary-bg-hover);border-color:var(--fb-primary-bg-hover)}.filter-btn--secondary{background:var(--fb-btn-bg);color:var(--fb-btn-text);border-color:var(--fb-btn-border);border-radius:var(--fb-btn-radius)}.filter-btn--secondary:hover{background:var(--fb-btn-bg-hover);border-color:var(--fb-btn-border-hover)}.filter-dropdown--active .filter-btn--secondary{background:var(--fb-btn-bg-hover);border-color:var(--fb-btn-active-border)}.filter-btn--secondary[aria-expanded=true]{background:var(--fb-btn-bg-hover);border-color:var(--fb-btn-border-hover)}.filter-btn__chevron{transition:transform var(--fb-transition);flex-shrink:0;opacity:.7}.filter-btn[aria-expanded=true] .filter-btn__chevron{transform:rotate(180deg)}.filter-btn__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#ffffff40;color:#fff;font-size:11px;font-weight:700;border-radius:9px;letter-spacing:0}.filter-btn__count{font-weight:400;opacity:.75;font-size:12px;letter-spacing:0;text-transform:none}.filter-dropdown{position:relative;flex-shrink:0}.filter-dropdown__panel{position:absolute;top:calc(100% + 10px);left:0;background:var(--fb-dropdown-bg);border:1px solid var(--fb-dropdown-border);border-radius:var(--fb-dropdown-radius);box-shadow:var(--fb-dropdown-shadow);z-index:10009;min-width:230px;max-width:320px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--fb-transition),visibility var(--fb-transition),transform var(--fb-transition);pointer-events:none}.filter-dropdown__panel.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.filter-dropdown__panel--price{min-width:290px;padding:20px}.filter-dropdown__scroll{max-height:340px;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:#d8d3cc transparent}.filter-dropdown__scroll::-webkit-scrollbar{width:3px}.filter-dropdown__scroll::-webkit-scrollbar-thumb{background:#d8d3cc;border-radius:2px}.filter-checklist,.filter-swatches{list-style:none;margin:0;padding:0}.filter-check-item{display:block}.filter-check{display:flex;align-items:center;gap:12px;padding:11px 24px;cursor:pointer;transition:background var(--fb-transition)}.filter-check:hover{background:#f7f5f0}.filter-check--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.filter-check__input{position:absolute;opacity:0;width:0;height:0}.filter-check__box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1.5px solid #cfc8bd;border-radius:5px;background:#fff;flex-shrink:0;transition:background var(--fb-transition),border-color var(--fb-transition),box-shadow var(--fb-transition)}.filter-check:hover .filter-check__box{border-color:#a89e8d}.filter-check__tick{opacity:0;transform:scale(.5);color:#fff;transition:opacity var(--fb-transition),transform var(--fb-transition)}.filter-check__input:checked~.filter-check__box,.filter-check--active .filter-check__box{background:var(--fb-check-active);border-color:var(--fb-check-active)}.filter-check__input:checked~.filter-check__box .filter-check__tick,.filter-check--active .filter-check__tick{opacity:1;transform:scale(1)}.filter-check__input:focus-visible~.filter-check__box{box-shadow:0 0 0 3px #b08d5759;border-color:var(--fb-gold)}.filter-check__label{flex:1;font-size:12px;color:#4a443f;line-height:1.35;letter-spacing:.05em;text-transform:uppercase}.filter-check--active .filter-check__label{color:var(--fb-ink);font-weight:600}.filter-check__count{font-size:12px;color:#b0a898;margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.filter-swatches{display:flex;flex-direction:column;gap:2px;padding:6px 0}.filter-swatch{display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;padding:8px 24px;transition:background var(--fb-transition)}.filter-swatch:hover{background:#f7f5f0}.filter-swatch--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.filter-swatch__input{position:absolute;opacity:0;width:0;height:0}.filter-swatch__color{display:block;width:var(--fb-swatch-size);height:var(--fb-swatch-size);border-radius:50%;border:1px solid rgba(61,53,48,.18);box-shadow:inset 0 0 0 1px #ffffff80;transition:border-color var(--fb-transition),box-shadow var(--fb-transition),transform var(--fb-transition)}.filter-swatch:hover .filter-swatch__color{border-color:#9e9990;transform:scale(1.08)}.filter-swatch--active .filter-swatch__color,.filter-swatch__input:checked~.filter-swatch__color{border-color:#fff;box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--fb-gold)}.filter-swatch__label{font-size:12px;color:#4a443f;line-height:1.3;flex:1;letter-spacing:.05em;text-transform:uppercase}.filter-swatch--active .filter-swatch__label{color:var(--fb-ink);font-weight:600}.filter-swatches--drawer{padding:6px 0}.price-presets{display:flex;flex-direction:column;gap:8px;padding:4px 24px 8px}.price-preset{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#fff;border:1px solid #ddd8d0;border-radius:10px;font-family:var(--fb-font);font-size:13px;color:#4a443f;letter-spacing:.02em;cursor:pointer;text-align:left;transition:border-color var(--fb-transition),background var(--fb-transition),color var(--fb-transition),box-shadow var(--fb-transition)}.price-preset:after{content:"";width:16px;height:16px;border-radius:50%;border:1.5px solid #cfc8bd;flex-shrink:0;margin-left:12px;transition:border-color var(--fb-transition),background var(--fb-transition),box-shadow var(--fb-transition)}.price-preset:hover{border-color:#a89e8d;background:#faf8f4}.price-preset.is-active{border-color:var(--fb-check-active);background:#f7f5f0;color:var(--fb-ink);font-weight:500}.price-preset.is-active:after{border-color:var(--fb-check-active);background:var(--fb-check-active);box-shadow:inset 0 0 0 3px #fff}.price-preset:focus-visible{outline:none;box-shadow:0 0 0 3px #b08d5759;border-color:var(--fb-gold)}.sort-dropdown{position:relative}.sort-dropdown__btn{display:inline-flex;align-items:center;gap:8px;padding:0 18px;height:38px;background:var(--fb-sort-bg);border:1px solid var(--fb-sort-border);border-radius:var(--fb-sort-radius);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--fb-sort-text);cursor:pointer;white-space:nowrap;font-family:var(--fb-font-heading);transition:background var(--fb-transition),border-color var(--fb-transition),opacity var(--fb-transition)}.sort-dropdown__btn:hover{opacity:.85}.sort-dropdown__btn:focus-visible{outline:2px solid var(--fb-sort-bg);outline-offset:3px}.sort-dropdown__chevron{transition:transform var(--fb-transition);flex-shrink:0;opacity:.7}.sort-dropdown__btn[aria-expanded=true] .sort-dropdown__chevron{transform:rotate(180deg)}.sort-dropdown__panel{position:absolute;top:calc(100% + 8px);right:0;background:var(--fb-dropdown-bg);border:1px solid var(--fb-dropdown-border);border-radius:var(--fb-dropdown-radius);box-shadow:var(--fb-dropdown-shadow);z-index:10009;min-width:210px;list-style:none;margin:0;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--fb-transition),visibility var(--fb-transition),transform var(--fb-transition);pointer-events:none}.sort-dropdown__panel.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.sort-dropdown__option{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;font-size:13px;color:#2d2926;cursor:pointer;transition:background var(--fb-transition);letter-spacing:.01em}.sort-dropdown__option:hover{background:#f7f5f0}.sort-dropdown__option--active{font-weight:600;color:#1a1614}.sort-dropdown__check{color:var(--fb-check-active);flex-shrink:0}.filter-chips{width:100%;border-bottom:1px solid var(--fb-bar-border);background:#f7f5f0}.filter-chips__inner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;max-width:var(--page-width, 1440px);margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;padding-left:var(--page-width-padding, var(--fb-bar-pad));padding-right:var(--page-width-padding, var(--fb-bar-pad));box-sizing:border-box}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 14px;background:var(--fb-chip-bg);color:var(--fb-chip-text);font-size:12px;font-weight:500;letter-spacing:.03em;border-radius:var(--fb-chip-radius);text-decoration:none;transition:opacity var(--fb-transition);white-space:nowrap}.filter-chip:hover{opacity:.8}.filter-chip__swatch{display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.35);flex-shrink:0}.filter-chip__text{font-size:12px}.filter-chip__remove{display:flex;align-items:center;color:#ffffffb3;margin-left:2px}.filter-chip--clear{background:transparent;color:#2d2926;border:1px solid #c8c3bb;padding:5px 14px}.filter-chip--clear:hover{border-color:#2d2926;opacity:1}.filter-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a161480;z-index:10019;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.filter-overlay.is-visible{display:block;opacity:1}.filter-drawer{position:fixed;top:0;right:0;width:var(--fb-drawer-width);max-width:100vw;height:100%;background:var(--fb-drawer-bg);z-index:10029;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.filter-drawer.is-open{transform:translate(0)}.filter-drawer__header{display:flex;align-items:center;padding:20px 24px;background:var(--fb-drawer-header-bg);border-bottom:1px solid var(--fb-hairline);flex-shrink:0;gap:12px}.filter-drawer__title{margin:0;font-size:17px;font-weight:600;color:var(--fb-ink);letter-spacing:.12em;text-transform:uppercase;flex:1;font-family:var(--fb-font-heading)}.filter-drawer__count-badge{font-size:10px;background:var(--fb-ink);color:#fff;padding:3px 9px;border-radius:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.filter-drawer__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid #d8d2c9;border-radius:50%;cursor:pointer;color:#6e6661;transition:background var(--fb-transition),color var(--fb-transition),border-color var(--fb-transition);flex-shrink:0}.filter-drawer__close:hover{background:var(--fb-ink);color:#fff;border-color:var(--fb-ink)}.filter-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ddd8d0 transparent}.filter-drawer__footer{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--fb-hairline);flex-shrink:0;background:var(--fb-drawer-bg)}.filter-drawer__clear{flex:1;text-align:center;padding:13px;border:1px solid #cfc8bd;border-radius:30px;font-family:var(--fb-font-heading);font-size:12px;font-weight:500;color:#6e6661;text-decoration:none;letter-spacing:.14em;text-transform:uppercase;transition:border-color var(--fb-transition),color var(--fb-transition)}.filter-drawer__clear:hover{border-color:var(--fb-ink);color:var(--fb-ink)}.filter-drawer__apply{flex:2;padding:13px;background:var(--fb-drawer-apply-bg);color:var(--fb-drawer-apply-text);border:1px solid var(--fb-drawer-apply-bg);border-radius:30px;font-family:var(--fb-font-heading);font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;transition:background var(--fb-transition),border-color var(--fb-transition),box-shadow var(--fb-transition)}.filter-drawer__apply:hover{background:var(--fb-ink);border-color:var(--fb-ink);box-shadow:inset 0 0 0 1px var(--fb-gold)}.filter-drawer__price-wrap{padding:4px 0 12px}.filter-drawer__group{border-bottom:1px solid var(--fb-hairline)}.filter-drawer__group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 24px;background:transparent;border:none;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--fb-ink);text-align:left;letter-spacing:.1em;text-transform:uppercase;font-family:var(--fb-font-heading);transition:background var(--fb-transition)}.filter-drawer__group-header:hover{background:#f7f5f0}.filter-drawer__group-label{display:flex;align-items:center;gap:8px}.filter-drawer__group-count{font-weight:400;color:var(--fb-gold);font-size:12px;text-transform:none;letter-spacing:0}.filter-drawer__chevron{transition:transform var(--fb-transition);flex-shrink:0;color:#b0a898}.filter-drawer__group-header[aria-expanded=true] .filter-drawer__chevron{transform:rotate(180deg)}.filter-drawer__group-body{overflow:hidden;max-height:0;transition:max-height .26s var(--fb-ease)}.filter-drawer__group-body.is-expanded{max-height:600px}.filter-checklist--drawer .filter-check{padding:11px 24px}@media(max-width:768px){.filter-bar__desktop{display:none!important}.filter-bar__mobile-bar{display:flex!important;align-items:center;gap:10px;padding:10px 16px;background:var(--fb-bar-bg);border-top:1px solid var(--fb-bar-border);border-bottom:1px solid var(--fb-bar-border);width:100%;box-sizing:border-box;position:relative;z-index:10}.filter-bar__mobile-bar .filter-btn--primary{flex:1;justify-content:center;height:40px}.filter-bar__mobile-bar .filter-bar__count{flex-shrink:0;font-size:12px}.filter-bar__mobile-sort{flex-shrink:0}.filter-bar__mobile-sort .sort-dropdown__panel{right:0;left:auto;z-index:10009}.filter-bar__mobile-sort .sort-dropdown__btn{height:40px;padding:0 14px;font-size:12px}.filter-bar__mobile-sort .sort-dropdown__current{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-drawer{width:100%!important;max-width:100vw;right:0;left:auto;z-index:10029!important}.filter-overlay{z-index:10019!important}.filter-chips__inner{padding:8px 16px}.filter-drawer__group-body.is-expanded{max-height:400px}.filter-checklist--drawer .filter-check{padding:11px 20px}.price-presets{padding-left:20px;padding-right:20px}:root{--fb-bar-height: 54px}}.filter-bar--loading .filter-bar__count:after{content:"";display:inline-block;width:8px;height:8px;border:1.5px solid #ccc;border-top-color:#2d2926;border-radius:50%;animation:fb-spin .6s linear infinite;vertical-align:middle;margin-left:6px}@keyframes fb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.filter-dropdown__panel,.sort-dropdown__panel,.filter-drawer,.filter-overlay,.filter-btn__chevron,.sort-dropdown__chevron,.filter-drawer__chevron,.filter-drawer__group-body,.filter-swatch__color{transition:none!important;animation:none!important}}.filter-swatch__color--img{display:flex;align-items:center;justify-content:center;width:var(--fb-swatch-size);height:var(--fb-swatch-size);border-radius:50%;border:1px solid rgba(61,53,48,.18);overflow:hidden;transition:border-color var(--fb-transition),box-shadow var(--fb-transition),transform var(--fb-transition)}.filter-swatch__color--img img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.filter-swatch:hover .filter-swatch__color--img{border-color:#9e9990;transform:scale(1.08)}.filter-swatch--active .filter-swatch__color--img,.filter-swatch__input:checked~.filter-swatch__color--img{border-color:#fff;box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--fb-gold)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/filter-bar.css.map */