.arxis-catalog-workspace { display:grid; grid-template-columns:240px minmax(0,1fr); gap:28px; }
.arxis-catalog-products-heading { grid-column:1/-1; flex-wrap:wrap; }
.arxis-catalog-sorting { display:flex; align-items:center; gap:12px; color:#aeb1b8; font-size:12px; }
.arxis-catalog-sorting select { max-width:230px; background:var(--arxis-bg-alt); color:white; padding:12px; border:1px solid #ffffff25; border-radius:3px; }
.arxis-catalog-total { margin-left:auto; }
.arxis-filter-panel { grid-column:1; grid-row:2; min-width:0; }
.arxis-filter-title { display:flex; align-items:center; justify-content:space-between; }
.arxis-filter-title h3 { margin:0 0 24px; font-size:22px; }
.arxis-filter-panel details { border-top:1px solid #ffffff18; padding:16px 0; }
.arxis-filter-panel summary { cursor:pointer; font-size:15px; margin-bottom:12px; }
.arxis-filter-options { display:flex; flex-direction:column; gap:8px; max-height:250px; overflow-y:auto; padding:3px; }
.arxis-filter-options label { display:flex; gap:9px; align-items:center; font-size:13px; cursor:pointer; min-height:28px; }
.arxis-filter-options input { accent-color:var(--arxis-accent); }
.arxis-filter-options span { display:flex; gap:9px; align-items:center; }
.arxis-filter-options.is-compact { flex-direction:row; flex-wrap:wrap; }
.is-compact label { position:relative; }
.is-compact input { position:absolute; opacity:0; width:100%; height:100%; margin:0; }
.is-compact span { border:1px solid #ffffff25; padding:9px 11px; border-radius:3px; }
.is-compact input:checked+span { color:var(--arxis-accent); border-color:var(--arxis-accent); background:#ff6b0010; }
.is-compact input:focus-visible+span { outline:2px solid var(--arxis-accent); outline-offset:2px; }
.arxis-filter-color { display:inline-block; width:16px; height:16px; border:1px solid #ffffff55; border-radius:3px; }
.arxis-catalog-results { grid-column:2; min-width:0; transition:opacity .2s; }
.arxis-catalog-results[aria-busy=true] { opacity:.45; cursor:progress; }
.arxis-catalog-results ul.products { gap:24px 14px; }
.arxis-selected-filters { display:flex; flex-wrap:wrap; gap:8px; }
.arxis-filter-reset,.arxis-selected-filters button,.arxis-filter-open,.arxis-filter-close { background:var(--arxis-bg-alt); color:white; border:1px solid #ffffff25; padding:10px 12px; cursor:pointer; border-radius:3px; }
.arxis-filter-reset { width:100%; margin-top:10px; color:var(--arxis-accent); }
.arxis-selected-filters button { font-size:12px; }
.arxis-filter-error { color:#ffb888; }
.arxis-filter-open,.arxis-filter-close { display:none; }
.arxis-filter-backdrop[hidden] { display:none; }
.arxis-filter-panel button:focus-visible,.arxis-filter-panel input:focus-visible,.arxis-catalog-sorting select:focus-visible { outline:2px solid var(--arxis-accent); outline-offset:3px; }
@media(max-width:1100px) { .arxis-catalog-results ul.products { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) {
 .arxis-catalog-workspace { display:block; }
 .arxis-filter-open { display:inline-block; margin-bottom:20px; }
 .arxis-filter-close { display:inline-block; font-size:24px; padding:4px 13px; }
 .arxis-filter-panel { display:none; position:fixed; z-index:1100; inset:0 auto 0 0; width:min(340px,90vw); background:var(--arxis-bg); padding:28px 20px; overflow-y:auto; padding-bottom:calc(28px + env(safe-area-inset-bottom)); }
 .arxis-filter-panel.is-open { display:block; }
 .arxis-filter-backdrop { position:fixed; inset:0; z-index:1099; background:#0009; }
 .arxis-catalog-sorting { flex-wrap:wrap; }
 .arxis-catalog-results ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:360px) { .arxis-catalog-results ul.products { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .arxis-catalog-results { transition:none; } }
body.admin-bar .arxis-filter-panel { top:32px; }
@media(max-width:782px) { body.admin-bar .arxis-filter-panel { top:46px; } }