/* Shared catalogue controls: products and categories use the same rules. */
html[data-theme] body :is(.products-page-shell,.category-page-shell) {
    --catalog-surface:#0f1725;--catalog-field:#090f1b;--catalog-line:#2b3549;
    --catalog-text:#e7edf7;--catalog-muted:#a9b7cc;--catalog-accent:#c4b5fd;
    --catalog-selected:#231b3c;--catalog-selected-line:#74609e;
    gap:20px!important;
}
html[data-theme="light"] body :is(.products-page-shell,.category-page-shell) {
    --catalog-surface:#fff;--catalog-field:#f8f9fc;--catalog-line:#dce1ec;
    --catalog-text:#263249;--catalog-muted:#59677f;--catalog-accent:#6635a0;
    --catalog-selected:#f0e9fc;--catalog-selected-line:#bb9bdd;
}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-top-categories,.category-top-categories) {
    padding:10px!important;border:1px solid var(--catalog-line)!important;
    border-radius:18px!important;background:var(--catalog-surface)!important;
    box-shadow:none!important;backdrop-filter:none!important;min-width:0;
}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-top-categories,.category-top-categories),:is(.products-panel,.category-panel))::before,
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-top-categories,.category-top-categories),:is(.products-panel,.category-panel))::after {display:none!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-top-categories-wrap,.category-top-categories-wrap) {display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-top-category-link,.category-top-category-link),:is(.products-quick-link,.category-quick-link)) {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:38px!important;padding:8px 14px!important;margin:0!important;
    border:1px solid var(--catalog-line)!important;border-radius:11px!important;
    background:var(--catalog-field)!important;color:var(--catalog-text)!important;
    font-size:12px!important;font-weight:650!important;line-height:1.4!important;
    text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;
    transform:none!important;transition:background .18s,border-color .18s!important;
}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-top-category-link,.category-top-category-link),:is(.products-quick-link,.category-quick-link)):hover,
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-top-category-link,.category-top-category-link).is-active {
    background:var(--catalog-selected)!important;border-color:var(--catalog-selected-line)!important;
    color:var(--catalog-accent)!important;
}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-layout,.category-layout) {display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:20px!important;align-items:start!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-main,.category-main),:is(.products-sidebar,.category-sidebar)) {min-width:0;display:grid!important;gap:16px!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-sidebar,.category-sidebar) {position:static!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-panel,.category-panel) {
    min-width:0;padding:18px!important;border:1px solid var(--catalog-line)!important;
    border-radius:18px!important;background:var(--catalog-surface)!important;
    box-shadow:none!important;backdrop-filter:none!important;
}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-panel-title,.category-panel-title) {margin:0 0 18px!important;font-size:15px!important;font-weight:750!important;color:var(--catalog-text)!important;letter-spacing:-.015em!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-panel-title,.category-panel-title)::before {width:4px!important;height:16px!important;border-radius:3px!important;background:var(--catalog-accent)!important;box-shadow:none!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-filter-form,.category-filter-form) {display:grid!important;gap:14px!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-field,.category-field) label,:is(.products-sort-label,.category-sort-label)) {display:block!important;margin:0 0 7px!important;font-size:11px!important;font-weight:650!important;letter-spacing:.03em!important;text-transform:none!important;color:var(--catalog-muted)!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-field,.category-field) input,:is(.products-field,.category-field) select,:is(.products-sort-inline,.category-sort-inline) select) {
    width:100%!important;min-width:0!important;min-height:42px!important;padding:10px 12px!important;
    border:1px solid var(--catalog-line)!important;border-radius:10px!important;
    background:var(--catalog-field)!important;color:var(--catalog-text)!important;
    font-size:12px!important;font-weight:500!important;line-height:1.5!important;box-shadow:none!important;
}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-filter-actions,.category-filter-actions) {display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:4px 0 0!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-filter-actions,.category-filter-actions) .btn {display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;width:100%;padding:10px!important;border-radius:10px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;transform:none!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-filter-actions,.category-filter-actions) .btn-primary {background:#7545c6!important;color:#fff!important;border:1px solid #8d64d2!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-filter-actions,.category-filter-actions) .btn-secondary {background:var(--catalog-field)!important;color:var(--catalog-text)!important;border:1px solid var(--catalog-line)!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-quick-links,.category-quick-links) {display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-quick-link,.category-quick-link) {min-height:34px!important;padding:7px 10px!important;font-size:11px!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-toolbar-panel,.category-toolbar-panel) {padding:12px 16px!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-toolbar,.category-toolbar) {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-results-count,.category-results-count) {font-size:13px!important;font-weight:700!important;color:var(--catalog-text)!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-toolbar-controls,.category-toolbar-right),:is(.products-sort-inline,.category-sort-inline)) {display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-width:0;width:auto!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-sort-label,.category-sort-label) {margin:0!important;white-space:nowrap;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-sort-inline,.category-sort-inline) select {width:auto!important;max-width:220px;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-layout-switcher,.category-layout-switcher) {display:inline-flex!important;width:max-content!important;flex:0 0 auto!important;gap:4px!important;padding:4px!important;border:1px solid var(--catalog-line)!important;border-radius:11px!important;background:var(--catalog-field)!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-layout-btn,.category-layout-btn) {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:12px!important;font-weight:650!important;letter-spacing:0!important;line-height:1!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--catalog-muted)!important;box-shadow:none!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-layout-btn,.category-layout-btn).is-active {background:var(--catalog-selected)!important;color:var(--catalog-accent)!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-top-category-link,.category-top-category-link),:is(.products-quick-link,.category-quick-link),:is(.products-layout-btn,.category-layout-btn),:is(.products-filter-actions,.category-filter-actions) .btn):focus-visible,
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-field,.category-field) input,:is(.products-field,.category-field) select,:is(.products-sort-inline,.category-sort-inline) select):focus-visible {outline:2px solid var(--catalog-accent)!important;outline-offset:3px!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-pagination,.category-pagination) {display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:7px!important;margin:20px 0!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-pagination,.category-pagination) a {display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:8px 12px!important;border:1px solid var(--catalog-line)!important;border-radius:10px!important;background:var(--catalog-field)!important;color:var(--catalog-text)!important;box-shadow:none!important;font-size:12px!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-pagination,.category-pagination) a.is-active {background:var(--catalog-selected)!important;border-color:var(--catalog-selected-line)!important;color:var(--catalog-accent)!important;}
html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-empty,.category-empty) {padding:32px!important;border:1px dashed var(--catalog-line)!important;border-radius:18px!important;background:var(--catalog-surface)!important;color:var(--catalog-muted)!important;}
@media(max-width:1050px){html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-layout,.category-layout) {grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important;}html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-toolbar-controls,.category-toolbar-right){flex-wrap:wrap!important;}}
@media(max-width:800px){html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-layout,.category-layout) {grid-template-columns:1fr!important;}html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-sidebar,.category-sidebar) {grid-template-columns:1fr!important;}html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-filter-form,.category-filter-form) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){
    html[data-theme] body :is(.products-page-shell,.category-page-shell) {gap:14px!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-top-categories,.category-top-categories) {padding:8px!important;border-radius:14px!important;overflow:hidden!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-top-categories-wrap,.category-top-categories-wrap) {flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--catalog-selected-line) transparent;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-top-category-link,.category-top-category-link) {flex:0 0 auto!important;white-space:nowrap!important;font-size:11px!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-panel,.category-panel) {padding:16px!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-filter-form,.category-filter-form) {grid-template-columns:1fr!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-toolbar,.category-toolbar) {align-items:stretch!important;flex-direction:column!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-toolbar-controls,.category-toolbar-right) {width:100%!important;flex-wrap:nowrap!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-sort-inline,.category-sort-inline) {flex:1!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-sort-label,.category-sort-label) {display:none!important;}
    html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(.products-sort-inline,.category-sort-inline) select {width:100%!important;max-width:none!important;}
}
@media(prefers-reduced-motion:reduce){html[data-theme] body :is(.products-page-shell,.category-page-shell) :is(:is(.products-top-category-link,.category-top-category-link),:is(.products-quick-link,.category-quick-link)){transition:none!important;}}


