body.spacer-theme .spacer-shop-filters{
    position:relative;
    display:grid;
    gap:var(--space-18);
    clear:both;
    box-sizing:border-box;
    width:100%;
    max-width:none;
    margin:0 0 var(--space-28);
}

body.spacer-theme .spacer-shop-filters .spacer-shop-filter__button{
    background:#fff !important;
    color:var(--spacer-ink) !important;
}

body.spacer-theme .spacer-shop-filters .spacer-shop-filter.is-selected .spacer-shop-filter__button{
    background:#f0fdfa !important;
    color:var(--spacer-ink) !important;
}

body.spacer-theme .spacer-shop-filters .spacer-shop-filter.is-open .spacer-shop-filter__button,
body.spacer-theme .spacer-shop-filters .spacer-shop-filter .spacer-shop-filter__button[aria-expanded="true"]{
    background:#2563eb !important;
    color:#fff !important;
}

body.spacer-theme .spacer-shop-filters .spacer-shop-filters__chip{
    background:#ecfdf5 !important;
    color:#134e4a !important;
}

body.spacer-theme .spacer-shop-filters .spacer-shop-filters__chip--clear-filter{
    background:#fff1f2 !important;
    color:var(--brand-primary) !important;
}

body.spacer-theme .spacer-shop-filters .spacer-shop-filters__chip--clear-vehicle{
    background:#fffbeb !important;
    color:#92400e !important;
}

body.spacer-theme .spacer-shop-filters__overview{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:var(--space-16);
    box-sizing:border-box;
    width:100%;
    padding:0 var(--space-20);
}

body.spacer-theme .spacer-shop-filters__intro,
body.spacer-theme .spacer-shop-filters__summary{
    display:grid;
    gap:var(--space-6);
}

body.spacer-theme .spacer-shop-filters__eyebrow,
body.spacer-theme .spacer-shop-filters__panel-eyebrow{
    margin:0;
    color:var(--brand-primary);
    font-size:var(--fs-12);
    font-weight:800;
    letter-spacing:var(--type-kicker-tracking-max);
    text-transform:uppercase;
}

body.spacer-theme .spacer-shop-filters__title,
body.spacer-theme .spacer-shop-filters__panel-title{
    margin:0;
    color:var(--spacer-ink);
    font-family:var(--spacer-font-heading);
    font-size:var(--type-section-title-compact);
    line-height:var(--lh-title);
    letter-spacing:var(--type-title-tracking);
}

body.spacer-theme .spacer-shop-filters__count{
    margin:0;
    color:var(--spacer-muted);
    font-size:var(--fs-16);
    font-weight:600;
}

body.spacer-theme .spacer-shop-filters__toggle{
    display:none;
    align-items:center;
    gap:var(--space-12);
    border:none;
    border-radius:999px;
    background:var(--brand-primary);
    color:var(--button-primary-text);
    padding:var(--space-14) var(--space-18);
    font-size:var(--fs-14);
    font-weight:var(--fw-700);
    letter-spacing:var(--type-copy-tracking-wide);
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:var(--shadow-accent-cta-strong);
}

body.spacer-theme .spacer-shop-filters__toggle-icon{
    display:grid;
    gap:var(--space-8);
    margin-top:0;
}

body.spacer-theme .spacer-shop-filters__toggle-icon span{
    display:block;
    width:18px;
    height:2px;
    border-radius:999px;
    background:currentColor;
}

body.spacer-theme .spacer-shop-filters__backdrop{
    position:fixed;
    inset:0;
    background:rgba(15, 23, 42, 0.42);
    opacity:0;
    pointer-events:none;
    transition:opacity var(--motion-panel) var(--ease-standard);
    z-index:var(--z-drawer);
}

body.spacer-theme .spacer-shop-filters__panel{
    position:relative;
    display:grid;
    gap:var(--space-18);
    box-sizing:border-box;
    width:100%;
    max-width:none;
    padding:var(--space-22);
    border:1px solid rgba(17, 24, 39, 0.08);
    border-radius:20px;
    background:#f7f8fa;
    box-shadow:0 18px 45px rgba(15, 23, 42, 0.08);
}

body.spacer-theme .spacer-shop-filters__panel-header,
body.spacer-theme .spacer-shop-filters__section-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:var(--space-12);
}

body.spacer-theme .spacer-shop-filters__section{
    display:grid;
    gap:var(--space-12);
}

body.spacer-theme .spacer-shop-filters__section-title{
    margin:0;
    color:var(--spacer-ink);
    font-size:var(--fs-16);
    font-weight:800;
    letter-spacing:var(--type-copy-tracking);
}

