.category-scroller-container{width:100%;overflow:hidden;direction:rtl;position:relative;max-width:100%}.category-scroller-wrapper{overflow:hidden;position:relative;padding:8px 0;width:100%;max-width:100%}.category-scroller-track{display:flex;gap:14px;padding:0 7px;transition:none;will-change:transform;width:auto!important;flex-wrap:nowrap}.category-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:10px;text-decoration:none;color:#495057;border:1px solid #e9ecef;transition:all 0.3s ease;white-space:nowrap;min-width:auto;flex-shrink:0}.category-item:hover{background:#f1f3f5;border-color:#e4e5e7}.category-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;font-size:18px;line-height:0;text-align:center;border-radius:7px;flex-shrink:0;transition:all 0.3s ease}.main-item .category-icon{background:#f4f4f5;color:#727579}.main-item:hover .category-icon{background:#e4e5e7;color:#53565a!important}.main-item:focus .category-icon{background:#e4e5e7;color:#53565a!important}.category-title{font-size:14px;font-weight:500;color:#343a40}.category-scroller-wrapper:hover .category-scroller-track{animation-play-state:paused!important}.category-error{background:#fff3cd;color:#856404;padding:15px 20px;border-radius:8px;border:1px solid #ffeeba;text-align:center;font-size:14px;margin:10px 0}@media (max-width:992px){.category-item{padding:10px 12px;gap:8px}.category-title{font-size:13px}.category-icon i{font-size:16px}}@media (max-width:576px){.category-scroller-container{padding:15px 0}.category-item{padding:10px 12px;gap:6px}.category-icon{width:28px;height:28px;min-width:28px;min-height:28px}.category-title{font-size:13px}}