/* Add to globals.css */
.navscroll-wrap { position: relative; }
.navscroll-area { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.navscroll-area::-webkit-scrollbar { display: none; }
.navscroll-mask { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%); }
.navscroll-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 9999px; border: 1px solid rgba(0,0,0,.12); background: rgba(255,255,255,.95); display: flex; align-items: center; justify-content: center; z-index: 10; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.navscroll-btn.left { left: -6px; }
.navscroll-btn.right { right: -6px; }
.navscroll-btn:focus { outline: 0; box-shadow: 0 0 0 3px rgba(13,110,253,.15); }
.navscroll-btn:disabled, .navscroll-btn.invisible { opacity: .35; pointer-events: none; }