/* Products Library navigation: neutral islands, unchanged collection cards. */
/* Two-level topbar preview: shared surface, existing controls and handlers. */
.topbar.catalog-topbar{height:auto;min-height:128px;flex:none;display:flex;flex-direction:column;align-items:stretch;padding:12px;gap:24px;overflow:visible}
.catalog-top-primary{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:40px}
.catalog-top-primary>.top-icon{flex:none}
.catalog-top-primary .catalog-scope-row{flex:1;min-width:0;margin:0 48px 0 4px;gap:8px}
.catalog-top-primary .library-tabs{display:flex;gap:8px;min-width:0}
.catalog-top-primary .library-tabs button{white-space:nowrap;padding-inline:12px}
#catalog-breadcrumbs #library-count,.collection-heading .collection-count{margin:0;width:112px;flex:0 0 112px;white-space:nowrap;color:var(--muted);font-size:13px;line-height:20px}
.catalog-selection-row #catalog-breadcrumbs{min-height:32px;flex:none}
.collection-heading.catalog-selection-row .collection-count{margin-top:6px}
.catalog-top-primary .library-tabs{flex-wrap:wrap}
.catalog-results-row .catalog-sort{margin-left:auto}
.catalog-topbar .catalog-add{--cta-fg:var(--on-action-hover);width:auto;padding-inline:16px;margin-left:0}
.catalog-topbar .catalog-search-row>.catalog-sort{margin-left:auto}
.catalog-topbar .catalog-sort>span{display:inline}
.catalog-topbar .catalog-sort>.catalog-control{background:var(--surface-content)}
.catalog-topbar .catalog-sort>.catalog-control:hover{background:var(--surface-hover)}
.catalog-topbar .catalog-sort>.catalog-control[aria-expanded=true]{background:var(--selection)}
.catalog-top-primary .command{right:48px;left:calc(100% - 88px)}
.catalog-top-primary .command.is-open{left:144px}
.catalog-topbar .catalog-search-row{display:flex;gap:8px;flex-wrap:wrap}
.catalog-topbar .catalog-search-row>.catalog-control{flex:0 1 auto;padding-inline:16px}
.catalog-topbar .catalog-model-control{margin-left:0}
.catalog-more-filters{display:block}
.catalog-more-filters>summary{display:none;list-style:none}
.catalog-more-filters>summary::-webkit-details-marker{display:none}
.catalog-more-options{display:flex;gap:8px}
.catalog-more-options>.catalog-control{flex:0 1 auto}
.catalog-topbar #catalog-refinement[hidden]{display:none}
@media(max-width:1250px){
 .catalog-top-primary .library-tabs button{padding-inline:8px;font-size:13px}
 .catalog-more-filters{display:block;position:relative}
 .catalog-more-filters>summary{display:flex;cursor:pointer}
 .catalog-more-filters .catalog-more-options{display:none}
 .catalog-more-filters[open] .catalog-more-options{display:grid;position:absolute;z-index:20;top:calc(100% + 8px);left:0;min-width:180px;padding:8px;gap:4px;background:var(--surface-menu);border-radius:var(--radius-control);box-shadow:var(--shadow-overlay)}
 .catalog-more-options>.catalog-control{justify-content:space-between;background:transparent}
 .catalog-more-options>.catalog-control:hover{background:var(--surface-hover)}
}
@media(max-width:1000px){
 .catalog-top-primary{flex-wrap:wrap}
 .catalog-top-primary .catalog-scope-row{order:2;flex:1 0 100%;margin:0;flex-wrap:wrap}
 .catalog-top-primary .command{top:20px}
 .catalog-top-primary .command.is-open{left:0}
 .catalog-top-primary .library-tabs{width:auto}
 .catalog-topbar .catalog-model-control{margin-left:0}
}
@media(max-width:600px){
 .catalog-top-primary .catalog-scope-row .library-tabs{width:100%}
 .catalog-top-primary .catalog-scope-row .library-tabs{flex-wrap:wrap}
 .catalog-top-primary .library-tabs button{flex:1}
 .catalog-topbar .catalog-search-row>.catalog-control,.catalog-topbar .catalog-more-filters{flex:1 1 calc(50% - 8px)}
 .catalog-more-filters>summary{width:100%}
 .catalog-topbar .catalog-search-row>.catalog-control{padding-inline:8px}
}
.catalog-page{gap:16px}
:root{--surface-canvas:var(--bg)}
:root{--field-bg:#DEDCDA;--field-hover:#D5D2CE;--field-focus:#C9C6C2}
:root[data-theme=dark]{--field-bg:#35373D;--field-hover:#3F4249;--field-focus:#494C54}
:root[data-theme=yellow-black],:root[data-theme=black-yellow]{--field-bg:var(--hc-bg);--field-hover:var(--hc-bg);--field-focus:var(--hc-bg)}
/* Docked surfaces do not cast shadows onto independently painted scroll areas. */
.app-shell,.desktop-body,.app-area,main{background-color:var(--surface-canvas)}
.sidebar,.topbar{box-shadow:none}
.catalog-tools-dock{flex:none;padding-right:var(--space-3);padding-bottom:var(--space-3);margin-bottom:calc(-1 * var(--space-3));background:var(--surface-canvas)}
.catalog-tools{padding:var(--toolbar-block-inset) var(--context-gap);background:var(--surface-work);border-radius:var(--radius-work)}
@media(max-width:700px){.catalog-tools-dock{padding:var(--space-2) var(--space-2) var(--space-3);margin-bottom:0}}
.catalog-scope-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--toolbar-group-gap)}
.catalog-scope-row .library-tabs{flex-wrap:nowrap;width:auto;min-width:0;gap:var(--space-2)}
.catalog-scope-row .library-tabs button{white-space:nowrap}
.catalog-add{flex:none;white-space:nowrap;width:var(--catalog-add-width,auto);min-width:0;padding-inline:8px;box-sizing:border-box}
.catalog-search-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.catalog-search-row>.catalog-control{flex:1}
.catalog-search-row .catalog-search{max-width:none;min-width:220px;flex:1;margin:0;height:40px}
.catalog-search>svg{flex:none;width:18px;height:18px}
/* This field has its own accessible clear button; suppress the native duplicate. */
.catalog-search input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.catalog-search input[type=search]::-ms-clear{display:none;width:0;height:0}
.catalog-search-clear{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted)}
.catalog-search-clear:hover{background:var(--surface-hover);color:var(--text)}
.catalog-search-clear[hidden]{display:none}
.catalog-control,.catalog-quick,.catalog-category-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:0;border-radius:var(--radius-control);background:var(--surface-content);color:var(--text);font-size:var(--toolbar-control-font-size);line-height:var(--toolbar-control-line-height);font-weight:var(--toolbar-control-weight);white-space:nowrap;transition:background-color .18s ease,color .18s ease}
.catalog-control>svg{width:var(--toolbar-control-icon-size);height:var(--toolbar-control-icon-size);flex:none;color:var(--muted)}
.catalog-control:hover,.catalog-quick:hover,.catalog-category-chip:hover{background:var(--surface-hover,var(--raised))}
.catalog-control[aria-pressed=true]{background:var(--selection)}
.catalog-check{display:grid;place-items:center;width:16px;height:16px;flex:none;border:1px solid var(--muted);border-radius:4px;background:transparent;color:var(--surface-work)}
.catalog-check svg{display:block;width:12px;height:12px;opacity:0}
.catalog-control[aria-pressed=true] .catalog-check{border-color:var(--text);background:var(--text);color:var(--surface-work)}
.catalog-control[aria-pressed=true] .catalog-check svg{opacity:1}
.catalog-counter{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:var(--selection);color:var(--text);font-size:11px;font-weight:500}
.catalog-counter[hidden]{display:none}
.catalog-refinement{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.catalog-refinement[hidden]{display:none}
.catalog-quick{min-height:32px;padding:4px 10px;color:var(--muted);background:transparent}
.catalog-quick>svg{width:14px;height:14px}
.catalog-selection-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px var(--context-gap);min-width:0;min-height:32px}
.catalog-selection-row .catalog-active{flex:1 1 auto;min-width:0;margin-top:1px}
.catalog-breadcrumbs,.catalog-tree-trail{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:20px;color:var(--muted)}
.catalog-breadcrumbs button,.catalog-tree-trail button,.catalog-text-button{padding:4px 0;border:0;background:transparent;color:inherit;font-size:13px;line-height:20px;text-align:left;cursor:pointer}
.catalog-breadcrumbs button:hover,.catalog-tree-trail button:hover,.catalog-text-button:hover{color:var(--text);text-decoration:underline}
.catalog-breadcrumbs [aria-current=page]{color:var(--text);font-weight:500}
.catalog-next-level{display:flex;gap:8px;flex-wrap:wrap}
.catalog-next-level[hidden]{display:none}
.catalog-category-chip{background:var(--surface-work);min-height:36px;white-space:normal;text-align:left}
.catalog-category-chip span{color:var(--muted);font-size:12px}
.catalog-active{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.catalog-active[hidden]{display:none}
.catalog-selection-row:has(.download-allowance),.collection-heading.catalog-selection-row:has(.download-allowance){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.catalog-selection-row:has(.download-allowance)>.catalog-active{grid-column:1/-1;grid-row:2;margin-top:0}
.download-allowance{grid-column:2;grid-row:1;display:flex;align-items:center;gap:12px;min-height:32px;color:var(--muted)}
.download-allowance button{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:20px;white-space:nowrap;cursor:pointer}
.download-allowance button:hover{color:var(--text)}
.download-allowance button:focus-visible{outline:2px solid var(--action-blue);outline-offset:3px;border-radius:4px}
.download-allowance [hidden],.download-allowance [data-allowance-short]{display:none}
.download-allowance.is-exhausted [data-allowance-open]{color:var(--text);font-weight:600}
.download-allowance-dialog{--dialog-surface:var(--surface-work);width:min(460px,calc(100vw - 32px))}
.download-allowance-dialog .event-dialog-scroll{display:grid;gap:16px}
.download-allowance-dialog p,.download-allowance-dialog h3{margin:0}
.download-allowance-dialog p{color:var(--muted);font-size:14px;line-height:20px}
.download-allowance-dialog .download-plan{color:var(--text)}
.download-plan-options{display:grid;gap:8px}
.download-plan-options>span{display:flex;justify-content:space-between;gap:16px;padding:12px;background:var(--surface-content);border-radius:var(--radius-control)}
@media(max-width:600px){
 .download-allowance [data-allowance-full]{display:none}
 .download-allowance [data-allowance-short]{display:inline}
 .download-allowance{gap:8px}
}
.catalog-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:0;border-radius:8px;padding:6px 10px;background:var(--selection);color:var(--text);font-size:12px;line-height:18px;text-align:left;overflow-wrap:anywhere}
.catalog-chip svg{width:12px;height:12px;flex:none}
.catalog-chip:hover{background:var(--surface-selected-hover,var(--surface-hover))}
.catalog-active .library-reset{margin-left:4px}
.catalog-results-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px}
.catalog-results-row p{margin:0;font-size:13px;line-height:20px;color:var(--muted)}
.catalog-sort{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}
.catalog-sort>.catalog-control{min-width:156px;justify-content:space-between;background:var(--surface-work)}
.catalog-sort>.catalog-control:hover{background:var(--surface-hover)}
.catalog-sort>.catalog-control[aria-expanded=true]{background:var(--selection)}
.catalog-sort-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:224px;max-width:calc(100vw - 32px);padding:8px;border-radius:var(--radius-content);background:var(--surface-menu);box-shadow:var(--shadow-overlay);animation:catalog-sort-enter .16s ease-out}
.catalog-sort-menu[hidden]{display:none}
.catalog-sort-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;line-height:20px;text-align:left;transition:background-color .18s ease,color .18s ease}
.catalog-sort-menu button:hover,.catalog-sort-menu button:focus-visible{background:var(--surface-hover);color:var(--text)}
.catalog-sort-menu button[aria-checked=true]{background:var(--selection);color:var(--text)}
.catalog-sort-menu button svg{width:16px;height:16px;opacity:0}
.catalog-sort-menu button[aria-checked=true] svg{opacity:1}
.catalog-sort-menu button[aria-checked=true]:hover{background:var(--surface-selected-hover,var(--selection))}
@media(prefers-reduced-motion:reduce){.catalog-sort-menu button{transition:none}}
@keyframes catalog-sort-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.catalog-sort-menu{animation:none}}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-sort-menu{background:var(--hc-bg);color:var(--hc-fg);outline:1px solid var(--hc-fg);box-shadow:none}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-sort-menu button[aria-checked=true]{background:var(--hc-fg);color:var(--hc-bg)}
.catalog-empty-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.simtu-dialog:is(.private-import-dialog,.private-add-dialog){--dialog-surface:var(--surface-work);--dialog-island:var(--surface-content);--dialog-control:var(--surface-content);--dialog-gutter:var(--panel-inline-inset,12px);width:min(800px,calc(100vw - 48px));max-height:calc(100dvh - 48px)}
.simtu-dialog:is(.private-import-dialog,.private-add-dialog) .event-dialog-header h2{font-size:20px;line-height:28px;font-weight:600;margin:0}
.simtu-dialog:is(.private-import-dialog,.private-add-dialog) .event-close{width:40px;height:40px;min-height:40px;padding:0;background:var(--surface-content);color:var(--muted)}
.simtu-dialog:is(.private-import-dialog,.private-add-dialog) .event-close:hover{background:var(--surface-hover);color:var(--text)}
.private-add-dialog .private-form{flex:1;overflow:hidden}.private-add-dialog .private-form-grid{gap:16px;background:var(--surface-content);padding:16px;border-radius:var(--radius-content)}
.private-add-dialog .private-photo-panel{padding:0;background:transparent}.private-add-dialog .private-form input:not([type=file]):not([type=checkbox]):not([type=radio]),.private-add-dialog .private-form select{background:var(--field-bg);border:0;outline:0;box-shadow:none}
.private-add-dialog .private-form input:not([type=file]):hover,.private-add-dialog .private-form select:hover{background:var(--field-hover)}
.private-add-dialog .private-form input:not([type=file]):focus,.private-add-dialog .private-form select:focus{background:var(--field-focus);outline:0;box-shadow:none}
.private-entry-tabs{gap:8px}.import-island h3{font-size:16px;line-height:24px}.pf-open-picker{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:0;border-radius:var(--radius-control);background:var(--field-bg);color:var(--text);text-align:left;font:inherit;cursor:pointer}.pf-open-picker>span:last-child{font-size:13px;color:var(--muted)}.pf-open-picker:hover{background:var(--field-hover)}
.catalog-dialog-categories.pf-picker .catalog-tree-columns{display:grid;gap:12px}.catalog-dialog-categories.pf-picker .catalog-tree-column{display:flex;flex-direction:column;min-height:0}.catalog-dialog-categories.pf-picker .catalog-tree-column>div{flex:1;min-height:0}
.catalog-dialog-categories.pf-picker .pf-type-radio>.pf-radio-mark{flex:0 0 16px;width:16px;max-width:16px;height:16px;min-width:16px}
.import-sku-list{display:grid;gap:12px;margin-top:16px}.import-sku-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px;align-items:start}.import-sku-row>button{margin-top:24px;min-height:40px;padding:10px 12px;border:0;border-radius:var(--radius-control);background:var(--surface-work);color:var(--text);font:inherit;text-align:left;cursor:pointer}.import-sku-row>button:hover{background:var(--surface-hover)}.import-sku-row>button[aria-pressed=true]{background:var(--selection)}.import-sku-row label{font-size:12px;color:var(--muted)}.import-sku-row input{margin-top:6px}.import-sku-row small{display:block;min-height:18px;margin-top:4px;font-size:11px;color:var(--muted)}
@media(max-width:480px){.import-sku-row{grid-template-columns:1fr;gap:8px}.import-sku-row>button{margin-top:0}}
.pf-picker .catalog-panel-content{gap:12px}.pf-picker-search input{width:100%;padding:12px;min-height:40px;background:var(--surface-content);color:var(--text);border:0;outline:0;border-radius:var(--radius-control);font:inherit;font-size:14px}.pf-picker-search input:is(:hover,:focus){background:var(--field-focus)}
.pf-picker .catalog-tree-column>div{display:flex;flex-direction:column;gap:8px}.pf-picker .catalog-tree-item{min-height:44px;padding:12px}.pf-picker [data-picker-selection]{margin:0;min-height:20px;font-size:13px;color:var(--muted)}
.pf-type-radio{justify-content:space-between;min-height:44px}.pf-type-radio small{display:block;font-size:11px;color:var(--muted)}.pf-type-radio input{position:absolute;opacity:0;width:1px;height:1px}.pf-radio-mark{width:16px;height:16px;border:1.5px solid var(--muted);border-radius:50%;flex:none;display:grid;place-items:center}.pf-type-radio input:checked+.pf-radio-mark:after{content:'';width:8px;height:8px;border-radius:50%;background:var(--text)}
.pf-picker [data-picker-apply]:disabled{opacity:.45;cursor:default}
@media(max-width:600px){.simtu-dialog:is(.private-import-dialog,.private-add-dialog){width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.catalog-dialog-categories.pf-picker .catalog-tree-columns{grid-template-columns:1fr;grid-template-rows:minmax(120px,.8fr) minmax(170px,1.2fr)}.pf-picker{height:calc(100dvh - 16px)}.pf-picker-search input{font-size:16px}.private-add-dialog .private-form input:not([type=file]){font-size:16px}}
:is([data-theme=yellow-black],[data-theme=black-yellow]) :is(.pf-open-picker,.pf-picker-search input,.private-add-dialog input){outline:1px solid var(--hc-fg)}
.import-variant-name{padding:34px 0 0;font-size:14px;color:var(--text)}
@media(max-width:480px){.import-variant-name{padding-top:0}}
.catalog-dialog{width:min(980px,calc(100vw - 48px));max-height:min(800px,calc(100dvh - 48px))}
.catalog-dialog .event-dialog-header h2{font-size:20px;line-height:28px;font-weight:600;margin:0}
.catalog-panel-content{min-height:0;overflow:auto;padding:0 var(--dialog-gutter) 20px;overscroll-behavior:contain}
.catalog-panel-search{padding:4px 0 16px}
.catalog-panel-search .library-search{max-width:none;width:100%;margin:0;background:var(--dialog-control)}
.catalog-panel-note{font-size:12px;line-height:18px;color:var(--muted);margin:12px 0}
.catalog-tree-trail{margin-bottom:16px;min-height:28px}
.catalog-tree-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.catalog-dialog-categories{width:min(760px,calc(100vw - 48px));--dialog-surface:var(--surface-work);--dialog-gutter:var(--panel-inline-inset);height:min(760px,calc(100dvh - 48px))}
.catalog-dialog-categories .catalog-panel-content{display:flex;flex-direction:column;flex:1;overflow:hidden}
.catalog-dialog-categories .catalog-panel-search{flex:none}
.catalog-dialog-categories .catalog-tree-columns{flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-dialog-categories .catalog-tree-column{display:flex;flex-direction:column;min-height:0}
.catalog-dialog-categories .catalog-tree-column>div{flex:1;min-height:0;max-height:none;overflow:auto;scrollbar-gutter:stable}
.catalog-dialog-categories .catalog-selected-area{height:100px;flex:none;padding-top:12px}
.catalog-selected-area h3{font-size:12px;color:var(--muted);font-weight:500;margin:0 0 8px}
#catalog-tree-selected{display:flex;gap:8px;align-content:flex-start;flex-wrap:wrap;height:70px;overflow:auto}
.catalog-taxonomy-choice{margin-bottom:8px;cursor:pointer}
.catalog-category-option{display:flex;align-items:center;gap:0;margin-bottom:8px;border-radius:var(--radius-control);background:var(--surface-content);min-height:48px}
.catalog-category-option.is-browsing{background:var(--selection)}
.catalog-category-option>button{display:flex;align-items:center;gap:8px;flex:1;min-width:0;align-self:stretch;padding:10px 12px 10px 0;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:14px;border-radius:var(--radius-control);cursor:pointer}
.catalog-category-option>button>span:first-child{flex:1;overflow-wrap:anywhere}
.catalog-category-option>button>small{color:var(--muted);font-variant-numeric:tabular-nums}
.catalog-category-option:hover{background:var(--surface-hover)}
.catalog-category-option.is-browsing:hover{background:var(--surface-selected-hover,var(--selection))}
.catalog-category-option .catalog-category-check{margin:0;padding:12px;min-height:48px;background:transparent;border-radius:var(--radius-control);cursor:pointer}
.catalog-category-check:has(input:indeterminate) .catalog-check svg{opacity:0}
.catalog-category-check:has(input:indeterminate) .catalog-check:after{content:"";width:8px;height:2px;background:currentColor;position:absolute}
.catalog-category-option>button:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-category-option{outline:1px solid var(--hc-fg);background:var(--hc-bg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-category-option.is-browsing{outline:2px solid var(--hc-fg);outline-offset:-3px}
.catalog-taxonomy-choice:has(input:indeterminate) .catalog-check svg{opacity:0}
.catalog-taxonomy-choice:has(input:indeterminate) .catalog-check:after{content:"";width:8px;height:2px;background:currentColor;position:absolute}
.catalog-dialog-categories .catalog-panel-search .library-search{background:var(--surface-content)}
.catalog-dialog-categories .catalog-panel-search .library-search:is(:hover,:focus-within){background:var(--raised)}
@media(max-width:700px){.catalog-dialog-categories .catalog-tree-columns{gap:8px}.catalog-dialog-categories .catalog-tree-column{padding:8px}.catalog-dialog-categories .catalog-choice{padding:8px;gap:6px}.catalog-dialog-categories .catalog-choice>span:not(.catalog-check){font-size:12px}.catalog-dialog-categories{height:calc(100dvh - 16px)}}
.catalog-dialog-categories .event-close{background:var(--surface-content);color:var(--muted)}
.catalog-dialog-categories .event-close:hover{background:var(--surface-hover);color:var(--text)}
.catalog-dialog-categories .event-close svg{display:block;flex:none;width:16px;height:16px;pointer-events:none}
.catalog-tree-column{min-width:0;padding:12px;background:var(--dialog-island);border-radius:var(--radius-content)}
.catalog-tree-column h3{font-size:12px;line-height:18px;color:var(--muted);font-weight:500;margin:0 8px 12px}
.catalog-tree-column>div{max-height:392px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
.catalog-tree-item{width:100%;display:flex;align-items:center;gap:8px;min-height:40px;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:13px;line-height:18px;text-align:left}
.catalog-tree-item>span:first-child{min-width:0;flex:1}
.catalog-tree-item>small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.catalog-tree-item:hover{background:var(--surface-hover)}
.catalog-tree-item[aria-pressed=true]{background:var(--selection)}
.catalog-tree-item[aria-pressed=true]:hover{background:var(--surface-selected-hover,var(--selection))}
.catalog-tree-prompt{font-size:13px;line-height:20px;color:var(--muted);margin:8px}
.catalog-tree-search-results{display:grid;gap:8px;max-height:430px;overflow:auto}
.catalog-tree-search-results>div{padding:4px 8px 12px;border-radius:var(--radius-content);background:var(--dialog-island)}
.catalog-tree-search-results>div>small{display:block;padding:0 8px;font-size:11px;line-height:16px;color:var(--muted)}
.catalog-dialog-brands{width:min(680px,calc(100vw - 48px));--dialog-gutter:var(--panel-inline-inset);--dialog-surface:var(--surface-work)}
.catalog-dialog-brands .catalog-panel-search .library-search{background:var(--surface-content)}
.catalog-dialog-brands .catalog-panel-search .library-search:hover,.catalog-dialog-brands .catalog-panel-search .library-search:focus-within{background:var(--raised)}
.catalog-dialog-brands .catalog-panel-note{margin:0 0 16px}
.catalog-dialog-brands .event-close{background:var(--surface-content);color:var(--muted)}
.catalog-dialog-brands .event-close:hover{background:var(--surface-hover);color:var(--text)}
.catalog-dialog-brands .event-close svg{display:block;flex:none;width:16px;height:16px;pointer-events:none}
.catalog-dialog-brands .catalog-brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.catalog-choice.catalog-brand-choice{position:relative;gap:var(--space-2);min-width:0;min-height:48px;padding:12px;background:var(--surface-content);border-radius:var(--radius-control);transition:background-color .18s ease,color .18s ease}
.catalog-choice.catalog-brand-choice:hover{background:var(--surface-hover);color:var(--text)}
.catalog-choice.catalog-brand-choice:has(input:checked){background:var(--selection)}
.catalog-choice.catalog-brand-choice:has(input:checked):hover{background:var(--surface-selected-hover,var(--selection))}
.catalog-brand-choice input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.catalog-brand-choice>.catalog-check{flex:0 0 16px}
.catalog-brand-choice:has(input:checked) .catalog-check{border-color:var(--text);background:var(--text);color:var(--surface-work)}
.catalog-brand-choice:has(input:checked) .catalog-check svg{opacity:1}
.catalog-brand-choice:has(input:focus-visible){outline:2px solid var(--text);outline-offset:2px}
.catalog-brand-choice>small{font-variant-numeric:tabular-nums;flex:none;min-width:20px;text-align:right}
.catalog-brand-choice>span:not(.catalog-check){overflow-wrap:anywhere;font-size:14px;line-height:20px}
@media(max-width:700px){.catalog-dialog-brands .catalog-brand-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.catalog-choice.catalog-brand-choice{transition:none}}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-choice.catalog-brand-choice{background:var(--hc-bg);color:var(--hc-fg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-choice.catalog-brand-choice:has(input:checked){background:var(--hc-fg);color:var(--hc-bg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-brand-choice:has(input:checked) .catalog-check{background:var(--hc-bg);border-color:var(--hc-bg);color:var(--hc-fg)}
.catalog-brand-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.catalog-choice{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:42px;border-radius:8px;background:var(--dialog-island);color:var(--text);font-size:13px;line-height:20px;cursor:pointer}
.catalog-choice:hover{background:var(--surface-hover)}
.catalog-choice:has(input:checked){background:var(--selection)}
.catalog-choice:has(input:checked):hover{background:var(--surface-selected-hover,var(--selection))}
.catalog-choice:has(input:disabled){cursor:default;color:var(--muted)}
.catalog-choice input{width:16px;height:16px;margin:0;flex:none;accent-color:var(--text)}
.catalog-choice>span{flex:1;min-width:0}
.catalog-choice>small{font-size:11px;color:var(--muted)}
.catalog-dialog-filters{width:min(520px,calc(100vw - 48px));margin-right:24px}
.catalog-filter-context{font-size:13px;color:var(--muted);margin:0 0 16px}
.catalog-filter-fields{display:grid;gap:20px}
.catalog-filter-field{border:0;min-width:0;padding:0;margin:0}
.catalog-filter-field legend{font-size:14px;line-height:20px;font-weight:500;padding:0;margin-bottom:10px}
.catalog-filter-field legend span{font-weight:400;color:var(--muted);margin-left:4px;font-size:12px}
.catalog-filter-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.catalog-filter-choices .catalog-choice{padding:8px 10px}
.catalog-range{display:flex;align-items:end;gap:12px}
.catalog-range>label{display:grid;gap:6px;flex:1;min-width:0;color:var(--muted);font-size:12px}
.catalog-range>span{align-self:center;color:var(--muted)}
.catalog-range input{width:100%;min-width:0;height:40px;border:0;border-radius:8px;background:var(--dialog-control);color:var(--text);padding:8px 12px;font-size:14px}
.catalog-range input::placeholder{color:var(--muted)}
.catalog-range-error{padding:12px;border-radius:8px;background:var(--dialog-island);color:var(--text);font-size:13px}
.catalog-range-error[hidden]{display:none}
.catalog-filter-empty h3{font-size:16px;line-height:24px;font-weight:500;margin:0 0 8px}
.catalog-filter-empty p{font-size:13px;line-height:20px;color:var(--muted);margin:0}
.catalog-variant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}
.catalog-variant-facts{margin:12px 0 0}
.catalog-variant-facts>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:20px;margin:6px 0}
.catalog-variant-facts dt{color:var(--muted)}.catalog-variant-facts dd{margin:0;text-align:right}
@media(max-width:1250px){.catalog-search-row .catalog-search{flex-basis:100%}.catalog-control{flex:1}}
@media(max-width:700px){
 .catalog-scope-row{flex-wrap:wrap}.catalog-scope-row .library-tabs{width:100%}.catalog-scope-row .library-tabs button{flex:1;padding-inline:8px;font-size:13px}.catalog-add{margin-left:auto}
 .catalog-search-row{display:grid;grid-template-columns:1fr 1fr}.catalog-search-row .catalog-search{grid-column:1/-1;min-width:0;width:100%}.catalog-control{min-width:0;white-space:normal;padding-inline:8px}
 .catalog-dialog,.catalog-dialog-brands,.catalog-dialog-filters{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto}
 .catalog-tree-columns{grid-template-columns:1fr}.catalog-tree-column{display:none}.catalog-tree-column.mobile-current{display:block}.catalog-tree-column>div{max-height:50dvh}
 .catalog-brand-list{grid-template-columns:1fr}.catalog-variant-list{grid-template-columns:1fr}
 .catalog-results-row{gap:8px}.catalog-sort>span{display:none}
 .catalog-dialog .event-dialog-footer{flex-direction:row;align-items:center;gap:12px}.catalog-dialog .private-footer-actions{flex-wrap:wrap;justify-content:flex-end}
 .catalog-chip{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.catalog-control,.catalog-quick,.catalog-category-chip{transition:none}}
:is([data-theme=yellow-black],[data-theme=black-yellow]) :is(.catalog-tools,.catalog-control,.catalog-quick,.catalog-category-chip,.catalog-chip,.catalog-tree-column,.catalog-tree-search-results>div,.catalog-choice,.catalog-range input,.catalog-counter){background:var(--hc-bg);color:var(--hc-fg);outline:1px solid var(--hc-fg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) :is(.catalog-control[aria-pressed=true],.catalog-tree-item[aria-pressed=true],.catalog-choice:has(input:checked)){background:var(--hc-fg);color:var(--hc-bg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) :is(.catalog-control,.catalog-tree-item,.catalog-choice,.catalog-quick,.catalog-category-chip,.catalog-chip):hover{outline:2px dashed currentColor;outline-offset:-3px}
:is([data-theme=yellow-black],[data-theme=black-yellow]) :is(.catalog-tree-item[aria-pressed=true],.catalog-choice:has(input:checked)) small{color:inherit}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-check{border-color:var(--hc-fg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-control[aria-pressed=true] .catalog-check{border-color:var(--hc-bg);background:var(--hc-bg);color:var(--hc-fg)}

/* A category is one surface; the checkbox remains a separate hit target. */
.catalog-category-option .catalog-choice.catalog-category-check,
.catalog-category-option .catalog-choice.catalog-category-check:hover,
.catalog-category-option .catalog-choice.catalog-category-check:has(input:checked),
.catalog-category-option .catalog-choice.catalog-category-check:has(input:checked):hover{background:transparent;color:var(--text);outline:none}
.catalog-category-option .catalog-category-check:has(input:focus-visible){outline:2px solid var(--text);outline-offset:-4px}
.catalog-category-check .catalog-check{position:relative}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-category-option .catalog-category-check:has(input:checked) .catalog-check{background:var(--hc-fg);border-color:var(--hc-fg);color:var(--hc-bg)}

/* Dialog scroll lanes never fade and never overlap option surfaces. */
.catalog-dialog .catalog-tree-column>div,
.catalog-dialog #catalog-tree-selected,
.catalog-dialog:not(.catalog-dialog-categories) .catalog-panel-content{
 overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--muted) transparent;
}
.catalog-dialog .catalog-tree-column>div,.catalog-dialog #catalog-tree-selected{padding-right:8px}
.catalog-dialog ::-webkit-scrollbar{width:12px;height:12px}
.catalog-dialog ::-webkit-scrollbar-track{background:var(--dialog-surface)}
.catalog-dialog ::-webkit-scrollbar-thumb{background:var(--muted);border:3px solid var(--dialog-surface);border-radius:12px;background-clip:padding-box}
.catalog-dialog ::-webkit-scrollbar-thumb:hover{background:var(--text);background-clip:padding-box}

/* Tablet retains equal columns; phones browse one full-width pane at a time. */
.catalog-mobile-panes{display:none}
.catalog-dialog-categories .catalog-tree-column.catalog-has-scroll-rail{position:relative;padding-right:28px}
.catalog-dialog-categories .catalog-has-scroll-rail>div{scrollbar-width:none;padding-right:0}
.catalog-dialog-categories .catalog-has-scroll-rail>div::-webkit-scrollbar{display:none}
.catalog-scroll-rail{position:absolute;right:9px;width:10px;margin:0;padding:0;writing-mode:vertical-lr;direction:ltr;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:8px;cursor:pointer;touch-action:none}
.catalog-scroll-rail::-webkit-slider-runnable-track{width:6px;height:100%;background:transparent;border-radius:8px}
.catalog-scroll-rail::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:44px;background:var(--muted);border:0;border-radius:8px}
.catalog-scroll-rail::-moz-range-track{width:6px;height:100%;background:transparent;border-radius:8px}
.catalog-scroll-rail::-moz-range-thumb{width:6px;height:44px;background:var(--muted);border:0;border-radius:8px}
.catalog-scroll-rail:disabled{visibility:hidden;pointer-events:none}
.catalog-scroll-rail:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.catalog-dialog-categories.catalog-smart-filters{width:min(600px,calc(100vw - 24px))}
.catalog-dialog-categories.catalog-features-only,.catalog-dialog-categories.catalog-commercial-only{width:min(560px,calc(100vw - 24px));height:min(720px,calc(100dvh - 24px))}
.catalog-commercial-only #catalog-commercial-fields>.catalog-filter-section,.catalog-commercial-only #catalog-commercial-fields>.catalog-more{padding:16px;background:var(--dialog-island);border-radius:var(--radius-content);margin-bottom:12px}
.catalog-features-only .catalog-smart-island>.catalog-filter-field{margin-bottom:0}
@media(max-width:600px){.catalog-dialog-categories.catalog-features-only,.catalog-dialog-categories.catalog-commercial-only{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}
.catalog-smart-filters .catalog-filter-viewport{position:relative;display:flex;flex:1;min-height:0;min-width:0;margin-right:calc(-1 * var(--dialog-gutter));padding-right:var(--dialog-gutter)}
.catalog-smart-filters .catalog-filter-scroll{flex:1;min-height:0;min-width:0;overflow-y:auto;scrollbar-gutter:auto;scrollbar-width:none;padding-right:0;overscroll-behavior:contain}
.catalog-smart-filters .catalog-filter-scroll::-webkit-scrollbar{display:none}
.catalog-smart-filters .catalog-filter-viewport>.catalog-scroll-rail{right:1px}
.catalog-smart-island{background:var(--dialog-island);border-radius:var(--radius-content);padding:16px;margin-bottom:12px}
.catalog-smart-island>h3{font-size:16px;line-height:24px;font-weight:600;margin:0 0 16px}
.catalog-smart-filters .catalog-more{margin-top:12px}
.catalog-smart-filters .catalog-more>summary{cursor:pointer;font-size:13px;color:var(--muted);padding:12px 0}
.catalog-smart-filters .catalog-more[open]>summary{margin-bottom:12px;color:var(--text)}
.catalog-stock-pills{display:flex;flex-wrap:wrap;gap:8px}
.catalog-market-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
/* Text/number fields share the library search surface, never a white focus frame. */
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .catalog-commerce-dialog :is(.catalog-range,.catalog-dimension-row) input[type=number]{
 background:var(--field-bg);border:0;outline:none;box-shadow:none;transition:background-color .2s ease;
}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .catalog-commerce-dialog :is(.catalog-range,.catalog-dimension-row) input[type=number]:is(:hover,:focus,:focus-visible){
 background:var(--field-hover);border:0;outline:none;box-shadow:none;
}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .catalog-commerce-dialog :is(.catalog-range,.catalog-dimension-row) input[type=number]:focus{background:var(--field-focus)}
:root .catalog-search-row .library-search,:root .catalog-panel-search .library-search{background:var(--field-bg)}
:root .catalog-search-row .library-search:hover,:root .catalog-panel-search .library-search:hover{background:var(--field-hover)}
:root .catalog-search-row .library-search:focus-within,:root .catalog-panel-search .library-search:focus-within{background:var(--field-focus)}
.catalog-commerce-dialog input[type=number]{appearance:textfield;-moz-appearance:textfield}
.catalog-commerce-dialog input[type=number]::-webkit-inner-spin-button,
.catalog-commerce-dialog input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-commerce-dialog :is(.catalog-range,.catalog-dimension-row) input[type=number]:focus{
 background:var(--hc-bg);color:var(--hc-fg);outline:2px solid var(--hc-fg);outline-offset:-2px;
}
@media(prefers-reduced-motion:reduce){.catalog-commerce-dialog :is(.catalog-range,.catalog-dimension-row) input[type=number]{transition:none!important}}
.catalog-select-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
.catalog-select{position:relative;min-width:0}
.catalog-select>.catalog-control{width:100%;justify-content:space-between;background:var(--dialog-control);font-size:14px;text-align:left;white-space:normal}
.catalog-select>.catalog-control:hover{background:var(--surface-hover)}
.catalog-select>.catalog-control[aria-expanded=true]{background:var(--selection)}
.catalog-select>.catalog-control:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
.catalog-select .catalog-sort-menu{left:0;right:auto;width:100%;box-sizing:border-box;max-height:200px;overflow-y:auto;scrollbar-color:var(--muted) transparent}
.catalog-select .catalog-sort-menu button{white-space:normal;min-height:40px}
.catalog-select .catalog-sort-menu button:focus-visible{outline:2px solid var(--text);outline-offset:-2px;background:var(--surface-hover)}
@media(max-width:600px){.catalog-select>.catalog-control,.catalog-select .catalog-sort-menu button{min-height:44px}}
.catalog-market-options .catalog-choice{margin:0}
.catalog-market-options .catalog-choice:first-child{grid-column:1/-1}
@media(max-width:400px){.catalog-market-options{grid-template-columns:1fr}}
.catalog-stock-pills .catalog-choice{flex:1;white-space:nowrap}
.catalog-price-sliders{display:grid;gap:12px;margin-bottom:12px}
.catalog-price-sliders label{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.catalog-price-sliders input{flex:1;min-width:0;accent-color:var(--text);cursor:pointer}
.catalog-price-sliders input:disabled{cursor:default;opacity:.35}
.catalog-colours{display:flex;flex-wrap:wrap;gap:12px}
.catalog-features-only .catalog-colours{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.catalog-features-only .catalog-colour{min-width:0;padding:8px 2px;overflow-wrap:anywhere}
@media(max-width:420px){.catalog-features-only .catalog-colours{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-features-only .catalog-filter-choices{grid-template-columns:1fr}}
.catalog-shape-symbol{width:32px;height:32px;display:block}
.catalog-colour{position:relative;display:grid;justify-items:center;gap:6px;min-width:64px;padding:8px;border-radius:var(--radius-control);cursor:pointer;font-size:12px;color:var(--text)}
.catalog-colour input{position:absolute;opacity:0;width:1px;height:1px}
.catalog-swatch{width:32px;height:32px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #80808066}
.catalog-colour small{color:var(--muted)}
.catalog-colour:hover{background:var(--surface-hover)}
.catalog-colour:has(input:checked){background:var(--selection)}
.catalog-colour:has(input:checked) .catalog-swatch{outline:2px solid var(--text);outline-offset:3px}
.catalog-colour:has(input:checked):after{content:'✓';position:absolute;top:0;right:2px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--text);color:var(--bg)}
.catalog-colour:has(input:focus-visible){outline:2px solid var(--text)}
.catalog-colour:has(input:disabled){opacity:.45;cursor:default}
@media(max-width:600px){.catalog-dialog-categories.catalog-smart-filters{width:calc(100vw - 16px)}.catalog-smart-island{padding:12px}.catalog-colours{gap:8px}}
.catalog-commerce-dialog .catalog-filter-fields{display:block}
.catalog-smart-filters .catalog-dimension-row,.catalog-smart-filters .catalog-dimension-head{display:grid;grid-template-columns:minmax(130px,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}
.catalog-smart-filters .catalog-dimension-head{font-size:12px;color:var(--muted);margin-bottom:8px}
.catalog-smart-filters .catalog-dimension-row{margin-bottom:8px;font-size:14px;line-height:20px}
.catalog-dimension-row small{color:var(--muted);font-size:12px;display:inline-block;margin-left:4px}
.catalog-smart-filters .catalog-dimension-row input{box-sizing:border-box;min-width:0;width:100%;height:40px;border:0;border-radius:var(--radius-control);padding:8px 12px;background:var(--dialog-control);color:var(--text);font:inherit}
.catalog-smart-filters .catalog-dimension-row input:hover{background:var(--raised)}
.catalog-smart-filters .catalog-dimension-row input:focus{outline:none;box-shadow:none;background:var(--raised)}
.catalog-lead-presets{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.catalog-smart-filters .catalog-panel-note+.catalog-lead-presets{margin-top:16px}
.catalog-lead-presets button{flex:1;min-height:40px;padding:8px;border:0;border-radius:var(--radius-control);background:var(--dialog-control);color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.catalog-lead-presets button:hover{background:var(--surface-hover)}
.catalog-lead-presets button[aria-pressed=true]{background:var(--selection)}
.catalog-lead-presets button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.catalog-smart-filters .catalog-price-sliders input[type=range]{appearance:auto;-webkit-appearance:auto;height:28px;padding:0;background:transparent;border:0;box-shadow:none;accent-color:var(--text)}
.catalog-smart-filters .catalog-price-sliders input:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.catalog-smart-filters .catalog-smart-island>.catalog-filter-field:last-child{margin-bottom:0}
.catalog-smart-filters .catalog-panel-note{font-size:12px;line-height:18px;margin:12px 0 0}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-dimension-row input{outline:1px solid var(--hc-fg);background:var(--hc-bg);color:var(--hc-fg)}
@media(max-width:600px){.catalog-smart-filters .catalog-dimension-row,.catalog-smart-filters .catalog-dimension-head{grid-template-columns:minmax(104px,1.25fr) minmax(0,1fr) minmax(0,1fr)}.catalog-smart-filters .catalog-dimension-row input{height:44px;padding:8px;font-size:16px}}
.catalog-commerce-dialog .catalog-filter-section,.catalog-commerce-dialog .catalog-filter-field{margin:0 0 20px;padding:0;border:0;min-width:0}
.catalog-commerce-dialog h4,.catalog-commerce-dialog legend{font-size:14px;font-weight:600;line-height:20px;margin:0 0 12px}
.catalog-commerce-dialog .catalog-range{gap:8px;margin-bottom:8px}
.catalog-commerce-dialog .catalog-range select{width:100%;min-width:0;min-height:40px;padding:8px;border:0;border-radius:var(--radius-control);background:var(--dialog-control);color:var(--text);font:inherit;font-size:14px}
.catalog-commerce-dialog .catalog-range :is(input,select):hover{background:var(--raised)}
.catalog-commerce-dialog .catalog-range :is(input,select):focus{outline:none;box-shadow:none;background:var(--raised)}
.catalog-commerce-dialog .catalog-choice{margin-bottom:8px}
.catalog-commerce-dialog .catalog-panel-content>.catalog-panel-note{flex:none;margin:0 0 12px}
.catalog-commerce-dialog .catalog-range-error{flex:none;margin:4px 0;padding:4px 8px}
@media(max-width:600px){
 .catalog-commerce-dialog[data-filter-pane=commercial] .catalog-tree-column:first-child,
 .catalog-commerce-dialog[data-filter-pane=features] .catalog-tree-column:nth-child(2){display:flex}
 .catalog-commerce-dialog .catalog-range :is(input,select){font-size:16px;min-height:44px}
 .catalog-commerce-dialog .catalog-panel-content>.catalog-panel-note{font-size:11px;line-height:15px;margin-bottom:8px}
}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-commerce-dialog .catalog-range select{background:var(--hc-bg);color:var(--hc-fg);outline:1px solid var(--hc-fg)}
.catalog-dialog-categories .catalog-selected-area.catalog-has-scroll-rail{position:relative;padding-right:24px}
.catalog-dialog-categories .catalog-selected-area.catalog-has-scroll-rail #catalog-tree-selected{
 flex-wrap:wrap;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scrollbar-gutter:auto;padding-right:0;align-content:flex-start;
}
.catalog-dialog-categories .catalog-selected-area.catalog-has-scroll-rail #catalog-tree-selected::-webkit-scrollbar{display:none}
.catalog-dialog-categories .catalog-selected-area.catalog-has-scroll-rail .catalog-chip{flex:none;max-width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere}
.catalog-dialog-categories .catalog-selected-area .catalog-scroll-rail{right:2px}
.catalog-dialog-categories{--catalog-check-label-gap:16px}
.catalog-dialog-categories .catalog-category-option .catalog-category-check{
 box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;
 padding-inline:16px 12px;
}
.catalog-dialog-categories .catalog-category-option>button{padding:12px;gap:0}
.catalog-dialog-categories .catalog-option-caption{display:flex;align-items:baseline;flex:1;min-width:0;gap:8px}
.catalog-option-caption>span{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
.catalog-option-caption>small{flex:none;color:var(--muted);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-option-caption>small{color:inherit}
.catalog-dialog-categories .catalog-choice.catalog-taxonomy-choice{
 padding-inline:12px;gap:var(--catalog-check-label-gap);
}
@media(max-width:900px){
 .catalog-dialog-categories{width:min(760px,calc(100vw - 24px));height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}
 .catalog-dialog-categories .catalog-choice>span:not(.catalog-check),.catalog-category-option>button{font-size:14px;line-height:20px}
 .catalog-dialog-categories .event-close{width:44px;height:44px;flex:0 0 44px}
 .catalog-dialog-categories .catalog-category-check{min-width:44px;min-height:48px}
 .catalog-dialog-categories .catalog-panel-search input{font-size:16px;min-width:0}
 .catalog-dialog-categories .catalog-panel-search .library-search{min-width:0;min-height:44px}
}
@media(max-width:600px){
 .catalog-dialog-categories{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);max-width:none;--dialog-gutter:12px}
 .catalog-dialog-categories .event-dialog-header{padding-block:10px;gap:8px}
 .catalog-dialog-categories .event-dialog-header h2{font-size:18px;line-height:24px}
 .catalog-dialog-categories .catalog-panel-content{padding-bottom:8px}
 .catalog-dialog-categories .catalog-panel-search{padding:0 0 8px}
 .catalog-mobile-panes{display:flex;gap:8px;flex:none;margin-bottom:8px}
 .catalog-mobile-panes button{flex:1;min-width:0;min-height:44px;padding:8px;border:0;border-radius:var(--radius-control);background:var(--surface-content);color:var(--text);font:inherit;font-size:14px}
 .catalog-mobile-panes button[aria-pressed=true]{background:var(--selection)}
 .catalog-mobile-panes button:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
 .catalog-dialog-categories .catalog-tree-columns{display:flex;gap:0}
 .catalog-dialog-categories .catalog-tree-column{display:none;flex:1;min-width:0;padding:8px}
 .catalog-dialog-categories[data-category-pane=categories] .catalog-tree-column:first-child,
 .catalog-dialog-categories[data-category-pane=types] .catalog-tree-column:nth-child(2){display:flex}
 .catalog-dialog-categories .catalog-tree-column h3{margin-bottom:8px}
 .catalog-dialog-categories .catalog-choice{min-height:48px;padding:12px;gap:8px}
 .catalog-dialog-categories .catalog-selected-area{height:76px;padding-top:8px}
 .catalog-dialog-categories #catalog-tree-selected{height:48px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:auto;padding-right:0}
 .catalog-dialog-categories #catalog-tree-selected .catalog-chip{flex:none;max-width:90%;min-height:40px}
 .catalog-dialog-categories .event-dialog-footer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));gap:8px}
 .catalog-dialog-categories .private-footer-actions{min-width:0;flex:1}
 .catalog-dialog-categories .event-dialog-footer .cta{min-height:44px;padding-inline:12px;font-size:14px;white-space:normal}
 .catalog-dialog-categories .private-footer-actions .cta{width:100%}
 :is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-mobile-panes button{outline:1px solid var(--hc-fg);background:var(--hc-bg);color:var(--hc-fg)}
 :is([data-theme=yellow-black],[data-theme=black-yellow]) .catalog-mobile-panes button[aria-pressed=true]{background:var(--hc-fg);color:var(--hc-bg)}
}
@media(max-height:500px){
 .catalog-dialog-categories .event-dialog-header{padding-block:6px}
 .catalog-dialog-categories .catalog-selected-area{height:60px;padding-top:4px}
 .catalog-dialog-categories .catalog-selected-area h3{display:none}
 .catalog-dialog-categories #catalog-tree-selected{height:48px}
}