.all-categories-catalog__count{margin:10px 0 0;color:var(--color-body);font-size:14px}
.mobile-category-open,.mobile-category-backdrop,.mobile-category-browser__header,.mobile-category-browser__footer{display:none}
.mobile-category-browser__content{display:contents}
.all-category-mobile-panel-slot{display:none}
.all-category-tabs{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.all-category-tab{min-width:0;min-height:50px;padding:11px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #5a526a;border-radius:6px;color:#fff;background:#5a526a;font:700 14px/1.35 var(--font-primary);text-align:left;cursor:pointer}
.all-category-tab:hover{border-color:#40394f;color:#fff;background:#514a60}
.all-category-tab.is-active{border-color:#272230;box-shadow:0 0 0 1px #272230,var(--shadow-light)}
.all-category-tab__icon{flex:0 0 auto;color:#fff;font-size:17px;font-weight:700}
.all-category-panels{display:none}
.all-category-panel{grid-column:1/-1;margin:8px 0 4px;padding:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 29px;border-radius:6px;background:#f7f7fb}
.all-category-panel[hidden]{display:none}
.all-category-panel a{min-height:50px;padding:10px 14px;display:flex;align-items:center;justify-content:center;border:1px solid #c9c6d0;border-radius:5px;color:var(--color-black);background:#fff;text-align:center;font-size:14px;line-height:1.4}
.all-category-panel a:hover{border-color:var(--light-primary);color:var(--light-primary);font-weight:600;box-shadow:var(--shadow-light)}
.all-category-panel__empty{grid-column:1/-1;margin:0;padding:32px 15px;color:#777;text-align:center}
.all-products-grid{margin-top:48px}
@media(max-width:900px){.all-category-tabs,.all-category-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.all-category-panel{gap:14px}}
@media(max-width:620px){
  body.has-mobile-category-browser{overflow:hidden}
  .mobile-category-open{width:100%;min-height:48px;margin-top:25px;padding:11px 14px;display:grid;grid-template-columns:20px 1fr 16px;gap:10px;align-items:center;border:0;border-radius:6px;color:#fff;background:#5a526a;font:700 14px var(--font-primary);cursor:pointer}
  .mobile-category-open span{text-align:left}.mobile-category-open i:last-child{font-size:11px}
  .mobile-category-backdrop{position:fixed;z-index:11990;inset:0;border:0;background:rgba(20,18,25,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
  .mobile-category-backdrop.is-open{display:block;opacity:1;visibility:visible;pointer-events:auto}
  .all-category-browser{position:fixed;z-index:12000;right:0;bottom:0;left:0;width:100%;max-width:100vw;min-height:min(430px,82vh);max-height:min(82vh,760px);padding:0 14px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -18px 55px rgba(0,0,0,.24);visibility:hidden;transform:translateY(105%);transition:transform .28s ease,visibility .28s}
  .all-category-browser.is-open{visibility:visible;transform:none}
  .mobile-category-browser__header{position:sticky;z-index:3;top:0;margin-inline:-14px;padding:17px 16px 14px;display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #ece9f0;background:#fff}
  .mobile-category-browser__header div{min-width:0;display:grid;gap:3px}.mobile-category-browser__header strong{font-size:18px}.mobile-category-browser__header small{color:#777;font-size:11px}
  .mobile-category-browser__header button{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#5a526a;font-size:17px;cursor:pointer}
  .mobile-category-browser__content{min-width:0;min-height:0;display:block;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#a99cc8 transparent;scrollbar-width:thin}
  .mobile-category-browser__content::-webkit-scrollbar{width:5px}.mobile-category-browser__content::-webkit-scrollbar-thumb{border-radius:5px;background:#a99cc8}.mobile-category-browser__content::-webkit-scrollbar-track{background:transparent}
  .all-category-tabs{position:sticky;z-index:2;top:0;width:100%;min-width:0;max-width:100%;margin-top:0;padding:15px 0 7px;display:flex;gap:8px;overflow-x:auto;background:#fff;scrollbar-width:none;scroll-snap-type:x proximity}
  .all-category-tabs::-webkit-scrollbar{display:none}
  .all-category-tab{flex:0 0 auto;min-height:41px;padding:8px 11px;scroll-snap-align:start;font-size:12px;white-space:nowrap}
  .all-category-tab__icon{font-size:14px}
  .all-category-mobile-panel-slot{width:100%;min-width:0;display:block;min-height:0}
  .all-category-panel{width:100%;min-width:0;margin:8px 0 0;padding:11px;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .all-category-panel a{min-width:0;min-height:44px;padding:8px 7px;overflow-wrap:anywhere;font-size:11px;line-height:1.3}
  .mobile-category-browser__footer{z-index:4;flex:0 0 auto;margin:0 -14px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:block;border-top:1px solid #e7e4eb;background:#fff}
  .mobile-category-browser__footer button{width:100%;min-height:48px;border:0;border-radius:6px;color:#fff;background:var(--light-primary);font:700 14px var(--font-primary);cursor:pointer}
  .all-products-grid{margin-top:24px;scroll-margin-top:12px}
}
