.category-scrollbar-section{margin:10px auto;width:100%;max-width:var(--container-max-width, 1340px)}.category-scrollbar-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:0 5px;position:relative}.category-scrollbar{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:8px 0;flex:1 1 auto;-webkit-overflow-scrolling:touch}.category-scrollbar::-webkit-scrollbar{display:none}.cat-btn{background:#f5f6fa;color:#2d4379;border:none;border-radius:30px;padding:10px 28px;font-size:16px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s;text-decoration:none;outline:none;box-shadow:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.cat-btn:hover,.cat-btn:focus{background:#e0e6f7;color:#1a2a4f}.cat-scroll-arrow{background:#fff;border:1.5px solid #e0e6f7;color:#2d4379;border-radius:50%;width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #2c3e5014;font-size:20px;padding:0;outline:none;border-width:2px;z-index:2}.cat-scroll-arrow:hover,.cat-scroll-arrow:focus{background:#e0e6f7;color:#1a2a4f;box-shadow:0 4px 16px #2c3e501f}@media (max-width: 768px){.category-scrollbar-section{margin:5px auto}.category-scrollbar-wrapper{gap:4px;padding:0 8px}.category-scrollbar{gap:8px;padding:4px 0}.cat-btn{font-size:14px;padding:8px 16px;min-width:auto}.cat-scroll-arrow{width:32px;height:32px;min-width:32px;min-height:32px}.cat-scroll-arrow svg{width:16px;height:16px}}@media (max-width: 480px){.cat-btn{font-size:13px;padding:6px 14px}}.category-scrollbar.dragging{cursor:grabbing;scroll-behavior:auto}.category-scrollbar.dragging .cat-btn{pointer-events:none}