.popular-brands{margin-top:64px;padding:34px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brands-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.brands-heading h2{font-size:clamp(24px,2.5vw,34px);line-height:1.15;letter-spacing:-.04em;margin:0;color:var(--text)}
.brands-heading h2::after{content:'.';color:var(--accent)}
.brands-caption{font-size:12px;color:var(--muted);margin:9px 0 0}
.brand-motion{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:transparent;cursor:pointer;transition:background .2s,border-color .2s}
.brand-motion:hover{background:var(--soft);border-color:var(--muted)}
.brand-motion svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.brand-lanes{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.brand-lane{overflow:hidden;padding:8px 0}
.brand-track{display:flex;width:max-content;animation:brands-drift 70s linear infinite;will-change:transform}
.brand-lane-reverse .brand-track{animation-direction:reverse;animation-duration:78s}
.brand-group{display:flex;flex:none;align-items:center;gap:40px;padding-right:40px}
.brand-logo{width:160px;height:76px;flex:none;display:grid;place-items:center;appearance:none;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer;transition:background .2s,border-color .2s}
.brand-logo img{display:block;object-fit:contain;width:132px;height:40px;max-width:100%;opacity:.68;filter:brightness(0) invert(1);transition:opacity .2s,transform .2s;pointer-events:none}
.brand-apple img,.brand-hp img,.brand-xiaomi img,.brand-dell img{width:44px;height:44px}
.brand-jbl img{width:66px;height:46px}
.brand-ronix img{width:118px;height:44px}
.brand-logo:hover{background:var(--soft);border-color:var(--line)}
.brand-logo:hover img,.brand-logo:focus-visible img{opacity:1;transform:translateY(-2px)}
.brand-motion:focus-visible,.brand-logo:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.popular-brands[data-paused=true] .brand-track,.popular-brands[data-visible=false] .brand-track,.brand-lanes:hover .brand-track,.brand-lanes:focus-within .brand-track{animation-play-state:paused}
html[data-theme=light] .brand-logo img{filter:brightness(0);opacity:.66}
html[data-theme=light] .brand-logo:hover img,html[data-theme=light] .brand-logo:focus-visible img{opacity:1}
@keyframes brands-drift{to{transform:translateX(-50%)}}
@media(max-width:600px){.popular-brands{margin-top:40px;padding-top:26px}.brands-heading{margin-bottom:16px}.brand-group{gap:18px;padding-right:18px}.brand-logo{width:132px;height:66px}.brand-logo img{width:110px;height:34px}.brand-apple img,.brand-hp img,.brand-xiaomi img,.brand-dell img{width:36px;height:36px}.brand-jbl img{width:54px;height:38px}.brand-ronix img{width:98px;height:38px}.brand-track{animation-duration:65s}.brand-lane-reverse .brand-track{animation-duration:72s}}
@media(prefers-reduced-motion:reduce){.brand-logo img{transition:none}}

.brand-kingston img{filter:grayscale(1) invert(1)}
html[data-theme=light] .brand-kingston img{filter:grayscale(1)}