body.spacer-theme .spacer-shop-filters__back-link{
    display:inline-flex;
    align-items:center;
    gap:var(--space-8);
    color:var(--brand-primary);
    font-size:var(--fs-15);
    font-weight:700;
    text-decoration:none;
}

body.spacer-theme .spacer-shop-filters__back-link::before{
    content:'';
    width:7px;
    height:7px;
    border-left:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
}

body.spacer-theme .spacer-shop-filters__categories,
body.spacer-theme .spacer-shop-filters__chips,
body.spacer-theme .spacer-shop-filters__groups,
body.spacer-theme .spacer-shop-filters__form{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-12);
}

body.spacer-theme .spacer-shop-filters__form{
    align-items:flex-start;
}

body.spacer-theme .spacer-shop-filters__chips{
    width:100%;
    order:2;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-12);
    padding:var(--space-10) var(--space-12);
    border:1px solid rgba(15, 23, 42, 0.08);
    border-radius:16px;
    background:#fff;
}

body.spacer-theme .spacer-shop-filters__active-values,
body.spacer-theme .spacer-shop-filters__clear-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--space-8);
}

body.spacer-theme .spacer-shop-filters__active-values{
    flex:1 1 260px;
    min-width:0;
}

body.spacer-theme .spacer-shop-filters__clear-actions{
    flex:0 0 auto;
    justify-content:flex-end;
    margin-left:auto;
    padding-left:var(--space-12);
    border-left:1px solid rgba(15, 23, 42, 0.1);
}

body.spacer-theme .spacer-shop-filters__groups{
    width:100%;
    order:1;
    gap:var(--space-10);
}

body.spacer-theme .spacer-shop-filters__category,
body.spacer-theme .spacer-shop-filters__chip,
body.spacer-theme .spacer-shop-filter__button{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-10);
    min-height:46px;
    border:1px solid rgba(17, 24, 39, 0.12);
    border-radius:999px;
    background:var(--bg-card);
    color:var(--spacer-ink);
    padding:0 var(--space-16);
    font-size:var(--fs-15);
    font-weight:var(--fw-700);
    text-decoration:none;
    box-shadow:0 8px 24px rgba(15, 23, 42, 0.05);
}

body.spacer-theme .spacer-shop-filters__category small,
body.spacer-theme .spacer-shop-filters__chip-remove,
body.spacer-theme .spacer-shop-filter__button-count,
body.spacer-theme .spacer-shop-filter__term small{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    min-height:var(--size-28);
    border-radius:999px;
    background:rgba(222,0,8,0.08);
    color:var(--brand-primary);
    font-size:var(--fs-12);
    font-weight:800;
    padding:0 var(--space-8);
}

body.spacer-theme .spacer-shop-filters__category.is-active,
body.spacer-theme .spacer-shop-filters__category:hover,
body.spacer-theme .spacer-shop-filters__chip:hover,
body.spacer-theme .spacer-shop-filter__button:hover,
body.spacer-theme .spacer-shop-filter.is-open .spacer-shop-filter__button{
    border-color:var(--state-hover-border-accent);
    color:var(--state-hover-text-accent);
}

body.spacer-theme .spacer-shop-filters__chip{
    min-height:38px;
    border:1px solid rgba(13, 148, 136, 0.24);
    cursor:pointer;
    background:#ecfdf5;
    color:var(--spacer-ink);
    padding:0 var(--space-12) 0 var(--space-14);
    box-shadow:none;
    font-size:var(--fs-14);
}

body.spacer-theme .spacer-shop-filters__chip--clear{
    min-height:36px;
    border-radius:10px;
    box-shadow:none;
    padding:0 var(--space-14);
    border-color:rgba(15, 23, 42, 0.14);
    background:#fff;
    color:var(--spacer-ink);
    font-size:var(--fs-13);
}

body.spacer-theme .spacer-shop-filters__chip:hover{
    border-color:rgba(13, 148, 136, 0.42);
    background:#d1fae5;
}

body.spacer-theme .spacer-shop-filters__chip--clear-filter{
    border-color:rgba(222,0,8,0.22);
    background:#fff1f2;
    color:var(--brand-primary);
}

body.spacer-theme .spacer-shop-filters__chip--clear-filter:hover{
    border-color:rgba(222,0,8,0.36);
    background:#ffe4e6;
    color:var(--brand-primary);
}

body.spacer-theme .spacer-shop-filters__chip--clear-vehicle{
    border-color:rgba(217,119,6,0.26);
    background:#fffbeb;
    color:#92400e;
}

body.spacer-theme .spacer-shop-filters__chip--clear-vehicle:hover{
    border-color:rgba(217,119,6,0.42);
    background:#fef3c7;
    color:#78350f;
}

