[id^=custom-filters-]{font-family:var(--filter-font-family, inherit);font-size:var(--filter-font-size, 14px);font-weight:var(--filter-font-weight, 400);box-sizing:border-box}.ccf-inner{max-width:var(--section-max-width, 1200px);margin:0 auto;padding:0 16px;position:relative}.ccf-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:10px 0;min-height:52px}.ccf-bar-right{display:flex;align-items:center;gap:16px;margin-left:auto}.ccf-filter-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:6px 0;font-family:var(--filter-font-family, inherit);font-size:var(--filter-font-size, 14px);font-weight:var(--filter-font-weight, 400);color:#1a1a1a;letter-spacing:.01em;transition:opacity .15s}.ccf-filter-btn:hover{opacity:.65}.ccf-filter-btn svg{flex-shrink:0}.ccf-grid-toggles{display:flex;align-items:center;gap:4px}.ccf-grid-btn{background:none;border:none;cursor:pointer;padding:5px;color:silver;border-radius:3px;transition:color .15s;line-height:0}.ccf-grid-btn:hover,.ccf-grid-btn--active{color:#1a1a1a}.ccf-count{font-size:var(--filter-font-size, 14px);font-weight:var(--filter-font-weight, 400);color:#1a1a1a;white-space:nowrap}.ccf-sort-wrap{position:relative}.ccf-sort-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #d4d4d4;border-radius:4px;padding:8px 14px;cursor:pointer;font-family:var(--filter-font-family, inherit);font-size:var(--filter-font-size, 14px);font-weight:var(--filter-font-weight, 400);color:#1a1a1a;white-space:nowrap;transition:border-color .15s;min-width:155px;justify-content:space-between}.ccf-sort-btn:hover{border-color:#1a1a1a}.ccf-chevron{flex-shrink:0;transition:transform .2s ease}.ccf-sort-btn--open .ccf-chevron{transform:rotate(180deg)}.ccf-sort-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:100%;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 20px #0000001a;z-index:200;list-style:none;margin:0;padding:6px 0;overflow:hidden}.ccf-sort-dropdown--open{display:block}.ccf-sort-option{padding:9px 18px;cursor:pointer;font-size:var(--filter-font-size, 14px);font-weight:var(--filter-font-weight, 400);color:#1a1a1a;transition:background .1s;white-space:nowrap}.ccf-sort-option:hover{background:#f5f5f5}.ccf-sort-option--active{background:#1c6fdb;color:#fff;font-weight:500}.ccf-sort-option--active:hover{background:#1a5ec2}.ccf-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:399;opacity:0;transition:opacity .25s ease}.ccf-overlay--visible{display:block;opacity:1}.ccf-drawer{position:fixed;top:0;left:0;width:min(420px,90vw);height:100%;background:#fff;z-index:400;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.ccf-drawer--open{transform:translate(0);box-shadow:4px 0 30px #0000001f}.ccf-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.ccf-drawer-title{font-size:calc(var(--filter-font-size, 14px) + 4px);font-weight:600;color:#1a1a1a;margin:0 0 3px;line-height:1.2}.ccf-drawer-count{font-size:calc(var(--filter-font-size, 14px) - 1px);color:#666;margin:0}.ccf-drawer-close{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a;line-height:0;border-radius:3px;margin-top:2px;flex-shrink:0;transition:opacity .15s}.ccf-drawer-close:hover{opacity:.6}.ccf-drawer-body{flex:1;overflow-y:auto;padding:0 0 8px;-webkit-overflow-scrolling:touch}.ccf-drawer-body::-webkit-scrollbar{width:5px}.ccf-drawer-body::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:3px}.ccf-filter-group{border-bottom:1px solid #e8e8e8}.ccf-filter-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:16px 24px;cursor:pointer;font-family:var(--filter-font-family, inherit);font-size:var(--filter-font-size, 14px);font-weight:var(--filter-font-weight, 400);color:#1a1a1a;text-align:left;transition:background .1s}.ccf-filter-group-header:hover{background:#fafafa}.ccf-filter-chevron{flex-shrink:0;color:#888;transition:transform .2s ease}.ccf-filter-group-header--open .ccf-filter-chevron{transform:rotate(180deg)}.ccf-filter-body{padding:4px 24px 16px}.ccf-filter-list{list-style:none;margin:0;padding:0}.ccf-filter-item+.ccf-filter-item{margin-top:2px}.ccf-filter-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 0;font-size:var(--filter-font-size, 14px);font-weight:var(--filter-font-weight, 400);color:#1a1a1a;transition:color .1s}.ccf-filter-label:hover{color:#000}.ccf-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ccf-checkbox-custom{width:18px;height:18px;border:1.5px solid #c4c4c4;border-radius:3px;flex-shrink:0;position:relative;background:#fff;transition:border-color .15s,background .15s}.ccf-checkbox:checked+.ccf-checkbox-custom{background:#1a1a1a;border-color:#1a1a1a}.ccf-checkbox:checked+.ccf-checkbox-custom:after{content:"";position:absolute;left:4px;top:2px;width:6px;height:10px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(42deg)}.ccf-checkbox:disabled+.ccf-checkbox-custom{opacity:.35}.ccf-checkbox:focus-visible+.ccf-checkbox-custom{outline:2px solid #1c6fdb;outline-offset:2px}.ccf-filter-value{flex:1}.ccf-filter-count{color:#999;font-size:calc(var(--filter-font-size, 14px) - 1px)}.ccf-price-range{padding:4px 0 6px}.ccf-price-inputs{display:flex;align-items:center;gap:12px}.ccf-price-sep{color:#888}.ccf-price-field{display:flex;flex-direction:column;gap:5px;flex:1}.ccf-price-field label{font-size:12px;color:#666}.ccf-price-input-wrap{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;padding:7px 10px;gap:4px}.ccf-price-input-wrap span{color:#888;font-size:13px}.ccf-price-input-wrap input{border:none;outline:none;width:100%;font-size:var(--filter-font-size, 14px);background:transparent}.ccf-price-input-wrap:focus-within{border-color:#1a1a1a}.ccf-drawer-footer{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #e8e8e8;flex-shrink:0}.ccf-clear-btn{flex:1;background:none;border:none;cursor:pointer;font-size:var(--filter-font-size, 14px);font-weight:500;color:#1a1a1a;text-decoration:underline;text-underline-offset:3px;padding:12px 8px;transition:opacity .15s;text-align:center}.ccf-clear-btn:hover{opacity:.6}.ccf-apply-btn{flex:2;background:#1a1a1a;color:#fff;border:none;border-radius:4px;padding:14px 24px;font-size:var(--filter-font-size, 14px);font-weight:600;cursor:pointer;letter-spacing:.03em;transition:background .15s}.ccf-apply-btn:hover{background:#333}@media(max-width:640px){.ccf-count{display:none}.ccf-sort-btn{min-width:130px}.ccf-drawer{width:100vw}.ccf-bar-right{gap:10px}}@media(prefers-reduced-motion:reduce){.ccf-drawer,.ccf-overlay,.ccf-chevron,.ccf-filter-chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-collection-filters.css.map */