.catalog-category-navigation{margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid var(--line);min-width:0}
.catalog-navigation-scroll{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;min-width:0}
.catalog-navigation-arrow{width:40px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0}
.catalog-navigation-arrow:hover:not(:disabled){color:var(--orange);border-color:var(--orange);background:var(--cream)}
.catalog-navigation-arrow:disabled{opacity:.25}
.catalog-navigation-arrow[data-catalog-step="-1"] svg{transform:rotate(180deg)}
[data-catalog-navigation][data-overflow="false"] .catalog-navigation-scroll{grid-template-columns:minmax(0,1fr)}
[data-catalog-navigation][data-overflow="false"] .catalog-navigation-arrow{display:none}
.catalog-category-rail{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:10px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:4px 3px 10px}
.catalog-category-link{display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0;padding:5px 3px;border-radius:12px;scroll-snap-align:start;text-align:center}
.catalog-category-picture{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:8px;background:#f5f7f7;border:2px solid transparent;border-radius:50%;color:var(--orange);flex-shrink:0}
.catalog-category-picture img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.catalog-category-name{font-size:12px;font-weight:650;line-height:1.35;min-height:33px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.catalog-category-link.selected{color:#b74713;background:#fff8f2}
.catalog-category-link.selected .catalog-category-picture{border-color:var(--orange);background:#fff}
.catalog-category-link:hover .catalog-category-picture{border-color:#e7b494}
.catalog-category-link:focus-visible,.catalog-subcategory-link:focus-visible,[data-catalog-rail]:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.catalog-subcategory-navigation{min-width:0;margin:0 0 16px}
.catalog-subcategory-label{display:block;margin-bottom:5px;font-size:11px;font-weight:650;color:var(--muted)}
.catalog-subcategory-rail{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0;padding:3px 3px 7px}
.catalog-subcategory-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:24px;white-space:nowrap;font-size:12px;background:#fff;flex-shrink:0}
.catalog-subcategory-link small{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 5px;border-radius:12px;background:#f2f4f4;color:var(--muted);font-size:10px}
.catalog-subcategory-link:hover{border-color:#dca784;background:#fff9f5}
.catalog-subcategory-link.selected{color:#fff;background:#b74713;border-color:#b74713;font-weight:650}
.catalog-subcategory-link.selected small{color:#fff;background:#00000018}
@media(max-width:850px){.catalog-category-navigation{margin-bottom:12px;padding-bottom:6px}.catalog-category-rail{grid-auto-columns:90px;gap:7px}.catalog-category-name{font-size:11px}.catalog-subcategory-navigation{margin-bottom:13px}}
@media(max-width:600px){
 .catalog-category-navigation .catalog-navigation-scroll,.catalog-subcategory-navigation .catalog-navigation-scroll{grid-template-columns:minmax(0,1fr)}
 .catalog-category-navigation .catalog-navigation-arrow,.catalog-subcategory-navigation .catalog-navigation-arrow{display:none}
 .catalog-category-rail{grid-auto-columns:76px;gap:6px;padding-left:2px;padding-right:2px}
 .catalog-category-link{gap:6px;padding:4px 2px}
 .catalog-category-picture{width:52px;height:52px;padding:7px}
 .catalog-category-picture svg{width:23px;height:23px}
 .catalog-category-name{font-size:10px;min-height:27px}
 .catalog-subcategory-label{font-size:10px;margin-bottom:3px}
 .catalog-subcategory-link{font-size:11px;padding:8px 11px;gap:6px}
 .catalog-subcategory-rail{gap:6px}
}