body.spacer-theme .spacer-shop-filters__chip--clear span{
    color:inherit;
}

body.spacer-theme .spacer-shop-filters__chip-label{
    color:#0f766e;
}

body.spacer-theme .spacer-shop-filters__chip-value{
    color:#134e4a;
}

body.spacer-theme .spacer-shop-filters__chip--clear .spacer-shop-filters__chip-label,
body.spacer-theme .spacer-shop-filters__chip--clear .spacer-shop-filters__chip-value{
    color:inherit;
}

body.spacer-theme .spacer-shop-filter{
    position:relative;
}

body.spacer-theme .spacer-shop-filter__button{
    min-width:210px;
    max-width:340px;
    border-color:rgba(37, 99, 235, 0.18);
    background:#fff;
    cursor:pointer;
}

body.spacer-theme .spacer-shop-filter.is-selected .spacer-shop-filter__button{
    border-color:rgba(13, 148, 136, 0.42);
    background:#f0fdfa;
    color:var(--spacer-ink);
}

body.spacer-theme .spacer-shop-filter__button-copy{
    display:grid;
    gap:2px;
    min-width:0;
    text-align:left;
}

body.spacer-theme .spacer-shop-filter__button-text,
body.spacer-theme .spacer-shop-filter__button-preview{
    display:block;
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

body.spacer-theme .spacer-shop-filter__button-preview{
    color:var(--spacer-muted);
    font-size:var(--fs-12);
    font-weight:800;
}

body.spacer-theme .spacer-shop-filter.is-selected .spacer-shop-filter__button-preview{
    color:#0f766e;
}

body.spacer-theme .spacer-shop-filter.is-open .spacer-shop-filter__button,
body.spacer-theme .spacer-shop-filter .spacer-shop-filter__button[aria-expanded="true"]{
    background:var(--brand-primary);
    color:var(--button-primary-text);
}

body.spacer-theme .spacer-shop-filter.is-open .spacer-shop-filter__button-preview,
body.spacer-theme .spacer-shop-filter .spacer-shop-filter__button[aria-expanded="true"] .spacer-shop-filter__button-preview{
    color:rgba(255,255,255,0.78);
}

body.spacer-theme .spacer-shop-filter.is-open .spacer-shop-filter__button-count,
body.spacer-theme .spacer-shop-filter .spacer-shop-filter__button[aria-expanded="true"] .spacer-shop-filter__button-count{
    background:rgba(255,255,255,0.18);
    color:var(--button-primary-text);
}

body.spacer-theme .spacer-shop-filter__button-icon{
    position:relative;
    width:11px;
    height:11px;
    flex:0 0 auto;
}

body.spacer-theme .spacer-shop-filter__button-icon::before{
    content:'';
    position:absolute;
    inset:1px 0 0 1px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    transition:transform var(--motion-medium) var(--ease-standard);
}

body.spacer-theme .spacer-shop-filter.is-open .spacer-shop-filter__button-icon::before{
    transform:rotate(225deg);
}

body.spacer-theme .spacer-shop-filter__body{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    z-index:var(--z-dropdown);
    min-width:260px;
    max-width:min(360px, 88vw);
    padding:var(--space-14);
    border:1px solid rgba(17, 24, 39, 0.12);
    border-radius:18px;
    background:var(--bg-card);
    box-shadow:var(--shadow-popover-strong);
}

body.spacer-theme .spacer-shop-filter__search-wrap{
    position:sticky;
    top:0;
    z-index:1;
    margin:0 0 var(--space-10);
    padding-bottom:var(--space-8);
    background:var(--bg-card);
}

body.spacer-theme .spacer-shop-filter__search{
    width:100%;
    min-height:42px;
    border:var(--border-strong);
    border-radius:999px;
    background:rgba(17, 24, 39, 0.04);
    color:var(--spacer-ink);
    font-size:var(--fs-14);
    font-weight:600;
    padding:0 var(--space-14);
    outline:none;
}

body.spacer-theme .spacer-shop-filter__search:focus{
    border-color:var(--state-hover-border-accent);
    background:var(--bg-card);
    box-shadow:0 0 0 3px rgba(222,0,8,0.08);
}

body.spacer-theme .spacer-shop-filter__body[hidden]{
    display:none;
}

body.spacer-theme .spacer-shop-filter__terms{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:var(--space-6);
    max-height:280px;
    overflow:auto;
}

body.spacer-theme .spacer-shop-filter__term{
    position:relative;
}

body.spacer-theme .spacer-shop-filter__checkbox{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

body.spacer-theme .spacer-shop-filter__term label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-10);
    padding:var(--space-10) var(--space-12);
    border-radius:var(--radius-md);
    color:var(--spacer-ink);
    font-size:var(--fs-15);
    font-weight:600;
    cursor:pointer;
    transition:background var(--motion-medium) var(--ease-standard), color var(--motion-medium) var(--ease-standard);
}

