.category-scroll-container{position:relative;display:flex;align-items:center;margin:0 auto;padding:0 40px;max-width:1600px;z-index:0}.dark-mode .category-scroll-container{background-color:#000}.categories-wrapper{width:98%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 auto;scroll-behavior:smooth;overscroll-behavior-x:contain}.categories-wrapper::-webkit-scrollbar{display:none}.categories-list{gap:12px;padding:5px 0;user-select:none;-webkit-user-select:none}.categories-list,.category-btn,.motors-btn{display:flex;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.category-btn,.motors-btn{white-space:nowrap;background:#f9fafb;color:#495057!important;font-size:1rem;cursor:pointer;gap:6px;border:none;justify-content:center;align-items:baseline;padding:4px 8px;backface-visibility:hidden;border-radius:0}.category-btn i,.motors-btn i{font-size:.9rem;line-height:1;position:relative;top:1px}.category-btn span,.motors-btn span{font-weight:400;font-size:.9rem;line-height:1}.category-btn:hover,.motors-btn:hover{background:#e9ecef!important;color:#000!important}.category-btn.active,.motors-btn.active{background:#0d6efd!important;color:#fff!important}.dark-mode .category-btn,.dark-mode .motors-btn{background:#1f2937;color:#cbd5e1!important;border:1px solid transparent}.dark-mode .category-btn:hover,.dark-mode .motors-btn:hover{background:#1f2937!important;color:#fff!important;border-color:#58ddff!important}.dark-mode .category-btn:active,.dark-mode .motors-btn:active{background:#0f172a!important;color:#fbbf24!important;box-shadow:0 0 0 2px #f59e0b,0 0 18px rgba(245,158,11,.5),0 0 35px rgba(245,158,11,.2)}.dark-mode .category-btn.active,.dark-mode .motors-btn.active{background:#0d6efd!important;color:#58ddff!important}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid #e5e7eb;border-radius:25%;background:#f9fafb;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .04s ease;z-index:10;opacity:1}.scroll-btn:hover{background:#e5e7eb;border-color:#3b82f6;color:#3b82f6}.scroll-btn:active{background:#07f;transform:translateY(-50%) scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.2)}.scroll-btn i{font-size:1.11rem;color:#6b7280}.dark-mode .scroll-btn{background:#1f2937;border-color:#374151;color:#9ca3af}.dark-mode .scroll-btn:hover{background:#e5e7eb;border-color:#60a5fa;color:#60a5fa}.scroll-left{left:0}.scroll-right{right:0}@media (min-width:1200px){.category-scroll-container{padding:0 40px}}@media (max-width:991px){.categories-list{gap:11px;padding:4px 0}.category-btn,.motors-btn{font-size:.68rem;gap:10px;padding:3px 8px}.category-btn i,.motors-btn i{font-size:1rem;width:16px}.category-btn span,.motors-btn span{font-size:.8rem}.category-scroll-container{padding:0 32px}.scroll-btn{width:26px;height:26px}.scroll-btn i{font-size:1rem}}@media (max-width:576px){.categories-list{gap:8px;padding:3px 0}.category-btn,.motors-btn{gap:8px;padding:3px 7px}.category-btn i,.motors-btn i{font-size:.9rem;width:14px}.category-btn span,.motors-btn span{font-size:.78rem}.category-scroll-container{padding:0 26px}.scroll-btn{width:24px;height:24px}.scroll-btn i{font-size:.9rem}}