/* QBW's open logo strip, using the approved Quad Parts typography and controls. */
.catalogue-brands{position:relative;padding:62px max(5%,calc((100% - 1440px)/2)) 44px;text-align:center}
.catalogue-brands h2{font-size:34px;line-height:1.15;letter-spacing:-.025em}
.brand-carousel{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:16px;margin-top:36px}
.brand-rail{--visible-brands:5;display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--visible-brands));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;padding:4px 0;margin:0;outline-offset:3px}
.brand-rail::-webkit-scrollbar{display:none}
.brand-rail li{min-width:0;scroll-snap-align:start}
.brand-rail a{display:flex;align-items:center;justify-content:center;min-height:104px;padding:18px;text-decoration:none;color:inherit}
.brand-rail a:focus-visible{outline:2px solid #010205;outline-offset:-4px}
.brand-rail img{display:block;width:132px;max-width:100%;height:68px;object-fit:contain}
.brand-rail [data-brand="MOOSE OFFROAD FOUR WHEEL"] img{filter:brightness(0)}
.brand-rail [data-brand="ALL BALLS"] img{object-fit:cover}
.brand-arrow{display:grid;place-items:center;width:40px;height:48px;color:#010205;transition:background 180ms}
.brand-arrow svg{width:22px;height:22px}
.brand-arrow:hover{background:#f3f3f4}
.brand-arrow:focus-visible,.brand-playback:focus-visible{outline:2px solid #010205;outline-offset:3px}
.brand-playback{font-size:13px;line-height:1.4;min-width:48px;min-height:36px;margin-top:8px;text-decoration:underline;text-underline-offset:4px;color:#404044}
.brand-arrow[hidden],.brand-playback[hidden]{display:none}
.brand-carousel:has(.brand-arrow[hidden]){grid-template-columns:minmax(0,1fr)}
@media(max-width:1100px){.brand-rail{--visible-brands:4}}
@media(max-width:900px){.brand-rail{--visible-brands:3}}
@media(max-width:700px){.catalogue-brands{padding:46px 16px 34px}.catalogue-brands h2{font-size:30px}.brand-carousel{gap:8px;grid-template-columns:32px minmax(0,1fr) 32px;margin-top:24px}.brand-arrow{width:32px}.brand-rail{--visible-brands:2}.brand-rail a{padding:12px;min-height:96px}.brand-rail img{height:60px}}
@media(max-width:376px){.brand-rail{--visible-brands:1}}
@media(prefers-reduced-motion:reduce){.brand-arrow{transition:none}}