:root{--filter-drawer-width: 400px;--filter-drawer-mobile-width: 100vw;--filter-drawer-z-index: 1000;--filter-drawer-overlay-z-index: 999;--filter-drawer-transition: .3s cubic-bezier(.4, 0, .2, 1);--filter-drawer-shadow: -2px 0 20px rgba(0, 0, 0, .15);--filter-drawer-border-radius: 0;--filter-drawer-backdrop: rgba(0, 0, 0, .5)}.filter-drawer-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--color-border, #e5e5e5);background:var(--color-background, #ffffff);color:var(--color-foreground, #333333);cursor:pointer;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1.4;text-transform:uppercase;letter-spacing:.5px;min-height:44px;-webkit-user-select:none;user-select:none}.filter-drawer-trigger:hover,.filter-drawer-trigger:focus{background:var(--color-background-secondary, #f8f8f8);border-color:var(--color-accent, #007acc);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-drawer-trigger:active{transform:translateY(0)}.filter-drawer-trigger__text{font-weight:600;font-family:Cardo}.filter-drawer-trigger svg{width:16px;height:16px;transition:transform .2s ease}.filter-drawer-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.filter-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--filter-drawer-backdrop);z-index:var(--filter-drawer-overlay-z-index);opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.filter-drawer-overlay.active{opacity:1;visibility:visible}.filter-drawer{position:fixed;top:0;right:0;width:100%;max-width:var(--filter-drawer-width);height:100vh;background:var(--color-background, #ffffff);transform:translate(100%);overflow:hidden;box-shadow:var(--filter-drawer-shadow);border-radius:var(--filter-drawer-border-radius);display:flex;flex-direction:column}.filter-drawer.active{transform:translate(0)}.filter-drawer__inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border, #e5e5e5);background:var(--color-background, #ffffff);flex-shrink:0;min-height:70px}.filter-drawer__title{font-size:1.375rem;font-weight:400;margin:0;color:var(--color-foreground, #333333);letter-spacing:-.025em}.filter-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--color-foreground-secondary, #666666);border-radius:50%}.filter-drawer__close:hover,.filter-drawer__close:focus{background:var(--color-background-secondary, #f8f8f8);color:var(--color-foreground, #333333)}.filter-drawer__close svg{width:20px;height:20px}.filter-drawer__clear{padding:1rem 1.5rem;border-top:1px solid var(--color-border-light, #f0f0f0);background:var(--color-background-secondary, #fafafa);flex-shrink:0}.filter-drawer__clear .icon{align-items:center}.filter-drawer__clear-btn{display:flex;align-items:center;gap:.5rem;color:var(--color-foreground-secondary, #666666);text-decoration:none;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.filter-drawer__clear-btn:hover{color:var(--color-accent, #007acc)}.filter-drawer__clear-btn svg{width:14px;height:14px}.filter-drawer__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:thin;scrollbar-color:var(--color-border, #e5e5e5) transparent}.filter-drawer__content::-webkit-scrollbar{width:6px}.filter-drawer__content::-webkit-scrollbar-track{background:transparent}.filter-drawer__content::-webkit-scrollbar-thumb{background:var(--color-border, #e5e5e5);border-radius:3px}.filter-drawer__content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark, #cccccc)}.filter-drawer__group{border-bottom:1px solid var(--color-border-light, #f0f0f0)}.filter-drawer__group:last-child{border-bottom:none}.filter-drawer__group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-size:1rem;font-weight:600;color:var(--color-foreground, #333333);min-height:60px}.filter-drawer__group-header:hover{background:var(--color-background-secondary, #f8f8f8)}.filter-drawer__group-header:focus{outline:2px solid var(--color-accent, #007acc);outline-offset:-2px}.filter-drawer__group[data-expanded=true] .filter-drawer__group-header{background:var(--color-background-secondary, #f8f8f8)}.filter-drawer__group-title{font-weight:400;text-transform:uppercase;letter-spacing:.5px}.filter-drawer__group-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-foreground-secondary, #666666)}.filter-drawer__group[data-expanded=true] .filter-drawer__group-icon{transform:rotate(180deg)}.filter-drawer__group-icon svg{width:16px;height:16px}.filter-drawer__group-content{max-height:0;overflow:hidden;background:var(--color-background, #ffffff)}.filter-drawer__group[data-expanded=true] .filter-drawer__group-content{max-height:500px}.filter-drawer__list{list-style:none;margin:0;padding:0}.filter-drawer__item{border-top:1px solid var(--color-border-light, #f0f0f0)}.filter-drawer__item:first-child{border-top:none}.filter-drawer__footer{padding:1.5rem;border-top:1px solid var(--color-border, #e5e5e5);background:var(--color-background, #ffffff);flex-shrink:0}.filter-drawer__apply-btn{width:100%;padding:1rem;background:var(--color-button, #007acc);color:var(--color-button-text, #ffffff);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;min-height:48px}.filter-drawer__apply-btn:hover{background:var(--color-button-hover, #005fa3);transform:translateY(-1px);box-shadow:0 4px 12px #007acc4d}.filter-drawer__apply-btn:active{transform:translateY(0)}@media (max-width: 768px){.filter-drawer{max-width:var(--filter-drawer-mobile-width);border-radius:0}.filter-drawer__header{padding:1rem 1.25rem;min-height:60px}.filter-drawer__title{font-size:1.25rem}.filter-drawer__clear,.filter-drawer__footer{padding:1rem 1.25rem}.filter-drawer__group-header{padding:1rem 1.25rem;min-height:56px}}@media (max-width: 480px){.filter-drawer__header{padding:.875rem 1rem}.filter-drawer__title{font-size:1.125rem}.filter-drawer__clear,.filter-drawer__footer,.filter-drawer__group-header{padding:.875rem 1rem}}.filter-drawer[aria-hidden=true]{pointer-events:none}.filter-drawer[aria-hidden=false]{pointer-events:auto}@media (prefers-contrast: high){.filter-drawer{border:2px solid}.filter-drawer__group-header:focus{outline:3px solid}}.filter-drawer--loading{pointer-events:none}.filter-drawer--loading .filter-drawer__content{opacity:.6}.filter-drawer--loading:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid var(--color-border, #e5e5e5);border-top-color:var(--color-accent, #007acc);border-radius:50%;animation:filter-drawer-spin 1s linear infinite}@keyframes filter-drawer-spin{to{transform:rotate(360deg)}}@media print{.filter-drawer-trigger,.filter-drawer-overlay,.filter-drawer{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/filter-drawer.css.map */