.reference-home .ref-categories.category-strip{display:flex;position:relative;align-items:center;gap:10px;padding:12px 0 18px;margin:12px 0 22px;grid-template-columns:none;border-bottom:1px solid #e4eaf3;overflow:visible;background:transparent}
.category-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbdcf4 transparent;flex:1;min-width:0;padding:5px 2px 10px;scroll-snap-type:x proximity}
.category-tile{position:relative;display:flex;flex:0 0 118px;min-width:0;min-height:129px;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:10px 8px 13px;background:transparent;border:1px solid transparent;border-radius:17px;color:#263d60;cursor:pointer;font:600 12px/1.3 Inter,system-ui,sans-serif;text-align:center;scroll-snap-align:start;transition:background .18s,transform .18s}
.category-picture{display:flex;align-items:center;justify-content:center;width:78px;height:74px;overflow:hidden;background:#edf3fa;border-radius:22px;box-shadow:0 2px 5px #1a396507}
.category-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.category-all svg{width:34px;height:34px;color:#7990ad}.category-tile>span:last-child{max-width:112px;overflow-wrap:anywhere}
.category-tile:hover{background:#f0f5fe;transform:translateY(-2px)}.category-tile:hover img{transform:scale(1.05)}.category-tile.active{background:#e9f2ff;color:#115ee9}.category-tile.active:after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:3px;background:#1765ff;border-radius:3px}.category-tile.active .category-all svg{color:#1765ff}
.category-scroll{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid #dfe8f6;background:#fff;color:#234b80;font-size:25px;line-height:1;box-shadow:0 3px 8px #1536620a;cursor:pointer}.category-scroll:disabled{opacity:.3;cursor:default}.category-tile:focus-visible,.category-scroll:focus-visible{outline:3px solid #5b9aff;outline-offset:2px}
@media(min-width:1500px){.category-tile{flex-basis:128px}.category-track{gap:17px}}
@media(max-width:700px){.reference-home .ref-categories.category-strip{gap:0;margin:7px 0 16px;padding:6px 0 12px}.category-scroll{display:none}.category-track{gap:7px;margin:0 -2px;padding:4px 2px 8px}.category-tile{flex-basis:94px;min-height:114px;gap:8px;padding:8px 5px 11px;font-size:11px;border-radius:14px}.category-picture{width:66px;height:64px;border-radius:19px}.category-tile>span:last-child{max-width:85px}.category-all svg{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.category-tile,.category-picture img{transition:none}}