body.spacer-theme .spacer-shop-filter__term label::before{
    content:'';
    width:18px;
    height:18px;
    flex:0 0 auto;
    border:2px solid rgba(17, 24, 39, 0.16);
    border-radius:50%;
    background:var(--bg-card);
}

body.spacer-theme .spacer-shop-filter__term.is-selected label::before{
    border-color:var(--brand-primary);
    background:radial-gradient(circle, var(--brand-primary) 0 42%, transparent 48%);
}

body.spacer-theme .spacer-shop-filter__term label span{
    flex:1 1 auto;
    min-width:0;
}

body.spacer-theme .spacer-shop-filter__term label:hover,
body.spacer-theme .spacer-shop-filter__term.is-selected label{
    background:var(--state-hover-surface-accent-subtle);
    color:var(--state-hover-text-accent);
}

body.spacer-theme .spacer-shop-filter__term.is-disabled label{
    opacity:var(--state-disabled-soft-opacity);
    cursor:not-allowed;
}

body.spacer-theme .spacer-shop-filter__empty{
    margin:var(--space-8) 0 0;
    color:var(--spacer-muted);
    font-size:var(--fs-14);
    font-weight:600;
}

body.spacer-theme .spacer-shop-filters.is-submitting{
    opacity:0.72;
    pointer-events:none;
}

body.spacer-theme .spacer-shop-filters__close{
    display:none;
    position:relative;
    width:44px;
    height:44px;
    border:none;
    border-radius:50%;
    background:rgba(17, 24, 39, 0.06);
    cursor:pointer;
}

body.spacer-theme .spacer-shop-filters__close span{
    position:absolute;
    top:21px;
    left:12px;
    width:20px;
    height:2px;
    border-radius:999px;
    background:var(--spacer-ink);
}

body.spacer-theme .spacer-shop-filters__close span:first-child{
    transform:rotate(45deg);
}

body.spacer-theme .spacer-shop-filters__close span:last-child{
    transform:rotate(-45deg);
}

@media (max-width: 980px) {
    body.spacer-theme .spacer-shop-filters__toggle,
    body.spacer-theme .spacer-shop-filters__close{
        display:inline-flex;
        justify-content:center;
    }

    body.spacer-theme .spacer-shop-filters__overview{
        align-items:flex-start;
        flex-direction:column;
    }

    body.spacer-theme .spacer-shop-filters__panel{
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        width:min(92vw, 420px);
        max-width:var(--max-width-drawer);
        height:100vh;
        overflow:auto;
        border:none;
        border-radius:28px 0 0 28px;
        transform:translateX(104%);
        transition:transform var(--motion-panel) var(--ease-standard);
        z-index:var(--z-overlay);
    }

    body.spacer-theme .spacer-shop-filters.is-drawer-open .spacer-shop-filters__panel{
        transform:translateX(0);
    }

    body.spacer-theme .spacer-shop-filters.is-drawer-open .spacer-shop-filters__backdrop{
        opacity:1;
        pointer-events:auto;
    }

    body.spacer-theme .spacer-shop-filters__form,
    body.spacer-theme .spacer-shop-filters__groups,
    body.spacer-theme .spacer-shop-filters__categories,
    body.spacer-theme .spacer-shop-filters__chips{
        flex-direction:column;
    }

    body.spacer-theme .spacer-shop-filters__active-values,
    body.spacer-theme .spacer-shop-filters__clear-actions{
        width:100%;
    }

    body.spacer-theme .spacer-shop-filters__active-values{
        flex:0 1 auto;
    }

    body.spacer-theme .spacer-shop-filters__clear-actions{
        justify-content:flex-start;
        margin-left:0;
        padding-left:0;
        padding-top:var(--space-10);
        border-left:0;
        border-top:1px solid rgba(15, 23, 42, 0.1);
    }

    body.spacer-theme .spacer-shop-filters__category,
    body.spacer-theme .spacer-shop-filters__chip,
    body.spacer-theme .spacer-shop-filter,
    body.spacer-theme .spacer-shop-filter__button{
        width:100%;
        max-width:none;
    }

    body.spacer-theme .spacer-shop-filter__body{
        position:static;
        min-width:0;
        max-width:none;
        margin-top:var(--space-10);
        box-shadow:none;
    }

    body.spacer-theme .spacer-shop-filter__button-text,
    body.spacer-theme .spacer-shop-filter__button-preview{
        max-width:none;
    }

}