.sl-cat-tools{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(170px,.82fr) minmax(140px,.62fr) 112px 38px;align-items:end;gap:10px;overflow:visible;margin:0 0 18px;padding:0;color:#202020;background:transparent;border:0;box-shadow:none}
.sl-cat-tools.is-hidden{display:none}
.sl-cat-tools.is-loading{opacity:.86}
.sl-cat-tools__cell{display:grid;align-content:end;gap:7px;min-width:0}
.sl-cat-select span{display:block;color:#5b554c;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.02em}
.sl-cat-select{position:relative;margin:0}
.sl-cat-select select{width:100%;height:36px;padding:0 34px 0 11px;border:1px solid #ded9cf;border-radius:6px;background:#fff;color:#222;font-size:13px;font-weight:800;line-height:1;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:none}
.sl-cat-select:after{content:"\f107";font-family:FontAwesome;position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:#eef8e9;color:#5cad32;font-size:13px;pointer-events:none}
.sl-cat-select select:hover{border-color:#cfc7ba}
.sl-cat-select select:focus{border-color:#6abf3a;box-shadow:0 0 0 3px rgba(106,191,58,.14)}
.sl-cat-select.is-enhanced select{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}
.sl-cat-select.is-enhanced:after{display:none}
.sl-cat-picker{position:relative;min-width:0;width:100%;z-index:20}
.sl-cat-picker__button{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 8px 0 11px!important;border:1px solid #ded9cf!important;border-radius:6px!important;background:#fff!important;color:#222!important;box-shadow:0 5px 14px rgba(0,0,0,.04)!important;font-size:13px!important;font-weight:800!important;line-height:1!important;text-align:left!important;cursor:pointer}
.sl-cat-picker__button:after{content:"\f107";font-family:FontAwesome;display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin-left:8px;border-radius:4px;background:#eef8e9;color:#5cad32;font-size:13px;transition:transform .16s ease}
.sl-cat-picker.is-open .sl-cat-picker__button{border-color:#6abf3a!important;box-shadow:0 0 0 3px rgba(106,191,58,.12)!important}
.sl-cat-picker.is-open .sl-cat-picker__button:after{transform:rotate(180deg)}
.sl-cat-picker__value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-cat-picker__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);display:none;max-height:280px;overflow:auto;padding:6px;border:1px solid #ded9cf;border-radius:8px;background:#fffdf8;box-shadow:0 18px 34px rgba(0,0,0,.22);z-index:90}
.sl-cat-picker.is-open .sl-cat-picker__menu{display:block}
.sl-cat-picker__option{display:flex!important;align-items:center;width:100%;min-height:30px;padding:0 9px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#28251f!important;box-shadow:none!important;font-size:13px!important;font-weight:800!important;line-height:1.15!important;text-align:left!important;cursor:pointer}
.sl-cat-picker__option:hover{background:#f0ece3!important;color:#111!important}
.sl-cat-picker__option.is-active{background:#eef8e9!important;color:#328b21!important}
.sl-cat-picker__option.is-active:before{content:"";width:6px;height:6px;margin-right:7px;border-radius:50%;background:#6abf3a;box-shadow:0 0 0 3px rgba(106,191,58,.13)}
.sl-cat-apply{display:inline-flex!important;align-items:center;justify-content:center;width:100%;height:36px;padding:0 13px!important;border:1px solid #62b837!important;border-radius:6px!important;background:#6fbd3f!important;color:#fff!important;box-shadow:0 7px 16px rgba(111,189,63,.18)!important;font-size:13px!important;font-weight:900!important;line-height:1!important;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.sl-cat-apply:hover{border-color:#55a92f!important;background:#61b334!important;color:#fff!important;box-shadow:0 9px 18px rgba(111,189,63,.24)!important}
.sl-cat-reset{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:36px;padding:0!important;border:1px solid #d5ded0!important;border-radius:6px!important;background:#f8fbf6!important;color:#5aa532!important;box-shadow:0 5px 14px rgba(0,0,0,.04)!important;font-size:14px!important;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease;overflow:visible}
.sl-cat-reset:hover{border-color:#67bd39!important;background:#edf8e8!important;color:#328b21!important}
.sl-cat-reset__text{display:none}
.sl-cat-reset:after{content:"Сбросить";position:absolute;left:50%;bottom:calc(100% + 8px);z-index:120;display:block;padding:6px 9px;border:1px solid #e4ded2;border-radius:6px;background:#fffdf8;color:#25221e;box-shadow:0 12px 24px rgba(0,0,0,.16);font-size:12px;font-weight:800;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;pointer-events:none}
.sl-cat-reset:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);z-index:121;width:8px;height:8px;background:#fffdf8;border-right:1px solid #e4ded2;border-bottom:1px solid #e4ded2;opacity:0;visibility:hidden;transform:translate(-50%,4px) rotate(45deg);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;pointer-events:none}
.sl-cat-reset:hover:after,.sl-cat-reset:hover:before,.sl-cat-reset:focus-visible:after,.sl-cat-reset:focus-visible:before{opacity:1;visibility:visible;transform:translate(-50%,0)}
.sl-cat-tools__status{grid-column:1/-1;min-height:14px;color:#6b655c;font-size:12px;font-weight:700;line-height:1.2}
.sl-cat-native-hidden{display:none!important}
.is-cat-loading{position:relative;min-height:220px}
.is-cat-loading:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.58);z-index:5;pointer-events:none}
.sl-cat-filter-empty{grid-column:1/-1;width:100%;padding:22px;border:1px dashed #d9d1c4;border-radius:8px;background:#fffdf8;color:#5a5349;font-size:14px;font-weight:700;text-align:center}
.sl-cat-filter-pages{clear:both!important;display:block!important;width:100%!important;float:none!important;margin:18px 0 24px!important;padding-top:4px!important;text-align:center!important}
.sl-cat-filter-pages .pagi-nav{display:inline-block!important;max-width:100%!important;float:none!important}
.sl-cat-filter-pages .navigation{display:inline-block!important;line-height:36px!important}
.sl-cat-filter-pages .navigation a,.sl-cat-filter-pages .navigation span{float:none!important;position:static!important;margin:0 3px 6px!important}
.sl-cat-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:220px;background:#1f1d19;color:#fff;font-size:44px;font-weight:900}
@media(max-width:980px){
  .sl-cat-tools{grid-template-columns:1fr 1fr;align-items:end}
  .sl-cat-apply{width:100%}
  .sl-cat-tools__status{grid-column:1/-1}
}
@media(max-width:560px){
  .sl-cat-tools{grid-template-columns:1fr;gap:10px}
  .sl-cat-select,.sl-cat-apply,.sl-cat-reset,.sl-cat-tools__status{grid-column:1/-1}
  .sl-cat-reset{width:100%;height:34px;gap:7px;padding:0 12px!important;font-size:13px!important;font-weight:900!important}
  .sl-cat-reset__text{display:inline}
  .sl-cat-reset:after,.sl-cat-reset:before{display:none!important}
  .sl-cat-filter-pages{margin:14px 0 22px!important;padding:0 4px!important}
  .sl-cat-filter-pages .navigation{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;line-height:1!important}
  .sl-cat-filter-pages .navigation a,.sl-cat-filter-pages .navigation span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:34px!important;margin:0!important;padding:0 9px!important}
}

/* Admin dark theme for category sorting */
html.sl-admin-dark .sl-cat-tools {
  color:#dce3d6!important;
  background:transparent!important;
}
html.sl-admin-dark .sl-cat-select span {
  color:#aeb8a9!important;
}
html.sl-admin-dark .sl-cat-select select,
html.sl-admin-dark .sl-cat-picker__button {
  background:#252925!important;
  color:#eef3e8!important;
  border-color:#3b4537!important;
  box-shadow:0 7px 16px rgba(0,0,0,.22)!important;
}
html.sl-admin-dark .sl-cat-select:after,
html.sl-admin-dark .sl-cat-picker__button:after {
  background:#303a2c!important;
  color:#9bea62!important;
}
html.sl-admin-dark .sl-cat-select select:hover,
html.sl-admin-dark .sl-cat-picker__button:hover {
  border-color:rgba(139,214,83,.48)!important;
}
html.sl-admin-dark .sl-cat-select select:focus,
html.sl-admin-dark .sl-cat-picker.is-open .sl-cat-picker__button {
  border-color:#78c342!important;
  box-shadow:0 0 0 3px rgba(120,195,66,.14),0 7px 16px rgba(0,0,0,.24)!important;
}
html.sl-admin-dark .sl-cat-picker__menu {
  background:#222521!important;
  border-color:#3b4537!important;
  box-shadow:0 18px 38px rgba(0,0,0,.55)!important;
  scrollbar-color:rgba(139,214,83,.45) rgba(255,255,255,.08);
}
html.sl-admin-dark .sl-cat-picker__option {
  color:#dce3d6!important;
  background:transparent!important;
}
html.sl-admin-dark .sl-cat-picker__option:hover {
  background:#2d352a!important;
  color:#fff!important;
}
html.sl-admin-dark .sl-cat-picker__option.is-active {
  background:rgba(120,195,66,.14)!important;
  color:#9bea62!important;
}
html.sl-admin-dark .sl-cat-picker__option.is-active:before {
  background:#8bd653!important;
  box-shadow:0 0 0 3px rgba(139,214,83,.16)!important;
}
html.sl-admin-dark .sl-cat-apply {
  background:#30362e!important;
  color:#eef3e8!important;
  border-color:#46513f!important;
  box-shadow:none!important;
}
html.sl-admin-dark .sl-cat-apply:hover {
  background:#78c342!important;
  color:#fff!important;
  border-color:#78c342!important;
  box-shadow:0 9px 18px rgba(120,195,66,.20)!important;
}
html.sl-admin-dark .sl-cat-reset {
  background:#252925!important;
  color:#dce3d6!important;
  border-color:#3b4537!important;
  box-shadow:none!important;
}
html.sl-admin-dark .sl-cat-reset:hover {
  background:#30362e!important;
  color:#fff!important;
  border-color:rgba(139,214,83,.48)!important;
}
html.sl-admin-dark .sl-cat-reset:after {
  background:#eef8e9!important;
  color:#1f2b1b!important;
  border-color:rgba(139,214,83,.42)!important;
}
html.sl-admin-dark .sl-cat-reset:before {
  background:#eef8e9!important;
  border-right-color:rgba(139,214,83,.42)!important;
  border-bottom-color:rgba(139,214,83,.42)!important;
}
html.sl-admin-dark .sl-cat-tools__status {
  color:#aeb8a9!important;
}
html.sl-admin-dark .is-cat-loading:after {
  background:rgba(15,16,15,.62)!important;
}
html.sl-admin-dark .sl-cat-filter-empty {
  background:#222521!important;
  color:#dce3d6!important;
  border-color:#3b4537!important;
}
html.sl-admin-dark .sl-cat-filter-pages,
html.sl-admin-dark .sl-cat-filter-pages .pagi-nav,
html.sl-admin-dark .sl-cat-filter-pages .navigation {
  background:transparent!important;
  border:0!important;
}
html.sl-admin-dark .sl-cat-filter-pages .navigation a,
html.sl-admin-dark .sl-cat-filter-pages .navigation span {
  background:#252925!important;
  color:#eef3e8!important;
  border:1px solid #3b4537!important;
  box-shadow:none!important;
}
html.sl-admin-dark .sl-cat-filter-pages .navigation span,
html.sl-admin-dark .sl-cat-filter-pages .navigation a:hover {
  background:#303a2c!important;
  color:#fff!important;
  border-color:rgba(139,214,83,.46)!important;
}
html.sl-admin-dark .sl-cat-filter-pages .navigation span.nav_ext {
  background:transparent!important;
  color:#8b9588!important;
  border-color:transparent!important;
}

/* Admin dark theme clean neutral category sorting */
html.sl-admin-dark .sl-cat-tools {
  color:#e5e7df!important;
  background:transparent!important;
}

html.sl-admin-dark .sl-cat-select span {
  color:#b8bdb4!important;
}

html.sl-admin-dark .sl-cat-select select,
html.sl-admin-dark .sl-cat-picker__button,
html.sl-admin-dark .sl-cat-reset {
  background:#1F2023!important;
  background-color:#1F2023!important;
  color:#f1f3ee!important;
  border-color:#34363A!important;
  box-shadow:none!important;
}

html.sl-admin-dark .sl-cat-select:after,
html.sl-admin-dark .sl-cat-picker__button:after {
  background:#171817!important;
  background-color:#171817!important;
  color:#dfe3dc!important;
}

html.sl-admin-dark .sl-cat-select select:hover,
html.sl-admin-dark .sl-cat-picker__button:hover,
html.sl-admin-dark .sl-cat-reset:hover {
  background:#242528!important;
  background-color:#242528!important;
  color:#fff!important;
  border-color:#4a4d52!important;
}

html.sl-admin-dark .sl-cat-select select:focus,
html.sl-admin-dark .sl-cat-picker.is-open .sl-cat-picker__button {
  border-color:#5e6268!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.06)!important;
}

html.sl-admin-dark .sl-cat-picker__menu {
  background:#171817!important;
  background-color:#171817!important;
  border-color:#34363A!important;
  box-shadow:0 18px 38px rgba(0,0,0,.58)!important;
  scrollbar-color:#5e6268 #1F2023;
}

html.sl-admin-dark .sl-cat-picker__option {
  color:#dfe3dc!important;
  background:transparent!important;
}

html.sl-admin-dark .sl-cat-picker__option:hover {
  background:#1F2023!important;
  background-color:#1F2023!important;
  color:#fff!important;
}

html.sl-admin-dark .sl-cat-picker__option.is-active {
  background:#20251f!important;
  background-color:#20251f!important;
  color:#9bea62!important;
}

html.sl-admin-dark .sl-cat-picker__option.is-active:before {
  background:#79c142!important;
  box-shadow:0 0 0 3px rgba(121,193,66,.12)!important;
}

html.sl-admin-dark .sl-cat-apply {
  background:#2E3033!important;
  background-color:#2E3033!important;
  color:#f3f5f0!important;
  border-color:#44474D!important;
  box-shadow:none!important;
}

html.sl-admin-dark .sl-cat-apply:hover {
  background:#3A3D42!important;
  background-color:#3A3D42!important;
  color:#fff!important;
  border-color:#5B5F66!important;
  box-shadow:none!important;
}

html.sl-admin-dark .sl-cat-reset:after {
  background:#f3f5f0!important;
  background-color:#f3f5f0!important;
  color:#171817!important;
  border-color:#d8ddd3!important;
}

html.sl-admin-dark .sl-cat-reset:before {
  background:#f3f5f0!important;
  background-color:#f3f5f0!important;
  border-right-color:#d8ddd3!important;
  border-bottom-color:#d8ddd3!important;
}

html.sl-admin-dark .sl-cat-tools__status {
  color:#aeb4aa!important;
}

html.sl-admin-dark .sl-cat-filter-empty {
  background:#171817!important;
  background-color:#171817!important;
  color:#dfe3dc!important;
  border-color:#34363A!important;
}

html.sl-admin-dark .sl-cat-filter-pages .navigation a,
html.sl-admin-dark .sl-cat-filter-pages .navigation span {
  background:#1F2023!important;
  background-color:#1F2023!important;
  color:#f1f3ee!important;
  border-color:#34363A!important;
  box-shadow:none!important;
}

html.sl-admin-dark .sl-cat-filter-pages .navigation span,
html.sl-admin-dark .sl-cat-filter-pages .navigation a:hover {
  background:#2E3033!important;
  background-color:#2E3033!important;
  color:#fff!important;
  border-color:#4a4d52!important;
}

html.sl-admin-dark .sl-cat-filter-pages .navigation span.nav_ext {
  background:transparent!important;
  color:#8d938b!important;
  border-color:transparent!important;
}

/* Admin dark theme: remove square hover fills in category dropdowns */
html.sl-admin-dark .sl-cat-picker__option:hover,
html.sl-admin-dark .sl-cat-picker__option:focus {
  background:transparent!important;
  background-color:transparent!important;
  color:#ffffff!important;
  box-shadow:none!important;
}

html.sl-admin-dark .sl-cat-picker__option.is-active {
  background:transparent!important;
  background-color:transparent!important;
  color:#9bea62!important;
  box-shadow:none!important;
}
