/* Every filter choice is visible; native radios retain keyboard behaviour. */
.cat-controls-visible{padding-top:2px}
.cat-visible-filters{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 36px;padding-bottom:12px}
.cat-filter-group{min-width:0;border:0;padding:0;margin:0}
.cat-filter-group legend{padding:0;margin:0 0 8px;font-size:12px;line-height:1.4;color:#73786f}
.cat-filter-options{display:flex;gap:6px;flex-wrap:wrap}
.cat-filter-option{position:relative;display:block;cursor:pointer;margin:0}
.cat-filter-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;inset:0 auto auto 0}
.cat-filter-option span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid #dfe4dc;border-radius:999px;background:#fff;color:#535c53;font-size:13px;line-height:1.4;font-weight:400;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}
.cat-filter-option:hover span{border-color:#99afa4}
.cat-filter-option input:checked+span{background:#edf3ee;border-color:#9bb6a7;color:#0b4a3e;font-weight:600}
.cat-filter-option input:focus-visible+span{outline:2px solid #276452;outline-offset:3px}
.cat-controls-visible .cat-results-bar{gap:12px;min-height:58px;padding:8px 0 12px}
.cat-controls-visible .cat-count{font-size:12px}
.cat-controls-visible .cat-sort{flex:0 1 215px;margin-left:auto;min-height:44px;border-color:#e3e6df}
.cat-controls-visible .cat-sort select{font-size:12px;line-height:1.3;min-height:42px;width:100%;padding:5px 20px 5px 2px;border:0;background:transparent;color:#424b42}
.cat-controls-visible .cat-clear-inline{margin-left:0;font-size:12px;min-height:44px;padding:8px 0;color:#4c6758;text-decoration:underline;text-underline-offset:3px}
.cat-controls-visible .cat-active-filters:empty{display:none}
.cat-controls-visible .cat-chip{min-height:36px;font-size:12px}
#cat-config>.cat-personalization-heading{grid-column:1/-1;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0 0 16px;padding:0 0 9px;border-bottom:1px solid #dce5dc;color:#214d3b}
#cat-config .cat-control-label{display:block}
@media(max-width:600px){
 .cat-visible-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:17px;padding-bottom:10px}
 .cat-filter-options{gap:6px}
 .cat-filter-option span{font-size:12px;padding-inline:16px}
 .cat-controls-visible .cat-results-bar{gap:10px;flex-wrap:wrap;min-height:56px}
 .cat-controls-visible .cat-sort{flex:0 1 186px;max-width:calc(100% - 90px);padding-left:10px;gap:5px}
 .cat-controls-visible .cat-sort>span{font-size:11px}
 .cat-controls-visible .cat-sort select{font-size:12px;padding-right:12px}
 .cat-controls-visible .cat-active-filters:not(:empty){order:3;flex:1 1 100%}
 .cat-controls-visible .cat-clear-inline{order:4;padding-top:0;min-height:32px}
 #cat-config>.cat-personalization-heading{font-size:14px;margin-bottom:14px}
}
@media(max-width:350px){.cat-filter-options{gap:5px}.cat-filter-option span{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.cat-filter-option span{transition:none}}

/* A customised value gains a quiet green edge next to the live price. */
#cat-config .cat-fields select.is-personalized{border-color:#92ae9c;background-color:#f1f6f0;color:#23523b}
@supports(-webkit-touch-callout:none){@media(max-width:600px){.cat-controls-visible .cat-sort select{font-size:16px}}}

/* Compact listing header: filters remain mounted and closed until requested. */
.cat-list{padding-top:8px}
.cat-list .cat-breadcrumb{padding:6px 0 7px;font-size:10px;line-height:1.5}
.cat-list .cat-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px;text-align:left}
.cat-list-heading h1{font-size:20px;line-height:1.35;margin:0}
.cat-list-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.cat-list-status .cat-count{margin:0;font-size:11px;line-height:1.5;white-space:nowrap;color:#73786f}
.cat-list-status .cat-clear-inline{margin:0;padding:4px 0;min-height:28px;font-size:11px;line-height:1.5;color:#4c6758;text-decoration:underline;text-underline-offset:3px}
.cat-controls-collapsible{padding:0 0 12px;margin-bottom:16px}
.cat-compact-toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:10px}
.cat-compact-toolbar .cat-filter-toggle{min-height:44px;min-width:96px;padding:0 13px;gap:9px;border-radius:var(--yose-radius-control,8px);font-size:12px;line-height:1.4}
.cat-filter-chevron{display:block;width:14px;height:14px;flex:none;transform:rotate(90deg);transition:transform 160ms ease}
.cat-filter-toggle[aria-expanded=true] .cat-filter-chevron{transform:rotate(-90deg)}
.cat-controls-collapsible .cat-sort{flex:0 1 225px;max-width:225px;min-width:0;min-height:44px;margin:0;padding-left:11px;gap:6px;border-radius:var(--yose-radius-control,8px)}
.cat-controls-collapsible .cat-sort select{font-size:12px;min-height:42px;min-width:0;width:100%;font-weight:400;padding:5px 18px 5px 0;cursor:pointer}
.cat-controls-collapsible .cat-sort>span{font-size:11px}
.cat-controls-collapsible .cat-visible-filters{padding:15px 0 2px;gap:18px 30px}
.cat-controls-collapsible .cat-visible-filters[hidden],.cat-controls-collapsible .cat-active-filters[hidden],.cat-filter-badge[hidden],.cat-list-status button[hidden]{display:none}
.cat-controls-collapsible .cat-active-filters:not([hidden]){padding-top:10px}
.cat-controls-collapsible .cat-filter-badge{min-width:18px;height:18px;font-size:10px}
@media(max-width:600px){
 .cat-list{padding-top:4px}
 .cat-list .cat-breadcrumb{padding:4px 0 5px;font-size:10px}
 .cat-list .cat-list-heading{padding-bottom:8px;gap:8px}
 .cat-list-heading h1{font-size:19px}
 .cat-list-status{gap:8px}
 .cat-list-status .cat-count,.cat-list-status .cat-clear-inline{font-size:10px}
 .cat-controls-collapsible{padding-bottom:10px;margin-bottom:14px}
 .cat-compact-toolbar{gap:8px}
 .cat-controls-collapsible .cat-sort{flex:0 1 195px;max-width:195px;padding-left:9px;gap:5px}
 .cat-controls-collapsible .cat-sort select{padding-right:12px}
 .cat-controls-collapsible .cat-visible-filters{padding-top:14px;gap:15px}
}
@media(max-width:350px){.cat-compact-toolbar .cat-filter-toggle{min-width:86px;padding:0 10px;gap:6px}.cat-controls-collapsible .cat-sort{flex:1;max-width:none}.cat-controls-collapsible .cat-sort>span{font-size:10px}}
@supports(-webkit-touch-callout:none){@media(max-width:600px){.cat-controls-collapsible .cat-sort select{font-size:16px}}}
@media(prefers-reduced-motion:reduce){.cat-filter-chevron{transition:none}}