.custom-category-container{display:flex;align-items:center;margin-bottom:20px;gap:8px;padding:4px;font-weight:500}.fixed-category{flex-shrink:0;border-right:solid 1px #e4e4e4;padding-right:16px}.fixed-category a{display:inline-block;padding:4px 16px;text-decoration:none;color:#848484;transition:all .2s ease;border-radius:8px}.fixed-category a:hover{color:#ff7b31}.fixed-category a.active{color:#ff7b31;background:#fff5ef}.scrollable-block-element{display:flex;position:relative;overflow:hidden;flex:1}.scrollable-category{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;flex:1;padding:4px 0;padding-left:10px;position:relative;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none}.scrollable-category::-webkit-scrollbar{display:none}.scrollable-category:active{cursor:grabbing;scroll-behavior:auto}.front-block{position:absolute;left:0;top:0;bottom:0;width:20px;background:linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,0));pointer-events:none;z-index:2}.back-block{position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(to left,rgba(255,255,255,.9),rgba(255,255,255,0));pointer-events:none;z-index:2}.scrollable-category a{flex-shrink:0;display:inline-block;padding:4px 8px;text-decoration:none;color:#848484;font-weight:500;transition:all .2s ease;border-radius:8px;white-space:nowrap}.scrollable-category a:hover{color:#ff7b31}.scrollable-category a.active{color:#ff7b31;background:#fff5ef}@media(max-width:768px){.custom-category-container{gap:12px;padding:6px}.fixed-category a,.scrollable-category a{padding:6px 12px;font-size:14px}.scrollable-category{gap:8px}}