.filter-box-container{max-width:787px;margin:calc(var(--space-xl) * .7) auto;padding:0 calc(var(--space-lg) * .7)}.filter-box{border:var(--border-thin);padding:calc(var(--space-xl) * .7);position:relative}.filter-box,.filter-box-header{background-color:var(--color-white);border-radius:0}.filter-box-header{margin:calc(-1 * var(--space-xl) * .7) calc(-1 * var(--space-xl) * .7) calc(var(--space-lg) * .7) calc(-1 * var(--space-xl) * .7);padding:calc(15px * .7) calc(var(--space-xl) * .7);border-bottom:var(--border-thin)}.filter-box-header h3{font-family:var(--font-body);font-size:calc(var(--text-xl) * .7);font-weight:400;color:var(--color-black);margin:0}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--space-2xl) * .7);align-items:start}.filter-column{display:flex;flex-direction:column;gap:calc(var(--space-lg) * .7)}.filter-category-title{margin-bottom:calc(var(--space-sm) * .7)}.filter-category-title span{font-family:var(--font-body);font-size:calc(var(--text-base) * .7);font-weight:600;color:var(--color-black)}.filter-option{display:flex;align-items:center;gap:calc(10px * .7);cursor:pointer}.filter-checkbox{width:calc(20px * .7);height:calc(20px * .7);cursor:pointer}.filter-checkbox.primary{accent-color:var(--color-primary-lighter)}.filter-checkbox.secondary{accent-color:var(--color-secondary)}.filter-option span{font-family:var(--font-body);font-size:calc(var(--text-base) * .7);font-weight:400;color:var(--color-black)}.filter-controls{display:flex;flex-direction:column;gap:calc(var(--space-sm) * .7);position:absolute;bottom:calc(var(--space-xl) * .7);right:calc(var(--space-xl) * .7)}.filter-controls button{text-align:right;padding:0}@media (max-width:768px){.filter-grid{grid-template-columns:1fr;gap:calc(var(--space-lg) * .7)}.filter-controls{position:static;margin-top:calc(var(--space-lg) * .7);align-items:flex-end}}