.filter-astral { display: none; position: relative; max-width: 800px; margin: 0 auto 30px; overflow: visible;}
        .filter-astral-bg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; overflow: visible;}
        .filter-astral-inner { position: relative; z-index: 1; padding: 22px 28px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap;}
        .filter-astral-icon { width: 52px; height: 52px; flex-shrink: 0;}
        .filter-astral-text { flex: 1; min-width: 180px;}
        .filter-astral-text h3 { color: var(--text); font-size: 1.05rem; font-weight: 700; margin: 0 0 4px;}
        .filter-astral-text p { color: var(--muted); font-size: 0.85rem; margin: 0; line-height: 1.5;}
        .filter-astral-actions { display: flex; gap: 8px; flex-wrap: wrap;}
        .filter-astral-btn { position: relative; padding: 9px 18px; background: transparent; border: none; color: var(--text); font-size: 0.82rem; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; transition: all 0.3s cubic-bezier(0.16,1,0.3,1); z-index: 1;}
        .filter-astral-btn svg.btn-shape { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1;}
        .filter-astral-btn svg.btn-shape path { transition: all 0.35s cubic-bezier(0.16,1,0.3,1);}
        .filter-astral-btn:hover svg.btn-shape path { fill: rgba(139,92,246,0.12); stroke: rgba(139,92,246,0.4);}
        .filter-astral-btn:hover {}
        .filter-astral-btn.secondary { color: var(--muted);}
        .filter-astral-btn.secondary:hover svg.btn-shape path { fill: rgba(255,255,255,0.04); stroke: rgba(255,255,255,0.15);}
        .filter-astral-btn i, .filter-astral-btn .btn-ico { width: 14px; height: 14px;}
        .filter-astral-tags { position: relative; z-index: 1; padding: 0 28px 16px; display: flex; gap: 8px; flex-wrap: wrap;}
        .filter-astral-tag { position: relative; padding: 5px 14px; font-size: 0.72rem; font-weight: 600; color: var(--mv-text); display: inline-flex; align-items: center;}
        .filter-astral-tag svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1;}
        @media (max-width: 600px) {
            .filter-astral-inner { padding: 16px 18px; gap: 12px;}
            .filter-astral-icon { width: 40px; height: 40px;}
            .filter-astral-text h3 { font-size: 0.95rem;}
            .filter-astral-tags { padding: 0 18px 12px;}
        }