/* Homepage interaction update, 26 October 2026 */
.brands .brand-scroll{overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:thin;scrollbar-color:#b8b6cf transparent;touch-action:pan-x pan-y;overscroll-behavior-x:contain;padding:10px 0 14px}
.brands .brand-scroll:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
.brands .brand-scroll.dragging{cursor:grabbing;user-select:none}
.brands .track{animation:none!important;width:max-content;flex-wrap:nowrap;justify-content:flex-start;gap:0;padding:0}
.brands .bset{flex-wrap:nowrap;gap:64px;padding:0 64px 0 0;min-width:max-content}
.brands .track img{height:40px;max-width:145px;object-fit:contain;flex:0 0 auto;user-select:none;-webkit-user-drag:none;pointer-events:none}
.brands .track img[src*="brand-dell"],.brands .track img[src*="brand-hp"]{height:48px}
.brand-hint{font-size:11px;text-align:center;color:var(--mute);margin:8px 0 0;letter-spacing:.08em}
@media(max-width:820px){.brands .bset{gap:42px;padding-right:42px}.brands .track img{height:32px;max-width:120px}}
/* Replace only the main hero background; keep the barcode section below. */
.hero::before{background-image:url(img/hero-scanner-20261026.jpg);background-position:center 48%;transform:none}
.hero::after{background:linear-gradient(100deg,rgba(22,16,89,.97) 0 28%,rgba(22,16,89,.88) 44%,rgba(22,16,89,.36) 67%,rgba(22,16,89,.12) 100%)}
@media(max-width:820px){.hero::before{background-position:58% center}.hero::after{background:linear-gradient(180deg,rgba(22,16,89,.91),rgba(22,16,89,.76))}}