.qa-fanci-toolbar{
--qaft-font:"suisse-intl","Suisse Intl","Suisse",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--qaft-height:46px; --qaft-side-size:12px; --qaft-title-size:24px; --qaft-count-size:11px; --qaft-weight:400;
--qaft-color:#0a0a0a; --qaft-muted:rgba(10,10,10,.45); --qaft-line:rgba(10,10,10,.08);
display:grid; grid-template-columns:1fr; grid-template-rows:auto;
grid-template-areas:"center";
min-height:var(--qaft-height); padding:10px 12px 0; margin:0 0 12px; font-family:var(--qaft-font); color:var(--qaft-color);
border-bottom:none;
}
.qa-fanci-toolbar .qaft-left{ grid-area:left; display:flex; align-items:center; justify-content:flex-start; }
.qa-fanci-toolbar .qaft-right{ grid-area:right; display:flex; align-items:center; justify-content:flex-end; }
.qa-fanci-toolbar .qaft-center{ grid-area:center; display:flex; flex-direction:column; align-items:center; gap:6px; padding-bottom:40px; text-align:center; }
.qa-fanci-toolbar .qaft-title{ font-size:var(--qaft-title-size); font-weight:var(--qaft-weight); line-height:1.2; }
.qa-fanci-toolbar .qaft-count{ font-size:var(--qaft-count-size); color:var(--qaft-muted); }
.qa-fanci-toolbar .qaft-btn{ background:transparent; border:0; padding:0; margin:0; cursor:pointer; font:inherit; font-size:var(--qaft-side-size); color:var(--qaft-muted); line-height:1; } @media (max-width:767px){
.qa-fanci-toolbar .qaft-center{ padding-bottom:16px; }
} .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count{ display:none !important; } .qa-fanci-toolbar details.qaft-details{ position:relative; }
.qa-fanci-toolbar details.qaft-details > summary.qaft-btn{
display:inline-flex; align-items:center; gap:8px;
padding:6px 12px; border:1px solid var(--qaft-line); border-radius:999px;
color:var(--qaft-color); background:#fff; cursor:pointer; user-select:none;
transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .05s ease;
}
.qa-fanci-toolbar details.qaft-details[open] > summary.qaft-btn{
box-shadow:0 10px 24px rgba(0,0,0,.12); border-color:rgba(10,10,10,.18);
}
.qa-fanci-toolbar details.qaft-details > summary.qaft-btn::-webkit-details-marker{ display:none; }
.qa-fanci-toolbar details.qaft-details > summary.qaft-btn:active{ transform:translateY(1px); } .qa-fanci-toolbar .qaft-radio-list{
position:absolute; z-index:9999; top:calc(100% + 8px); left:0;
min-width:220px; max-width:min(86vw,520px);
margin:0; padding:10px; list-style:none; background:#fff;
border:1px solid rgba(10,10,10,.12); border-radius:12px; box-shadow:0 12px 28px rgba(0,0,0,.12);
transform-origin:top left;
opacity:0; transform:translateY(6px) scale(.98); transition:opacity .18s ease, transform .18s ease;
}
.qa-fanci-toolbar details[open] .qaft-radio-list{ opacity:1; transform:translateY(0) scale(1); } .qa-fanci-toolbar .qaft-radio{
display:flex; align-items:center; gap:10px; padding:8px 10px; margin:6px 0;
border-radius:8px; border:1px solid transparent; cursor:pointer;
transition:background .15s ease, border-color .15s ease;
}
.qa-fanci-toolbar .qaft-radio:hover{ background:rgba(10,10,10,.03); }
.qa-fanci-toolbar .qaft-radio input[type="radio"]{ accent-color:#111; }
.qa-fanci-toolbar .qaft-radio input[type="radio"]:checked + .qaft-radio-text{ font-weight:600; }
.qa-fanci-toolbar .qaft-radio.is-active{ border-color:rgba(10,10,10,.20); background:rgba(10,10,10,.02); } .qa-fanci-toolbar .qaft-apply{
display:inline-flex; align-items:center; justify-content:center; gap:8px;
height:34px; padding:0 14px; border-radius:10px; border:1px solid #6e5fe6; background:#fff; color:#6e5fe6;
font-size:12px; line-height:34px; transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .05s ease;
margin-top:8px;
}
.qa-fanci-toolbar .qaft-apply:hover{ background:#6e5fe6; color:#fff; box-shadow:0 6px 16px rgba(110,95,230,.35); }
.qa-fanci-toolbar .qaft-apply:active{ transform:translateY(1px); } .qa-fanci-toolbar .qaft-filter-toggle{
display:inline-flex; align-items:center; gap:8px;
padding:6px 12px; border:1px solid var(--qaft-line); border-radius:999px; background:#fff;
transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .05s ease;
}
.qa-fanci-toolbar .qaft-filter-toggle:hover{ border-color:rgba(10,10,10,.28); background:rgba(10,10,10,.02); }
.qa-fanci-toolbar .qaft-filter-toggle:active{ transform:translateY(1px); } @media (max-width:767px){
.qa-fanci-toolbar .qaft-radio-list{ max-width:94vw; }
}  .qa-fanci-toolbar details.qaft-details > summary.qaft-btn{
background:transparent !important;
border-color: rgba(10,10,10,.18);
} .qa-fanci-toolbar .qaft-apply{
border-color:#111;
color:#111;
background:#fff;
}
.qa-fanci-toolbar .qaft-apply:hover{
background:#111;
color:#fff;
box-shadow:0 6px 16px rgba(0,0,0,.28);
} .qa-fanci-toolbar .qaft-left, .qa-fanci-toolbar .qaft-right{ display:none !important; }